WDIPL/Wdipl-react
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

meta tags added in all pages

Browse Source
This commit is contained in:
priyanshuvish
2025-07-23 18:53:54 +05:30
parent 08f05dab2c
commit cd8d88b4dd
69 changed files with 3743 additions and 519 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
pages/AIAutomationWorkflows.tsx
View File

@@ -46,11 +46,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Automation & Workflows Hero Section
const AutomationHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Automation | Smart AI-Powered Workflows by WDI</title>
<meta
name="description"
content="Streamline your operations with WDI’s AI automation workflows. Enhance efficiency, reduce cost, and drive results using smart, scalable AI solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Automation | Smart AI-Powered Workflows by WDI" />
<meta
property="og:description"
content="Streamline your operations with WDI’s AI automation workflows. Enhance efficiency, reduce cost, and drive results using smart, scalable AI solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AI Automation | Smart AI-Powered Workflows by WDI" />
<meta
name="twitter:description"
content="Streamline your operations with WDI’s AI automation workflows. Enhance efficiency, reduce cost, and drive results using smart, scalable AI solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/AIChatbotsVirtualAssistants.tsx
View File

@@ -44,11 +44,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Chatbots & Virtual Assistants Hero Section
const ChatbotsHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Chatbots & Virtual Assistants | Conversational AI | WDI</title>
<meta
name="description"
content="WDI builds conversational AI solutions, from intelligent chatbots to virtual assistants, enabling automated customer support and natural interactions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Chatbots & Virtual Assistants | Conversational AI | WDI" />
<meta
property="og:description"
content="WDI builds conversational AI solutions, from intelligent chatbots to virtual assistants, enabling automated customer support and natural interactions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AI Chatbots & Virtual Assistants | Conversational AI | WDI" />
<meta
name="twitter:description"
content="WDI builds conversational AI solutions, from intelligent chatbots to virtual assistants, enabling automated customer support and natural interactions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/AIIntegrationDigitalProducts.tsx
View File

@@ -42,11 +42,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Integration Hero Section
const AIIntegrationHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Integration | Smarter Digital Products with AI | WDI</title>
<meta
name="description"
content="WDI helps businesses enhance digital products with seamless AI integration. Improve UX, automation, and decision-making across platforms."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Integration | Smarter Digital Products with AI | WDI" />
<meta
property="og:description"
content="WDI helps businesses enhance digital products with seamless AI integration. Improve UX, automation, and decision-making across platforms."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AI Integration | Smarter Digital Products with AI | WDI" />
<meta
name="twitter:description"
content="WDI helps businesses enhance digital products with seamless AI integration. Improve UX, automation, and decision-making across platforms."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/AIModelDeploymentMLOps.tsx
View File

@@ -44,11 +44,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Model Deployment & MLOps Hero Section
const MLOpsHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Model Deployment | Strategic MLOps Services | WDI</title>
<meta
name="description"
content="WDI delivers robust MLOps for scalable AI model deployment. Ensure performance, security, and lifecycle management with enterprise-grade processes."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Model Deployment | Strategic MLOps Services | WDI" />
<meta
property="og:description"
content="WDI delivers robust MLOps for scalable AI model deployment. Ensure performance, security, and lifecycle management with enterprise-grade processes."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AI Model Deployment | Strategic MLOps Services | WDI" />
<meta
name="twitter:description"
content="WDI delivers robust MLOps for scalable AI model deployment. Ensure performance, security, and lifecycle management with enterprise-grade processes."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/AIStrategyConsulting.tsx
View File

@@ -33,11 +33,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Strategy & Consulting Hero Section
const AIStrategyHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Strategy Consulting | Enterprise AI Roadmap | WDI</title>
<meta
name="description"
content="WDI’s phased AI strategy consulting helps you adopt intelligent technologies with clarity, scalability, and long-term business transformation goals."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Strategy Consulting | Enterprise AI Roadmap | WDI" />
<meta
property="og:description"
content="WDI’s phased AI strategy consulting helps you adopt intelligent technologies with clarity, scalability, and long-term business transformation goals."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AI Strategy Consulting | Enterprise AI Roadmap | WDI" />
<meta
name="twitter:description"
content="WDI’s phased AI strategy consulting helps you adopt intelligent technologies with clarity, scalability, and long-term business transformation goals."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/APIBackendDevelopment.tsx
View File

@@ -46,11 +46,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import iotDeviceImage from "../src/images/iot-device.webp";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// API & Backend Development Hero Section
const APIHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>API & Backend Development Services | Reliable Solutions by WDI</title>
<meta
name="description"
content="WDI provides robust API & backend development services, delivering secure, scalable, and high-performance solutions tailored to power your business applications."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="API & Backend Development Services | Reliable Solutions by WDI" />
<meta
property="og:description"
content="WDI provides robust API & backend development services, delivering secure, scalable, and high-performance solutions tailored to power your business applications."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="API & Backend Development Services | Reliable Solutions by WDI" />
<meta
name="twitter:description"
content="WDI provides robust API & backend development services, delivering secure, scalable, and high-performance solutions tailored to power your business applications."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/AdminPanelsDashboards.tsx
View File

@@ -46,11 +46,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import healthcareImage from "../src/images/healthcare.webp";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Admin Panels & Dashboards Hero Section
const AdminHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Admin Panels & Dashboards Development | Custom Solutions by WDI</title>
<meta
name="description"
content="WDI builds custom Admin Panels & Dashboards that offer real-time insights, smooth control, and secure access for managing your digital platforms."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Admin Panels & Dashboards Development | Custom Solutions by WDI" />
<meta
property="og:description"
content="WDI builds custom Admin Panels & Dashboards that offer real-time insights, smooth control, and secure access for managing your digital platforms."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Admin Panels & Dashboards Development | Custom Solutions by WDI" />
<meta
name="twitter:description"
content="WDI builds custom Admin Panels & Dashboards that offer real-time insights, smooth control, and secure access for managing your digital platforms."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/AgriTechPlatforms.tsx
View File

@@ -15,11 +15,59 @@ import {
Database, Bot, Target, CheckCircle, Star,
Zap, Shield, Globe, Award, Satellite
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>AgriTech Platform Development Services | WDI</title>
<meta
name="description"
content="WDI builds custom AgriTech Platforms that empower farmers and agribusinesses with smart, data-driven tools to enhance productivity, sustainability, and growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AgriTech Platform Development Services | WDI" />
<meta
property="og:description"
content="WDI builds custom AgriTech Platforms that empower farmers and agribusinesses with smart, data-driven tools to enhance productivity, sustainability, and growth."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AgriTech Platform Development Services | WDI" />
<meta
name="twitter:description"
content="WDI builds custom AgriTech Platforms that empower farmers and agribusinesses with smart, data-driven tools to enhance productivity, sustainability, and growth."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

54
pages/AndroidAppDevelopment.tsx
View File

@@ -40,11 +40,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import androidVectorImage from "../src/images/android-vector.png";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Android Hero Section with Android device mockups and Android vector
const AndroidHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Android App Development by WDI | Boost Your Mobile Presence Today</title>
<meta
name="description"
content="WDI delivers custom Android app development with innovative, high-performance solutions designed to accelerate your business growth and engagement."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Android App Development by WDI | Boost Your Mobile Presence Today" />
<meta
property="og:description"
content="WDI delivers custom Android app development with innovative, high-performance solutions designed to accelerate your business growth and engagement."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Android App Development by WDI | Boost Your Mobile Presence Today" />
<meta
name="twitter:description"
content="WDI delivers custom Android app development with innovative, high-performance solutions designed to accelerate your business growth and engagement."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -502,13 +550,11 @@ const AndroidProcessTimeline = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

48
pages/Blog.tsx
View File

@@ -21,6 +21,7 @@ import {
BookOpen,
} from "lucide-react";
import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const Blog = () => {
const [searchTerm, setSearchTerm] = useState("");
@@ -191,6 +192,53 @@ export const Blog = () => {
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>Blogs | Thought Leadership in Software Development</title>
<meta
name="description"
content="Read expert blogs from WDI on software development and digital transformation. Stay informed with insights, trends, and thought leadership content."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Blogs | Thought Leadership in Software Development" />
<meta
property="og:description"
content="Read expert blogs from WDI on software development and digital transformation. Stay informed with insights, trends, and thought leadership content."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Blogs | Thought Leadership in Software Development" />
<meta
name="twitter:description"
content="Read expert blogs from WDI on software development and digital transformation. Stay informed with insights, trends, and thought leadership content."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6">

48
pages/CaseStudies.tsx
View File

@@ -22,6 +22,7 @@ import wokasideawardLocalImage from '../src/images/woka-side-award.webp';
import traderCircuitLocalImage from '../src/images/traders-circuit.webp';
import goodTimesLocalImage from '../src/images/goodtimes.webp';
import prospertyLocalImage from '../src/images/prosperty.webp';
import { Helmet } from "react-helmet-async";
// High-quality project images
@@ -241,6 +242,53 @@ export const CaseStudies = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Case Studies | AI Web Development Projects by WDI</title>
<meta
name="description"
content="Explore real-world AI web development case studies from WDI. See how we help enterprises and startups create scalable, smart digital solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Case Studies | AI Web Development Projects by WDI" />
<meta
property="og:description"
content="Explore real-world AI web development case studies from WDI. See how we help enterprises and startups create scalable, smart digital solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Case Studies | AI Web Development Projects by WDI" />
<meta
name="twitter:description"
content="Explore real-world AI web development case studies from WDI. See how we help enterprises and startups create scalable, smart digital solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-accent/5 via-background to-background" />
<motion.div

48
pages/ClickablePrototypes.tsx
View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Clickable Prototypes Hero Section
const PrototypesHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Prototypes | Mobile App Development Visualization | WDI</title>
<meta
name="description"
content="Test your mobile app idea with WDI’s interactive prototypes. Validate user flows and gather insights before full-scale mobile development begins."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Prototypes | Mobile App Development Visualization | WDI" />
<meta
property="og:description"
content="Test your mobile app idea with WDI’s interactive prototypes. Validate user flows and gather insights before full-scale mobile development begins."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Prototypes | Mobile App Development Visualization | WDI" />
<meta
name="twitter:description"
content="Test your mobile app idea with WDI’s interactive prototypes. Validate user flows and gather insights before full-scale mobile development begins."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/ClientTestimonials.tsx
View File

@@ -24,6 +24,7 @@ import {
Award,
} from "lucide-react";
import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const ClientTestimonials = () => {
const [selectedIndustry, setSelectedIndustry] = useState("all");
@@ -392,6 +393,53 @@ export const ClientTestimonials = () => {
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>Client Reviews | AI App Development Success Stories</title>
<meta
name="description"
content="See what clients say about WDI’s AI app development. Discover how startups and enterprises achieved success with our innovative digital products."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Client Reviews | AI App Development Success Stories" />
<meta
property="og:description"
content="See what clients say about WDI’s AI app development. Discover how startups and enterprises achieved success with our innovative digital products."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Client Reviews | AI App Development Success Stories" />
<meta
name="twitter:description"
content="See what clients say about WDI’s AI app development. Discover how startups and enterprises achieved success with our innovative digital products."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6">

48
pages/ComputerVisionApplications.tsx
View File

@@ -49,11 +49,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Computer Vision Applications Hero Section
const ComputerVisionHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Computer Vision Applications | Vision AI Development | WDI</title>
<meta
name="description"
content="WDI builds computer vision solutions that detect, classify, and understand visual data. Enable automation, safety, and intelligent systems."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Computer Vision Applications | Vision AI Development | WDI" />
<meta
property="og:description"
content="WDI builds computer vision solutions that detect, classify, and understand visual data. Enable automation, safety, and intelligent systems."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Computer Vision Applications | Vision AI Development | WDI" />
<meta
name="twitter:description"
content="WDI builds computer vision solutions that detect, classify, and understand visual data. Enable automation, safety, and intelligent systems."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

54
pages/CrossPlatformAppDevelopment.tsx
View File

@@ -42,11 +42,59 @@ import {
TabsTrigger,
} from "../components/ui/tabs";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Cross-Platform Hero Section
const CrossPlatformHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Cross-Platform App Development Services | WDI Experts</title>
<meta
name="description"
content="WDI offers efficient and scalable cross-platform app development to deliver seamless mobile experiences on Android and iOS. Accelerate your app’s success today."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Cross-Platform App Development Services | WDI Experts" />
<meta
property="og:description"
content="WDI offers efficient and scalable cross-platform app development to deliver seamless mobile experiences on Android and iOS. Accelerate your app’s success today."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Cross-Platform App Development Services | WDI Experts" />
<meta
name="twitter:description"
content="WDI offers efficient and scalable cross-platform app development to deliver seamless mobile experiences on Android and iOS. Accelerate your app’s success today."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -632,13 +680,11 @@ const CrossPlatformProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

57
pages/CustomMLModelDevelopment.tsx
View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Custom ML Model Development Hero Section
const CustomMLHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Custom ML Model Development | Machine Learning by WDI</title>
<meta
name="description"
content="WDI builds custom machine learning models tailored to specific data, goals, and industry needs. Achieve performance, accuracy, and scalability."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Custom ML Model Development | Machine Learning by WDI" />
<meta
property="og:description"
content="WDI builds custom machine learning models tailored to specific data, goals, and industry needs. Achieve performance, accuracy, and scalability."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Custom ML Model Development | Machine Learning by WDI" />
<meta
name="twitter:description"
content="WDI builds custom machine learning models tailored to specific data, goals, and industry needs. Achieve performance, accuracy, and scalability."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -599,13 +647,11 @@ const CustomMLDevelopmentProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
@@ -917,8 +963,7 @@ const CustomMLTechStack = () => {
>
<Card className="bg-gray-900/50 backdrop-blur-md border-gray-800 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl rounded-2xl p-4 text-center">
<div
className={`w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-3 ${
colorClasses[tech.color as keyof typeof colorClasses] ||
className={`w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-3 ${colorClasses[tech.color as keyof typeof colorClasses] ||
"bg-accent/20 text-accent border-accent/30"
}`}
>

48
pages/CustomWebAppDevelopment.tsx
View File

@@ -47,11 +47,59 @@ import { ShimmerButton } from "../components/ui/shimmer-button";
import patientManagementPortal from "../src/images/patient-management-portal.webp";
import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Custom Web App Development Hero Section
const CustomWebAppHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Custom Web Application Development Experts | WDI</title>
<meta
name="description"
content="WDI specializes in custom web application development, delivering secure, scalable, and innovative solutions tailored to accelerate your business growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Custom Web Application Development Experts | WDI" />
<meta
property="og:description"
content="WDI specializes in custom web application development, delivering secure, scalable, and innovative solutions tailored to accelerate your business growth."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Custom Web Application Development Experts | WDI" />
<meta
name="twitter:description"
content="WDI specializes in custom web application development, delivering secure, scalable, and innovative solutions tailored to accelerate your business growth."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/DedicatedDevelopmentTeams.tsx
View File

@@ -18,6 +18,7 @@ import {
Star,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const DedicatedDevelopmentTeams = () => {
const benefits = [
@@ -122,6 +123,53 @@ export const DedicatedDevelopmentTeams = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Dedicated Development Teams for Hire | WDI</title>
<meta
name="description"
content="Scale your business with WDI’s dedicated development teams. Get expert talent, faster delivery, and full project control tailored to your unique goals."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Dedicated Development Teams for Hire | WDI" />
<meta
property="og:description"
content="Scale your business with WDI’s dedicated development teams. Get expert talent, faster delivery, and full project control tailored to your unique goals."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Dedicated Development Teams for Hire | WDI" />
<meta
name="twitter:description"
content="Scale your business with WDI’s dedicated development teams. Get expert talent, faster delivery, and full project control tailored to your unique goals."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/DesignThinkingWorkshops.tsx
View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Design Thinking Workshops Hero Section
const WorkshopsHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Design Thinking Workshop | Web Development Strategy</title>
<meta
name="description"
content="Join WDI’s interactive workshops to shape your web development strategy. Solve business challenges through design thinking and user-focused planning."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Design Thinking Workshop | Web Development Strategy" />
<meta
property="og:description"
content="Join WDI’s interactive workshops to shape your web development strategy. Solve business challenges through design thinking and user-focused planning."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Design Thinking Workshop | Web Development Strategy" />
<meta
name="twitter:description"
content="Join WDI’s interactive workshops to shape your web development strategy. Solve business challenges through design thinking and user-focused planning."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/EcommerceMarketplaces.tsx
View File

@@ -27,11 +27,59 @@ import {
Award,
Clock,
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>eCommerce & Marketplace Development Services | WDI</title>
<meta
name="description"
content="WDI builds powerful eCommerce & Marketplace platforms with seamless UX, secure payments, and scalable architecture to grow your online business."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="eCommerce & Marketplace Development Services | WDI" />
<meta
property="og:description"
content="WDI builds powerful eCommerce & Marketplace platforms with seamless UX, secure payments, and scalable architecture to grow your online business."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="eCommerce & Marketplace Development Services | WDI" />
<meta
name="twitter:description"
content="WDI builds powerful eCommerce & Marketplace platforms with seamless UX, secure payments, and scalable architecture to grow your online business."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/EcommercePlatforms.tsx
View File

@@ -48,11 +48,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import multiVendorImage from "../src/images/multifood.webp";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// eCommerce Platforms Hero Section
const EcommerceHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>eCommerce Platform Development by WDI| Build Powerful Online Stores</title>
<meta
name="description"
content="WDI delivers robust eCommerce platform development with secure, scalable, and user-friendly solutions that drive sales and enhance your online business growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="eCommerce Platform Development by WDI| Build Powerful Online Stores" />
<meta
property="og:description"
content="WDI delivers robust eCommerce platform development with secure, scalable, and user-friendly solutions that drive sales and enhance your online business growth."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="eCommerce Platform Development by WDI| Build Powerful Online Stores" />
<meta
name="twitter:description"
content="WDI delivers robust eCommerce platform development with secure, scalable, and user-friendly solutions that drive sales and enhance your online business growth."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/EdTechPlatforms.tsx
View File

@@ -15,11 +15,59 @@ import {
MessageSquare, Calendar, CheckCircle, Star, ArrowRight,
GraduationCap, Brain, Target, Zap, Award, Clock
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>EdTech Platform Development Services | WDI</title>
<meta
name="description"
content="WDI builds advanced EdTech platforms for engaging, scalable digital learning. Empower educational institutions with innovative, user-friendly technology solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="EdTech Platform Development Services | WDI" />
<meta
property="og:description"
content="WDI builds advanced EdTech platforms for engaging, scalable digital learning. Empower educational institutions with innovative, user-friendly technology solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="EdTech Platform Development Services | WDI" />
<meta
name="twitter:description"
content="WDI builds advanced EdTech platforms for engaging, scalable digital learning. Empower educational institutions with innovative, user-friendly technology solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

57
pages/EngagementModels.tsx
View File

@@ -16,6 +16,7 @@ import {
Star,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const EngagementModels = () => {
const models = [
@@ -134,6 +135,53 @@ export const EngagementModels = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Engagement Models | Flexible Software Development Options</title>
<meta
name="description"
content="Explore WDI’s flexible software engagement models. Choose the right approach for your goals, timeline, and budget, from startups to enterprises."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Engagement Models | Flexible Software Development Options" />
<meta
property="og:description"
content="Explore WDI’s flexible software engagement models. Choose the right approach for your goals, timeline, and budget, from startups to enterprises."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Engagement Models | Flexible Software Development Options" />
<meta
name="twitter:description"
content="Explore WDI’s flexible software engagement models. Choose the right approach for your goals, timeline, and budget, from startups to enterprises."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"
@@ -337,8 +385,7 @@ export const EngagementModels = () => {
<td className="p-6 text-center">
<Badge
variant="outline"
className={`border-blue-500/30 text-blue-400 ${
feature.fixedPrice === "High"
className={`border-blue-500/30 text-blue-400 ${feature.fixedPrice === "High"
? "bg-blue-500/10"
: feature.fixedPrice === "Medium"
? "bg-yellow-500/10"
@@ -351,8 +398,7 @@ export const EngagementModels = () => {
<td className="p-6 text-center">
<Badge
variant="outline"
className={`border-green-500/30 text-green-400 ${
feature.timeAndMaterial === "High"
className={`border-green-500/30 text-green-400 ${feature.timeAndMaterial === "High"
? "bg-green-500/10"
: feature.timeAndMaterial === "Medium"
? "bg-yellow-500/10"
@@ -365,8 +411,7 @@ export const EngagementModels = () => {
<td className="p-6 text-center">
<Badge
variant="outline"
className={`border-[#E5195E]/30 text-[#E5195E] ${
feature.dedicatedTeam === "High"
className={`border-[#E5195E]/30 text-[#E5195E] ${feature.dedicatedTeam === "High"
? "bg-[#E5195E]/10"
: feature.dedicatedTeam.includes("Medium")
? "bg-yellow-500/10"

54
pages/EnterpriseSoftwareSolutions.tsx
View File

@@ -47,11 +47,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Enterprise Software Solutions Hero Section
const EnterpriseHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Enterprise Software Solutions | Tailored Services by WDI</title>
<meta
name="description"
content="WDI delivers customized enterprise software solutions designed to optimize operations, enhance productivity, and drive scalable business growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Enterprise Software Solutions | Tailored Services by WDI" />
<meta
property="og:description"
content="WDI delivers customized enterprise software solutions designed to optimize operations, enhance productivity, and drive scalable business growth."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Enterprise Software Solutions | Tailored Services by WDI" />
<meta
name="twitter:description"
content="WDI delivers customized enterprise software solutions designed to optimize operations, enhance productivity, and drive scalable business growth."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -613,13 +661,11 @@ const EnterpriseProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

48
pages/EventTicketingSolutions.tsx
View File

@@ -27,11 +27,59 @@ import {
Award,
Bell,
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Event & Ticketing Solutions by WDI | Seamless Event Tech</title>
<meta
name="description"
content="WDI delivers custom Event & Ticketing Solutions with real-time booking, secure payments, and smooth user experience to manage events and boost sales."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Event & Ticketing Solutions by WDI | Seamless Event Tech" />
<meta
property="og:description"
content="WDI delivers custom Event & Ticketing Solutions with real-time booking, secure payments, and smooth user experience to manage events and boost sales."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Event & Ticketing Solutions by WDI | Seamless Event Tech" />
<meta
name="twitter:description"
content="WDI delivers custom Event & Ticketing Solutions with real-time booking, secure payments, and smooth user experience to manage events and boost sales."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

51
pages/FAQs.tsx
View File

@@ -20,6 +20,7 @@ import {
Mail,
} from "lucide-react";
import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const FAQs = () => {
const [searchTerm, setSearchTerm] = useState("");
@@ -190,6 +191,53 @@ export const FAQs = () => {
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>FAQ | Custom AI Solutions for Startups & Enterprises</title>
<meta
name="description"
content="Find answers about WDI’s custom AI development services. We help startups and enterprises build smart digital tools tailored to their goals."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="FAQ | Custom AI Solutions for Startups & Enterprises" />
<meta
property="og:description"
content="Find answers about WDI’s custom AI development services. We help startups and enterprises build smart digital tools tailored to their goals."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="FAQ | Custom AI Solutions for Startups & Enterprises" />
<meta
name="twitter:description"
content="Find answers about WDI’s custom AI development services. We help startups and enterprises build smart digital tools tailored to their goals."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6">
@@ -230,8 +278,7 @@ export const FAQs = () => {
<div className="text-center mt-4">
<span className="text-sm text-muted-foreground">
{searchTerm
? `${filteredFaqs.length} result${
filteredFaqs.length !== 1 ? "s" : ""
? `${filteredFaqs.length} result${filteredFaqs.length !== 1 ? "s" : ""
} found`
: `${allFaqs.length} questions available`}
</span>

63
pages/FinTechBankingApps.tsx
View File

@@ -56,11 +56,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// FinTech & Banking Apps Hero Section
const FinTechBankingAppsHero = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>FinTech & Banking Apps Development | WDI – Secure Digital Solutions</title>
<meta
name="description"
content="WDI designs FinTech & Banking Apps for secure, innovative financial solutions. Enhance digital banking experiences with robust, user-focused technology."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="FinTech & Banking Apps Development | WDI – Secure Digital Solutions" />
<meta
property="og:description"
content="WDI designs FinTech & Banking Apps for secure, innovative financial solutions. Enhance digital banking experiences with robust, user-focused technology."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="FinTech & Banking Apps Development | WDI – Secure Digital Solutions" />
<meta
name="twitter:description"
content="WDI designs FinTech & Banking Apps for secure, innovative financial solutions. Enhance digital banking experiences with robust, user-focused technology."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -248,8 +296,7 @@ const FinTechBankingAppsHero = () => {
className="text-center"
>
<div
className={`w-12 h-12 rounded-2xl flex items-center justify-center mb-2 ${
action.color === "blue"
className={`w-12 h-12 rounded-2xl flex items-center justify-center mb-2 ${action.color === "blue"
? "bg-blue-500/20"
: action.color === "green"
? "bg-green-500/20"
@@ -259,8 +306,7 @@ const FinTechBankingAppsHero = () => {
}`}
>
<action.icon
className={`w-5 h-5 ${
action.color === "blue"
className={`w-5 h-5 ${action.color === "blue"
? "text-blue-400"
: action.color === "green"
? "text-green-400"
@@ -326,8 +372,7 @@ const FinTechBankingAppsHero = () => {
</div>
</div>
<div
className={`text-sm font-medium ${
transaction.amount.startsWith("+")
className={`text-sm font-medium ${transaction.amount.startsWith("+")
? "text-green-400"
: "text-white"
}`}
@@ -852,13 +897,11 @@ const FinTechBankingAppsProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

57
pages/FitnessWellnessPlatforms.tsx
View File

@@ -17,11 +17,59 @@ import { Badge } from "../components/ui/badge";
import { Button } from "../components/ui/button";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Fitness & Wellness Hero Section
const FitnessWellnessHero = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Fitness & Wellness Platforms | WDI – Digital Health Solutions</title>
<meta
name="description"
content="WDI builds custom Fitness & Wellness Platforms to boost user engagement, track health goals, and deliver personalized wellness experiences across devices."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Fitness & Wellness Platforms | WDI – Digital Health Solutions" />
<meta
property="og:description"
content="WDI builds custom Fitness & Wellness Platforms to boost user engagement, track health goals, and deliver personalized wellness experiences across devices."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Fitness & Wellness Platforms | WDI – Digital Health Solutions" />
<meta
name="twitter:description"
content="WDI builds custom Fitness & Wellness Platforms to boost user engagement, track health goals, and deliver personalized wellness experiences across devices."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -201,8 +249,7 @@ const FitnessWellnessHero = () => {
>
<div className="flex items-center gap-2 mb-2">
<metric.icon
className={`w-4 h-4 ${
metric.color === "orange"
className={`w-4 h-4 ${metric.color === "orange"
? "text-orange-400"
: metric.color === "blue"
? "text-blue-400"
@@ -267,8 +314,7 @@ const FitnessWellnessHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
>
<div
className={`w-8 h-8 rounded-full flex items-center justify-center ${
activity.color === "purple"
className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "purple"
? "bg-purple-500/20"
: activity.color === "green"
? "bg-green-500/20"
@@ -276,8 +322,7 @@ const FitnessWellnessHero = () => {
}`}
>
<activity.icon
className={`w-4 h-4 ${
activity.color === "purple"
className={`w-4 h-4 ${activity.color === "purple"
? "text-purple-400"
: activity.color === "green"
? "text-green-400"

48
pages/FoodOrderingDelivery.tsx
View File

@@ -26,11 +26,59 @@ import {
Globe,
Award,
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Food Ordering & Delivery App Solutions | WDI</title>
<meta
name="description"
content="WDI develops custom Food Ordering & Delivery apps with real-time tracking, secure payments, and seamless user experience to grow your food business online."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Food Ordering & Delivery App Solutions | WDI" />
<meta
property="og:description"
content="WDI develops custom Food Ordering & Delivery apps with real-time tracking, secure payments, and seamless user experience to grow your food business online."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Food Ordering & Delivery App Solutions | WDI" />
<meta
name="twitter:description"
content="WDI develops custom Food Ordering & Delivery apps with real-time tracking, secure payments, and seamless user experience to grow your food business online."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/GenAIIntegrationDigitalProducts.tsx
View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Gen AI Integration Hero Section
const GenAIIntegrationHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Generative AI Integration | Smarter Products with WDI</title>
<meta
name="description"
content="Embed generative AI into your digital products with WDI. Enable intelligent automation, creativity, and enhanced user experiences through GenAI."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Generative AI Integration | Smarter Products with WDI" />
<meta
property="og:description"
content="Embed generative AI into your digital products with WDI. Enable intelligent automation, creativity, and enhanced user experiences through GenAI."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Generative AI Integration | Smarter Products with WDI" />
<meta
name="twitter:description"
content="Embed generative AI into your digital products with WDI. Enable intelligent automation, creativity, and enhanced user experiences through GenAI."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

60
pages/HealthTechApplications.tsx
View File

@@ -46,11 +46,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// HealthTech Hero Section
const HealthTechHero = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>HealthTech Applications Development | WDI – Modern Healthcare</title>
<meta
name="description"
content="WDI builds secure, scalable HealthTech applications for modern healthcare. Enhance patient care, data access, and compliance with custom digital solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="HealthTech Applications Development | WDI – Modern Healthcare" />
<meta
property="og:description"
content="WDI builds secure, scalable HealthTech applications for modern healthcare. Enhance patient care, data access, and compliance with custom digital solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="HealthTech Applications Development | WDI – Modern Healthcare" />
<meta
name="twitter:description"
content="WDI builds secure, scalable HealthTech applications for modern healthcare. Enhance patient care, data access, and compliance with custom digital solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -341,8 +389,7 @@ const HealthTechHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
>
<div
className={`w-8 h-8 rounded-full flex items-center justify-center ${
activity.color === "blue"
className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "blue"
? "bg-blue-500/20"
: activity.color === "green"
? "bg-green-500/20"
@@ -350,8 +397,7 @@ const HealthTechHero = () => {
}`}
>
<activity.icon
className={`w-4 h-4 ${
activity.color === "blue"
className={`w-4 h-4 ${activity.color === "blue"
? "text-blue-400"
: activity.color === "green"
? "text-green-400"
@@ -885,13 +931,11 @@ const HealthTechProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

48
pages/HireBackendDevelopers.tsx
View File

@@ -17,6 +17,7 @@ import {
Code,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireBackendDevelopers = () => {
const expertise = [
@@ -197,6 +198,53 @@ export const HireBackendDevelopers = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Backend Developers | Skilled Experts at WDI</title>
<meta
name="description"
content="Hire Backend Developers from WDI to build secure, high-performance apps. Get expert backend talent to power your business with scalable tech solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Backend Developers | Skilled Experts at WDI" />
<meta
property="og:description"
content="Hire Backend Developers from WDI to build secure, high-performance apps. Get expert backend talent to power your business with scalable tech solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire Backend Developers | Skilled Experts at WDI" />
<meta
name="twitter:description"
content="Hire Backend Developers from WDI to build secure, high-performance apps. Get expert backend talent to power your business with scalable tech solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/HireFrontendDevelopers.tsx
View File

@@ -17,6 +17,7 @@ import {
Palette,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireFrontendDevelopers = () => {
const expertise = [
@@ -132,6 +133,53 @@ export const HireFrontendDevelopers = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Frontend Developers | Skilled Talent at WDI</title>
<meta
name="description"
content="Hire frontend developers from WDI to build high-quality, responsive, and scalable web applications tailored to your business needs with expert skills"
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Frontend Developers | Skilled Talent at WDI" />
<meta
property="og:description"
content="Hire frontend developers from WDI to build high-quality, responsive, and scalable web applications tailored to your business needs with expert skills"
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire Frontend Developers | Skilled Talent at WDI" />
<meta
name="twitter:description"
content="Hire frontend developers from WDI to build high-quality, responsive, and scalable web applications tailored to your business needs with expert skills"
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/HireFullStackDevelopers.tsx
View File

@@ -18,6 +18,7 @@ import {
Star,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireFullStackDevelopers = () => {
const expertise = [
@@ -139,6 +140,53 @@ export const HireFullStackDevelopers = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Full Stack Developers from WDI | Expert Web Solutions</title>
<meta
name="description"
content="Hire skilled full stack developers from WDI for seamless front-end and back-end solutions. Get dedicated experts to build scalable, efficient web and mobile apps."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Full Stack Developers from WDI | Expert Web Solutions" />
<meta
property="og:description"
content="Hire skilled full stack developers from WDI for seamless front-end and back-end solutions. Get dedicated experts to build scalable, efficient web and mobile apps."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire Full Stack Developers from WDI | Expert Web Solutions" />
<meta
name="twitter:description"
content="Hire skilled full stack developers from WDI for seamless front-end and back-end solutions. Get dedicated experts to build scalable, efficient web and mobile apps."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/HireMobileAppDevelopers.tsx
View File

@@ -6,6 +6,7 @@ import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Smartphone, Apple, Code, Zap, Shield, Target, Users, CheckCircle, Star } from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireMobileAppDevelopers = () => {
const expertise = [
@@ -98,6 +99,53 @@ export const HireMobileAppDevelopers = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Mobile App Developers | Expert Talent at WDI</title>
<meta
name="description"
content="Hire skilled mobile app developers from WDI to build powerful, scalable apps. Get expert developers for iOS, Android, and cross-platform solutions tailored to your needs."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Mobile App Developers | Expert Talent at WDI" />
<meta
property="og:description"
content="Hire skilled mobile app developers from WDI to build powerful, scalable apps. Get expert developers for iOS, Android, and cross-platform solutions tailored to your needs."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire Mobile App Developers | Expert Talent at WDI" />
<meta
name="twitter:description"
content="Hire skilled mobile app developers from WDI to build powerful, scalable apps. Get expert developers for iOS, Android, and cross-platform solutions tailored to your needs."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/HireQAEngineers.tsx
View File

@@ -18,6 +18,7 @@ import {
Search,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireQAEngineers = () => {
const expertise = [
@@ -205,6 +206,53 @@ export const HireQAEngineers = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire QA Engineers from WDI | Ensure Software Quality</title>
<meta
name="description"
content="Hire QA Engineers from WDI to deliver bug-free, high-quality software. Ensure seamless performance with our expert testing and quality assurance team."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire QA Engineers from WDI | Ensure Software Quality" />
<meta
property="og:description"
content="Hire QA Engineers from WDI to deliver bug-free, high-quality software. Ensure seamless performance with our expert testing and quality assurance team."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire QA Engineers from WDI | Ensure Software Quality" />
<meta
name="twitter:description"
content="Hire QA Engineers from WDI to deliver bug-free, high-quality software. Ensure seamless performance with our expert testing and quality assurance team."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

60
pages/HireTalent.tsx
View File

@@ -6,6 +6,7 @@ import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Users, Clock, Target, DollarSign, Shield, Zap, CheckCircle, Smartphone, Code, Monitor, Database, Palette, TestTube } from "lucide-react";
import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const HireTalent = () => {
const talentCategories = [
@@ -110,6 +111,53 @@ export const HireTalent = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Top Tech Talent | Build Your Dream Team with WDI</title>
<meta
name="description"
content="Hire top tech talent with WDI to build your dream team. Access skilled professionals, streamlined hiring, and tailored recruitment solutions for your business."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Top Tech Talent | Build Your Dream Team with WDI" />
<meta
property="og:description"
content="Hire top tech talent with WDI to build your dream team. Access skilled professionals, streamlined hiring, and tailored recruitment solutions for your business."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire Top Tech Talent | Build Your Dream Team with WDI" />
<meta
name="twitter:description"
content="Hire top tech talent with WDI to build your dream team. Access skilled professionals, streamlined hiring, and tailored recruitment solutions for your business."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"
@@ -131,14 +179,16 @@ export const HireTalent = () => {
<p className="text-lg md:text-xl text-muted-foreground mb-8 max-w-3xl mx-auto leading-relaxed">
Connecting You with Exceptional Tech Professionals, Effortlessly. In today's fast-paced digital landscape, access to top-tier technical talent is crucial for success.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<div className="flex flex-col sm:flex-row gap-4 justify-center"
onClick={() => navigateTo("/start-a-project")}
>
<Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white">
Tell Us Your Hiring Needs
<ArrowRight className="ml-2 w-4 h-4" />
</Button>
<Button size="lg" variant="outline" className="border-white/20 text-white hover:bg-white/10">
{/* <Button size="lg" variant="outline" className="border-white/20 text-white hover:bg-white/10">
Request a Free Consultation
</Button>
</Button> */}
</div>
</div>
</div>
@@ -307,7 +357,9 @@ export const HireTalent = () => {
Let's discuss your hiring needs and find the perfect talent to drive your projects forward.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white">
<Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigateTo("/start-a-project")}
>
Start Hiring Now
<ArrowRight className="ml-2 w-4 h-4" />
</Button>

48
pages/HireUIUXDesigners.tsx
View File

@@ -17,6 +17,7 @@ import {
TestTube,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireUIUXDesigners = () => {
const expertise = [
@@ -182,6 +183,53 @@ export const HireUIUXDesigners = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire UI/UX Designers for Your Project | WDI</title>
<meta
name="description"
content="Engage top UI/UX designers from WDI for stunning, user-centric web and app interfaces. Elevate your digital products with award-winning design expertise."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire UI/UX Designers for Your Project | WDI" />
<meta
property="og:description"
content="Engage top UI/UX designers from WDI for stunning, user-centric web and app interfaces. Elevate your digital products with award-winning design expertise."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire UI/UX Designers for Your Project | WDI" />
<meta
name="twitter:description"
content="Engage top UI/UX designers from WDI for stunning, user-centric web and app interfaces. Elevate your digital products with award-winning design expertise."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/ManufacturingAutomation.tsx
View File

@@ -15,11 +15,59 @@ import {
Eye, Database, Target, CheckCircle, Star,
Zap, Globe, Clock, Award, Settings
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Manufacturing Automation Solutions & Services | WDI</title>
<meta
name="description"
content="WDI delivers advanced manufacturing automation with custom optics, robotics, and precision controls to optimize production, quality, and efficiency in industry."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Manufacturing Automation Solutions & Services | WDI" />
<meta
property="og:description"
content="WDI delivers advanced manufacturing automation with custom optics, robotics, and precision controls to optimize production, quality, and efficiency in industry."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Manufacturing Automation Solutions & Services | WDI" />
<meta
name="twitter:description"
content="WDI delivers advanced manufacturing automation with custom optics, robotics, and precision controls to optimize production, quality, and efficiency in industry."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

63
pages/MedicalComplianceSolutions.tsx
View File

@@ -48,11 +48,59 @@ import {
Archive,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Medical Compliance Hero Section
const MedicalComplianceHero = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Medical Compliance Solutions & Services by WDI</title>
<meta
name="description"
content="WDI delivers medical compliance solutions to automate regulatory processes, minimize risks, and ensure your healthcare organization stays fully compliant."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Medical Compliance Solutions & Services by WDI" />
<meta
property="og:description"
content="WDI delivers medical compliance solutions to automate regulatory processes, minimize risks, and ensure your healthcare organization stays fully compliant."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Medical Compliance Solutions & Services by WDI" />
<meta
name="twitter:description"
content="WDI delivers medical compliance solutions to automate regulatory processes, minimize risks, and ensure your healthcare organization stays fully compliant."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -242,8 +290,7 @@ const MedicalComplianceHero = () => {
>
<div className="flex items-center gap-2 mb-2">
<compliance.icon
className={`w-4 h-4 ${
compliance.color === "green"
className={`w-4 h-4 ${compliance.color === "green"
? "text-green-400"
: compliance.color === "yellow"
? "text-yellow-400"
@@ -352,8 +399,7 @@ const MedicalComplianceHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
>
<div
className={`w-8 h-8 rounded-full flex items-center justify-center ${
activity.color === "blue"
className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "blue"
? "bg-blue-500/20"
: activity.color === "green"
? "bg-green-500/20"
@@ -361,8 +407,7 @@ const MedicalComplianceHero = () => {
}`}
>
<activity.icon
className={`w-4 h-4 ${
activity.color === "blue"
className={`w-4 h-4 ${activity.color === "blue"
? "text-blue-400"
: activity.color === "green"
? "text-green-400"
@@ -898,13 +943,11 @@ const MedicalComplianceProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

48
pages/MicrolearningApps.tsx
View File

@@ -15,11 +15,59 @@ import {
Bell, FileText, Target, CheckCircle, Star,
Zap, Layers, Users, Award, Clock
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Microlearning Apps by WDI | Innovative Learning Solutions</title>
<meta
name="description"
content="Explore WDI's Microlearning Apps for effective, engaging, and flexible education. Transform learning experiences with our cutting-edge solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Microlearning Apps by WDI | Innovative Learning Solutions" />
<meta
property="og:description"
content="Explore WDI's Microlearning Apps for effective, engaging, and flexible education. Transform learning experiences with our cutting-edge solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Microlearning Apps by WDI | Innovative Learning Solutions" />
<meta
name="twitter:description"
content="Explore WDI's Microlearning Apps for effective, engaging, and flexible education. Transform learning experiences with our cutting-edge solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/NLPTextAnalytics.tsx
View File

@@ -46,11 +46,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// NLP & Text Analytics Hero Section
const NLPHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>NLP & Text Analytics | Language AI & Text Intelligence | WDI</title>
<meta
name="description"
content="WDI offers NLP and text analytics services that extract meaning from unstructured data. Automate insight discovery and enhance AI applications."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="NLP & Text Analytics | Language AI & Text Intelligence | WDI" />
<meta
property="og:description"
content="WDI offers NLP and text analytics services that extract meaning from unstructured data. Automate insight discovery and enhance AI applications."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="NLP & Text Analytics | Language AI & Text Intelligence | WDI" />
<meta
name="twitter:description"
content="WDI offers NLP and text analytics services that extract meaning from unstructured data. Automate insight discovery and enhance AI applications."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/NativeAppDevelopment.tsx
View File

@@ -106,11 +106,59 @@ import {
Microscope,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Native App Development Hero Section
const NativeHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Native App Development Services | WDI Expert Solutions</title>
<meta
name="description"
content="WDI specializes in native app development, delivering high-performance, secure, and user-friendly apps for iOS and Android platforms. Boost your mobile strategy today."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Native App Development Services | WDI Expert Solutions" />
<meta
property="og:description"
content="WDI specializes in native app development, delivering high-performance, secure, and user-friendly apps for iOS and Android platforms. Boost your mobile strategy today."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Native App Development Services | WDI Expert Solutions" />
<meta
name="twitter:description"
content="WDI specializes in native app development, delivering high-performance, secure, and user-friendly apps for iOS and Android platforms. Boost your mobile strategy today."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/OTTStreamingApps.tsx
View File

@@ -26,11 +26,59 @@ import {
Award,
Brain,
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>OTT & Streaming Apps by WDI | Custom Media Solutions</title>
<meta
name="description"
content="WDI delivers innovative OTT & Streaming Apps for seamless content delivery, user engagement, and scalable media experiences tailored to your business needs."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="OTT & Streaming Apps by WDI | Custom Media Solutions" />
<meta
property="og:description"
content="WDI delivers innovative OTT & Streaming Apps for seamless content delivery, user engagement, and scalable media experiences tailored to your business needs."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="OTT & Streaming Apps by WDI | Custom Media Solutions" />
<meta
name="twitter:description"
content="WDI delivers innovative OTT & Streaming Apps for seamless content delivery, user engagement, and scalable media experiences tailored to your business needs."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/OilGasMonitoringSystems.tsx
View File

@@ -15,11 +15,59 @@ import {
Database, Shield, Target, CheckCircle, Star,
Zap, Globe, Clock, Award, Gauge
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Oil & Gas Monitoring System Solutions by WDI</title>
<meta
name="description"
content="WDI delivers advanced Oil & Gas Monitoring Systems with real-time data, safety alerts, and automation to optimize operations and ensure regulatory compliance."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Oil & Gas Monitoring System Solutions by WDI" />
<meta
property="og:description"
content="WDI delivers advanced Oil & Gas Monitoring Systems with real-time data, safety alerts, and automation to optimize operations and ensure regulatory compliance."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Oil & Gas Monitoring System Solutions by WDI" />
<meta
name="twitter:description"
content="WDI delivers advanced Oil & Gas Monitoring Systems with real-time data, safety alerts, and automation to optimize operations and ensure regulatory compliance."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/OnDemandServices.tsx
View File

@@ -15,11 +15,59 @@ import {
Star, BarChart3, Target, CheckCircle, Zap,
Shield, Globe, Award, Settings, Bell
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>On-Demand Services by WDI | Custom Mobility Solutions</title>
<meta
name="description"
content="WDI delivers innovative On-Demand Services apps with flexible, scalable solutions for seamless booking, real-time tracking, and enhanced user experience."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="On-Demand Services by WDI | Custom Mobility Solutions" />
<meta
property="og:description"
content="WDI delivers innovative On-Demand Services apps with flexible, scalable solutions for seamless booking, real-time tracking, and enhanced user experience."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="On-Demand Services by WDI | Custom Mobility Solutions" />
<meta
name="twitter:description"
content="WDI delivers innovative On-Demand Services apps with flexible, scalable solutions for seamless booking, real-time tracking, and enhanced user experience."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/PWADevelopment.tsx
View File

@@ -49,11 +49,59 @@ import { ShimmerButton } from "../components/ui/shimmer-button";
import tradersCircuitImage from "../src/images/traders-circuit.webp";
import goodTimesImage from "../src/images/goodtimes.webp";
import prospertyImage from "../src/images/prosperty.webp";
import { Helmet } from "react-helmet-async";
// PWA Hero Section
const PWAHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Progressive Web App (PWA) Development by WDI | Next-Gen Solutions</title>
<meta
name="description"
content="WDI delivers cutting-edge Progressive Web App (PWA) development for fast, reliable, and engaging user experiences with offline access & seamless multi-device support."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Progressive Web App (PWA) Development by WDI | Next-Gen Solutions" />
<meta
property="og:description"
content="WDI delivers cutting-edge Progressive Web App (PWA) development for fast, reliable, and engaging user experiences with offline access & seamless multi-device support."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Progressive Web App (PWA) Development by WDI | Next-Gen Solutions" />
<meta
name="twitter:description"
content="WDI delivers cutting-edge Progressive Web App (PWA) development for fast, reliable, and engaging user experiences with offline access & seamless multi-device support."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/PredictiveAnalyticsForecasting.tsx
View File

@@ -48,11 +48,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Predictive Analytics & Forecasting Hero Section
const PredictiveAnalyticsHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Predictive Analytics | Forecasting & AI Insights | WDI</title>
<meta
name="description"
content="Leverage WDI’s predictive analytics solutions to forecast trends and behaviors. Drive proactive decisions with AI-powered forecasting systems."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Predictive Analytics | Forecasting & AI Insights | WDI" />
<meta
property="og:description"
content="Leverage WDI’s predictive analytics solutions to forecast trends and behaviors. Drive proactive decisions with AI-powered forecasting systems."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Predictive Analytics | Forecasting & AI Insights | WDI" />
<meta
name="twitter:description"
content="Leverage WDI’s predictive analytics solutions to forecast trends and behaviors. Drive proactive decisions with AI-powered forecasting systems."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

54
pages/ProductModernization.tsx
View File

@@ -45,11 +45,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Product Modernization Hero Section
const ModernizationHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Product Modernization That Revives Legacy Systems | WDI</title>
<meta
name="description"
content="WDI’s Product Modernization services help upgrade outdated software into fast, secure, and scalable solutions that meet today’s business demands."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Product Modernization That Revives Legacy Systems | WDI" />
<meta
property="og:description"
content="WDI’s Product Modernization services help upgrade outdated software into fast, secure, and scalable solutions that meet today’s business demands."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Product Modernization That Revives Legacy Systems | WDI" />
<meta
name="twitter:description"
content="WDI’s Product Modernization services help upgrade outdated software into fast, secure, and scalable solutions that meet today’s business demands."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -506,13 +554,11 @@ const ModernizationProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

63
pages/RealEstateTech.tsx
View File

@@ -42,11 +42,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Real Estate Tech Hero Section
const RealEstateTechHero = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Real Estate Tech Solutions & Services by WDI</title>
<meta
name="description"
content="WDI delivers advanced Real Estate Tech solutions, transforming property management and transactions with AI, analytics, and seamless PropTech platforms."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Real Estate Tech Solutions & Services by WDI" />
<meta
property="og:description"
content="WDI delivers advanced Real Estate Tech solutions, transforming property management and transactions with AI, analytics, and seamless PropTech platforms."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Real Estate Tech Solutions & Services by WDI" />
<meta
name="twitter:description"
content="WDI delivers advanced Real Estate Tech solutions, transforming property management and transactions with AI, analytics, and seamless PropTech platforms."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -237,8 +285,7 @@ const RealEstateTechHero = () => {
>
<div className="flex items-center gap-2 mb-2">
<status.icon
className={`w-4 h-4 ${
status.color === "green"
className={`w-4 h-4 ${status.color === "green"
? "text-green-400"
: status.color === "orange"
? "text-orange-400"
@@ -347,8 +394,7 @@ const RealEstateTechHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
>
<div
className={`w-8 h-8 rounded-full flex items-center justify-center ${
activity.color === "green"
className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "green"
? "bg-green-500/20"
: activity.color === "orange"
? "bg-orange-500/20"
@@ -356,8 +402,7 @@ const RealEstateTechHero = () => {
}`}
>
<activity.icon
className={`w-4 h-4 ${
activity.color === "green"
className={`w-4 h-4 ${activity.color === "green"
? "text-green-400"
: activity.color === "orange"
? "text-orange-400"
@@ -897,13 +942,11 @@ const RealEstateTechProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

48
pages/RecommendationEngines.tsx
View File

@@ -50,11 +50,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Personalized Recommendation Engines Hero Section
const RecommendationEnginesHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Recommendation Engines | AI-Powered Personalization | WDI</title>
<meta
name="description"
content="WDI develops AI recommendation systems for hyper-personalized experiences. Improve engagement, conversion, and user satisfaction with smart engines."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Recommendation Engines | AI-Powered Personalization | WDI" />
<meta
property="og:description"
content="WDI develops AI recommendation systems for hyper-personalized experiences. Improve engagement, conversion, and user satisfaction with smart engines."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Recommendation Engines | AI-Powered Personalization | WDI" />
<meta
name="twitter:description"
content="WDI develops AI recommendation systems for hyper-personalized experiences. Improve engagement, conversion, and user satisfaction with smart engines."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

50
pages/Resources.tsx
View File

@@ -17,11 +17,59 @@ import {
Calendar, Users, TrendingUp, MessageSquare, Brain, Award, Target, Globe,
Heart, Shield, Eye, CheckCircle, Lightbulb, Coffee, Monitor, Smartphone, Rocket
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Enhanced Hero Section
const HeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Resources | Industry Best Practices & Insights by WDI</title>
<meta
name="description"
content="Access WDI’s library of resources, case studies, whitepapers, and expert articles, designed to reflect industry best practices and real-world impact."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Resources | Industry Best Practices & Insights by WDI" />
<meta
property="og:description"
content="Access WDI’s library of resources, case studies, whitepapers, and expert articles, designed to reflect industry best practices and real-world impact."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Resources | Industry Best Practices & Insights by WDI" />
<meta
name="twitter:description"
content="Access WDI’s library of resources, case studies, whitepapers, and expert articles, designed to reflect industry best practices and real-world impact."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -67,7 +115,7 @@ const HeroWithCTA = () => {
<Button
variant="secondary"
size="lg"
className="text-lg px-8 py-4"
className="text-lg px-8 py-4 h-auto"
onClick={() => navigateTo('/case-studies')}
>
<FileText className="w-4 h-4 flex-shrink-0" />

48
pages/SaaSProductEngineering.tsx
View File

@@ -40,11 +40,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import awsLogo from "../src/images/aws-logo.png";
import { Helmet } from "react-helmet-async";
// SaaS Product Engineering Hero Section
const SaaSHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>SaaS Product Engineering Services | Expert Solutions by WDI</title>
<meta
name="description"
content="Partner with WDI for expert SaaS product engineering services. We create robust, customizable, and efficient cloud applications to elevate your business success."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="SaaS Product Engineering Services | Expert Solutions by WDI" />
<meta
property="og:description"
content="Partner with WDI for expert SaaS product engineering services. We create robust, customizable, and efficient cloud applications to elevate your business success."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="SaaS Product Engineering Services | Expert Solutions by WDI" />
<meta
name="twitter:description"
content="Partner with WDI for expert SaaS product engineering services. We create robust, customizable, and efficient cloud applications to elevate your business success."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/SocialPlatformsNetworks.tsx
View File

@@ -15,11 +15,59 @@ import {
Shield, Zap, Target, CheckCircle, Star,
Globe, Camera, Clock, Award, Brain
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Social Platforms & Network Development | WDI</title>
<meta
name="description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Social Platforms & Network Development | WDI" />
<meta
property="og:description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Social Platforms & Network Development | WDI" />
<meta
name="twitter:description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/SportsFanEngagement.tsx
View File

@@ -15,11 +15,59 @@ import {
Ticket, Star, Target, CheckCircle, Zap,
Globe, Clock, Award, Camera, Bell
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Sports & Fan Engagement Solutions by WDI</title>
<meta
name="description"
content="Engage and thrill your audience with WDI’s Sports & Fan Engagement solutions. Drive loyalty, interactive experiences, and data-driven fan insights effectively."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Sports & Fan Engagement Solutions by WDI" />
<meta
property="og:description"
content="Engage and thrill your audience with WDI’s Sports & Fan Engagement solutions. Drive loyalty, interactive experiences, and data-driven fan insights effectively."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Sports & Fan Engagement Solutions by WDI" />
<meta
name="twitter:description"
content="Engage and thrill your audience with WDI’s Sports & Fan Engagement solutions. Drive loyalty, interactive experiences, and data-driven fan insights effectively."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/SupplyChainFleetManagement.tsx
View File

@@ -15,11 +15,59 @@ import {
Database, Settings, Target, CheckCircle, Star,
Zap, Shield, Globe, Award, Route
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Supply Chain & Fleet Management Solutions by WDI</title>
<meta
name="description"
content="WDI offers custom Supply Chain & Fleet Management solutions with real-time tracking, route optimization, and data-driven insights to boost efficiency and reduce costs."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Supply Chain & Fleet Management Solutions by WDI" />
<meta
property="og:description"
content="WDI offers custom Supply Chain & Fleet Management solutions with real-time tracking, route optimization, and data-driven insights to boost efficiency and reduce costs."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Supply Chain & Fleet Management Solutions by WDI" />
<meta
name="twitter:description"
content="WDI offers custom Supply Chain & Fleet Management solutions with real-time tracking, route optimization, and data-driven insights to boost efficiency and reduce costs."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/SystemArchitectureDevOps.tsx
View File

@@ -46,11 +46,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// System Architecture & DevOps Hero Section
const DevOpsHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>System Architecture & DevOps Services | Scalable Solutions by WDI</title>
<meta
name="description"
content="WDI delivers expert system architecture and DevOps services, enabling agile development, automation, and scalable infrastructure for faster, reliable software delivery."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="System Architecture & DevOps Services | Scalable Solutions by WDI" />
<meta
property="og:description"
content="WDI delivers expert system architecture and DevOps services, enabling agile development, automation, and scalable infrastructure for faster, reliable software delivery."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="System Architecture & DevOps Services | Scalable Solutions by WDI" />
<meta
name="twitter:description"
content="WDI delivers expert system architecture and DevOps services, enabling agile development, automation, and scalable infrastructure for faster, reliable software delivery."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/TeamAugmentationServices.tsx
View File

@@ -23,6 +23,7 @@ import {
Settings,
} from "lucide-react";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const TeamAugmentationServices = () => {
const benefits = [
@@ -185,6 +186,53 @@ export const TeamAugmentationServices = () => {
{/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Team Augmentation Services by WDI | Scalable IT Talent</title>
<meta
name="description"
content="WDI offers expert Team Augmentation Services to quickly expand your tech workforce with skilled developers, ensuring flexible, efficient project delivery and growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Team Augmentation Services by WDI | Scalable IT Talent" />
<meta
property="og:description"
content="WDI offers expert Team Augmentation Services to quickly expand your tech workforce with skilled developers, ensuring flexible, efficient project delivery and growth."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Team Augmentation Services by WDI | Scalable IT Talent" />
<meta
name="twitter:description"
content="WDI offers expert Team Augmentation Services to quickly expand your tech workforce with skilled developers, ensuring flexible, efficient project delivery and growth."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div
className="absolute inset-0 opacity-30"

48
pages/ThirdPartyIntegrations.tsx
View File

@@ -45,11 +45,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Third-Party Integrations Hero Section
const IntegrationsHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Third-Party Integrations for Seamless Systems | WDI</title>
<meta
name="description"
content="WDI offers Third-Party Integrations to connect your apps, boost automation, and improve workflow efficiency with secure, scalable solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Third-Party Integrations for Seamless Systems | WDI" />
<meta
property="og:description"
content="WDI offers Third-Party Integrations to connect your apps, boost automation, and improve workflow efficiency with secure, scalable solutions."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Third-Party Integrations for Seamless Systems | WDI" />
<meta
name="twitter:description"
content="WDI offers Third-Party Integrations to connect your apps, boost automation, and improve workflow efficiency with secure, scalable solutions."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/TransportationApps.tsx
View File

@@ -15,11 +15,59 @@ import {
Route, BarChart3, Target, CheckCircle, Star,
Zap, Shield, Globe, Award, Navigation as NavIcon
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Custom Transportation App Solutions by WDI</title>
<meta
name="description"
content="Trust WDI for top-tier Transportation Apps delivering real-time updates, efficient booking, and outstanding travel experiences for businesses and users."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Custom Transportation App Solutions by WDI" />
<meta
property="og:description"
content="Trust WDI for top-tier Transportation Apps delivering real-time updates, efficient booking, and outstanding travel experiences for businesses and users."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Custom Transportation App Solutions by WDI" />
<meta
name="twitter:description"
content="Trust WDI for top-tier Transportation Apps delivering real-time updates, efficient booking, and outstanding travel experiences for businesses and users."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/TravelBookingSystems.tsx
View File

@@ -26,11 +26,59 @@ import {
Clock,
Award,
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Travel & Booking System Development Services | WDI</title>
<meta
name="description"
content="Streamline your business with WDI's Travel & Booking Systems. Get advanced solutions for seamless reservations, management, and customer experience."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Travel & Booking System Development Services | WDI" />
<meta
property="og:description"
content="Streamline your business with WDI's Travel & Booking Systems. Get advanced solutions for seamless reservations, management, and customer experience."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Travel & Booking System Development Services | WDI" />
<meta
name="twitter:description"
content="Streamline your business with WDI's Travel & Booking Systems. Get advanced solutions for seamless reservations, management, and customer experience."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

48
pages/UIUXDesign.tsx
View File

@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// UI/UX Design Hero Section
const UIUXHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>UI/UX Design Services | Engaging Interfaces by WDI</title>
<meta
name="description"
content="WDI’s UI/UX design services create seamless, user-friendly digital experiences that boost engagement and drive business growth effectively."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="UI/UX Design Services | Engaging Interfaces by WDI" />
<meta
property="og:description"
content="WDI’s UI/UX design services create seamless, user-friendly digital experiences that boost engagement and drive business growth effectively."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="UI/UX Design Services | Engaging Interfaces by WDI" />
<meta
name="twitter:description"
content="WDI’s UI/UX design services create seamless, user-friendly digital experiences that boost engagement and drive business growth effectively."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/UserResearchTesting.tsx
View File

@@ -38,11 +38,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// User Research & Testing Hero Section
const ResearchHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>User Research & Testing | Software Development Insights</title>
<meta
name="description"
content="WDI delivers user research that fuels smarter software development. Understand behavior and needs to create user-centric digital experiences."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="User Research & Testing | Software Development Insights" />
<meta
property="og:description"
content="WDI delivers user research that fuels smarter software development. Understand behavior and needs to create user-centric digital experiences."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="User Research & Testing | Software Development Insights" />
<meta
name="twitter:description"
content="WDI delivers user research that fuels smarter software development. Understand behavior and needs to create user-centric digital experiences."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/VirtualClassroomsLMS.tsx
View File

@@ -15,11 +15,59 @@ import {
FolderOpen, BarChart3, Target, CheckCircle, Star,
Monitor, Layers, Zap, Globe, Award, Clock
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Virtual Classrooms & LMS Solutions for Education | WDI</title>
<meta
name="description"
content="Discover WDI’s advanced virtual classrooms and LMS platforms for seamless online learning. Empower educators and learners with innovative digital education tools."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Virtual Classrooms & LMS Solutions for Education | WDI" />
<meta
property="og:description"
content="Discover WDI’s advanced virtual classrooms and LMS platforms for seamless online learning. Empower educators and learners with innovative digital education tools."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Virtual Classrooms & LMS Solutions for Education | WDI" />
<meta
name="twitter:description"
content="Discover WDI’s advanced virtual classrooms and LMS platforms for seamless online learning. Empower educators and learners with innovative digital education tools."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}

60
pages/WealthTechPlatforms.tsx
View File

@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// WealthTech Platforms Hero Section
const WealthTechPlatformsHero = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>WealthTech Platform Development Services | WDI</title>
<meta
name="description"
content="WDI empowers businesses with advanced WealthTech platforms, delivering digital wealth management, automation, and secure solutions for modern financial growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="WealthTech Platform Development Services | WDI" />
<meta
property="og:description"
content="WDI empowers businesses with advanced WealthTech platforms, delivering digital wealth management, automation, and secure solutions for modern financial growth."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="WealthTech Platform Development Services | WDI" />
<meta
name="twitter:description"
content="WDI empowers businesses with advanced WealthTech platforms, delivering digital wealth management, automation, and secure solutions for modern financial growth."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -238,8 +286,7 @@ const WealthTechPlatformsHero = () => {
{asset.name}
</span>
<span
className={`text-xs px-2 py-1 rounded ${
asset.change.startsWith("+")
className={`text-xs px-2 py-1 rounded ${asset.change.startsWith("+")
? "bg-green-500/20 text-green-300"
: "bg-red-500/20 text-red-300"
}`}
@@ -349,8 +396,7 @@ const WealthTechPlatformsHero = () => {
</div>
</div>
<div
className={`w-2 h-2 rounded-full ${
rec.color === "red"
className={`w-2 h-2 rounded-full ${rec.color === "red"
? "bg-red-400"
: rec.color === "yellow"
? "bg-yellow-400"
@@ -908,13 +954,11 @@ const WealthTechPlatformsProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">

48
pages/WearableDeviceDevelopment.tsx
View File

@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Wearable & Device App Development Hero Section
const WearableHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Wearable & IoT App Development Services | WDI Innovation</title>
<meta
name="description"
content="WDI delivers advanced Wearable & IoT app development, creating seamless, secure, and connected experiences to elevate your business with cutting-edge technology."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Wearable & IoT App Development Services | WDI Innovation" />
<meta
property="og:description"
content="WDI delivers advanced Wearable & IoT app development, creating seamless, secure, and connected experiences to elevate your business with cutting-edge technology."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Wearable & IoT App Development Services | WDI Innovation" />
<meta
name="twitter:description"
content="WDI delivers advanced Wearable & IoT app development, creating seamless, secure, and connected experiences to elevate your business with cutting-edge technology."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div

48
pages/WhitepapersInsights.tsx
View File

@@ -8,6 +8,7 @@ import { Input } from "../components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
import { FileCheck, Download, Search, Calendar, User, ArrowRight, BookOpen, FileText, TrendingUp, Brain, Shield, Cloud } from "lucide-react";
import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const WhitepapersInsights = () => {
const [searchTerm, setSearchTerm] = useState("");
@@ -225,6 +226,53 @@ export const WhitepapersInsights = () => {
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>Insights & White Papers | Enterprise AI Development</title>
<meta
name="description"
content="Explore insights and white papers on enterprise AI development. WDI shares expertise to help you plan, scale, and innovate with confidence."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Insights & White Papers | Enterprise AI Development" />
<meta
property="og:description"
content="Explore insights and white papers on enterprise AI development. WDI shares expertise to help you plan, scale, and innovate with confidence."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Insights & White Papers | Enterprise AI Development" />
<meta
name="twitter:description"
content="Explore insights and white papers on enterprise AI development. WDI shares expertise to help you plan, scale, and innovate with confidence."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6">

57
pages/iOSAppDevelopment.tsx
View File

@@ -48,11 +48,59 @@ import {
import { Button } from "@/components/ui/button";
import { navigateTo } from "@/App";
import Spline from "@splinetool/react-spline";
import { Helmet } from "react-helmet-async";
// iOS Hero Section with iPhone/iPad mockups
const IOSHeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>iOS App Development Services Crafted by WDI Experts</title>
<meta
name="description"
content="iOS App Development Services by WDI delivering secure, high-performance apps built for scale and seamless user experience."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="iOS App Development Services Crafted by WDI Experts" />
<meta
property="og:description"
content="iOS App Development Services by WDI delivering secure, high-performance apps built for scale and seamless user experience."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="iOS App Development Services Crafted by WDI Experts" />
<meta
name="twitter:description"
content="iOS App Development Services by WDI delivering secure, high-performance apps built for scale and seamless user experience."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
<div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -290,8 +338,7 @@ const IOSCaseStudies = () => {
>
<div className="flex items-center gap-3">
<div
className={`w-10 h-10 rounded-lg bg-gradient-to-r ${
study.accentColor === "blue"
className={`w-10 h-10 rounded-lg bg-gradient-to-r ${study.accentColor === "blue"
? "from-blue-500 to-cyan-500"
: study.accentColor === "green"
? "from-green-500 to-emerald-500"
@@ -481,13 +528,11 @@ const IOSProcessTimeline = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
>
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">