adding meta tags in main pages and bio added in leadership team

App.tsx

@@ -158,6 +158,7 @@ import { UXReviewPresentations } from "./pages/UXReviewPresentations";
 import { MigratingToLinear101 } from "./pages/MigratingToLinear101";
 import { BuildingYourAPIStack } from "./pages/BuildingYourAPIStack";
 import { CookieConsent } from "./components/CookieConsent";
+import { Helmet } from "react-helmet-async";
 
 // Create a global navigation context
 let setCurrentPath: ((path: string) => void) | null = null;
@@ -248,6 +249,53 @@ const PlaceholderPage = ({
 // Homepage component - ENSURED ALL SECTIONS USE DARK BACKGROUNDS
 const Homepage = () => (
   <div className="dark min-h-screen bg-background">
+    <Helmet>
+      {/* Page Title and Meta Description */}
+      <title>Mobile App Development Services | WDI - iOS & Android App Development</title>
+      <meta
+        name="description"
+        content="Professional mobile app development services at WDI. Build secure, scalable iOS and Android apps with expert developers. Cross-platform solutions available."
+      />
+
+      {/* Canonical Link */}
+      <link rel="canonical" href="https://www.wdipl.com/services" />
+
+      {/* Open Graph Tags (for Facebook, LinkedIn) */}
+      <meta property="og:title" content="Mobile App Development Services | WDI - iOS & Android App Development" />
+      <meta
+        property="og:description"
+        content="Professional mobile app development services at WDI. Build secure, scalable iOS and Android apps with expert developers. Cross-platform solutions available."
+      />
+      <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="Mobile App Development Services | WDI - iOS & Android App Development" />
+      <meta
+        name="twitter:description"
+        content="Professional mobile app development services at WDI. Build secure, scalable iOS and Android apps with expert developers. Cross-platform solutions available."
+      />
+      <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>
     <Navigation />
 
     {/* Hero Section - Dark background */}

pages/AboutWDI.tsx

@@ -16,11 +16,59 @@ import {
   Calendar, Eye, Building, FileText, Settings, Trophy,
   BookOpen, MessageSquare, Briefcase, Mail
 } 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>About WDI | Why Choose Us for Digital Innovation Success</title>
+              <meta
+                name="description"
+                content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="About WDI | Why Choose Us for Digital Innovation Success" />
+              <meta
+                property="og:description"
+                content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
+              />
+              <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="About WDI | Why Choose Us for Digital Innovation Success" />
+              <meta
+                name="twitter:description"
+                content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
+              />
+              <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

pages/ArtificialIntelligenceServices.tsx

@@ -24,11 +24,59 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
+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>Artificial Intelligence | Custom AI Solutions by WDI</title>
+              <meta
+                name="description"
+                content="Discover how WDI builds tailored AI solutions that drive automation, insights, and competitive edge for businesses through smart digital systems."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Artificial Intelligence | Custom AI Solutions by WDI" />
+              <meta
+                property="og:description"
+                content="Discover how WDI builds tailored AI solutions that drive automation, insights, and competitive edge for businesses through smart digital 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="Artificial Intelligence | Custom AI Solutions by WDI" />
+              <meta
+                name="twitter:description"
+                content="Discover how WDI builds tailored AI solutions that drive automation, insights, and competitive edge for businesses through smart digital 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

pages/BusinessProcessAutomation.tsx

@@ -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";
 
 // Business Process Automation Hero Section
 const BusinessProcessAutomationHero = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+              {/* Page Title and Meta Description */}
+              <title>Business Process Automation Services by WDI</title>
+              <meta
+                name="description"
+                content="WDI's business process automation streamlines workflows, reduces manual tasks, and drives operational excellence with AI-powered solutions for growth."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Business Process Automation Services by WDI" />
+              <meta
+                property="og:description"
+                content="WDI's business process automation streamlines workflows, reduces manual tasks, and drives operational excellence with AI-powered solutions for 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="Business Process Automation Services by WDI" />
+              <meta
+                name="twitter:description"
+                content="WDI's business process automation streamlines workflows, reduces manual tasks, and drives operational excellence with AI-powered solutions for 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

pages/Careers.tsx

@@ -5,12 +5,12 @@ import { Footer } from "../components/Footer";
 import { Button } from "../components/ui/button";
 import { Badge } from "../components/ui/badge";
 import { Card, CardContent } from "../components/ui/card";
-import { 
+import {
-  ArrowRight, 
+  ArrowRight,
-  MapPin, 
+  MapPin,
-  Clock, 
+  Clock,
-  Users, 
+  Users,
-  Mail, 
+  Mail,
   Code,
   Palette,
   Settings,
@@ -21,6 +21,7 @@ import {
   Bug,
   LineChart
 } from "lucide-react";
+import { Helmet } from "react-helmet-async";
 
 export const Careers = () => {
   // Job positions data
@@ -43,7 +44,7 @@ export const Careers = () => {
     },
     {
       title: "Jr. Laravel Developer",
-      department: "Backend Development", 
+      department: "Backend Development",
       location: "In-office",
       type: "Full-time",
       description: "Build and maintain scalable web applications using Laravel, PHP, and MySQL, with a focus on clean architecture and APIs.",
@@ -51,7 +52,7 @@ export const Careers = () => {
     },
     {
       title: "Jr. Node.js Developer",
-      department: "Backend Development", 
+      department: "Backend Development",
       location: "In-office",
       type: "Full-time",
       description: "Design and implement backend services and RESTful APIs using Node.js, Express, and modern JavaScript/TypeScript.",
@@ -59,7 +60,7 @@ export const Careers = () => {
     },
     {
       title: "Jr. Python Developer",
-      department: "Backend Development", 
+      department: "Backend Development",
       location: "In-office",
       type: "Full-time",
       description: "Develop server-side applications, automation scripts, and data-driven systems using Python and relevant frameworks like Django or Flask.",
@@ -95,7 +96,7 @@ export const Careers = () => {
   const scrollToSendCV = () => {
     const element = document.getElementById('send-cv-section');
     if (element) {
-      element.scrollIntoView({ 
+      element.scrollIntoView({
         behavior: 'smooth',
         block: 'start'
       });
@@ -111,20 +112,67 @@ I am interested in exploring career opportunities at WDI. Please find my resume
 
 Best regards,
 [Your Name]`;
-    
+
     const mailtoLink = `mailto:hr@wdipl.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
     window.open(mailtoLink, '_blank');
   };
 
   return (
     <div className="dark min-h-screen bg-background">
+      <Helmet>
+        {/* Page Title and Meta Description */}
+        <title>Careers at WDI | Explore Tech Career Opportunities Today</title>
+        <meta
+          name="description"
+          content="Join WDI’s growing team. Explore tech career opportunities in software, AI, and digital innovation with a company that values learning and leadership."
+        />
+
+        {/* Canonical Link */}
+        <link rel="canonical" href="https://www.wdipl.com/services" />
+
+        {/* Open Graph Tags (for Facebook, LinkedIn) */}
+        <meta property="og:title" content="Careers at WDI | Explore Tech Career Opportunities Today" />
+        <meta
+          property="og:description"
+          content="Join WDI’s growing team. Explore tech career opportunities in software, AI, and digital innovation with a company that values learning and leadership."
+        />
+        <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="Careers at WDI | Explore Tech Career Opportunities Today" />
+        <meta
+          name="twitter:description"
+          content="Join WDI’s growing team. Explore tech career opportunities in software, AI, and digital innovation with a company that values learning and leadership."
+        />
+        <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>
       <Navigation />
-      
+
       {/* Hero Section */}
       <section className="relative pt-24 pb-20 overflow-hidden bg-black">
         <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/5 via-background to-background" />
-        
+
-        <motion.div 
+        <motion.div
           initial={{ opacity: 0, y: 30 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8 }}
@@ -160,7 +208,7 @@ Best regards,
               Discover exciting opportunities to grow your career with our talented team.
             </p>
           </motion.div>
-          
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
@@ -210,10 +258,10 @@ Best regards,
                             </div>
                           </div>
                         </div>
-                        
+
                         {/* Apply Button */}
                         <div className="flex justify-center lg:justify-end">
-                          <Button 
+                          <Button
                             className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white px-8 py-3"
                             onClick={scrollToSendCV}
                           >
@@ -245,11 +293,11 @@ Best regards,
               <span className="text-white">Want to Work With Us </span>
               <span className="text-[#E5195E]">Anyway?</span>
             </h2>
-            
+
             <p className="text-xl text-gray-300 leading-relaxed mb-12">
               Share your CV with us. We'll reach out if something matches.
             </p>
-            
+
             {/* HR Email Display */}
             <motion.div
               initial={{ opacity: 0, y: 20 }}
@@ -262,14 +310,14 @@ Best regards,
                 <Mail className="w-6 h-6 text-[#E5195E]" />
                 <h3 className="text-xl font-semibold text-white">HR Email</h3>
               </div>
-              <a 
+              <a
                 href="mailto:hr@wdipl.com"
                 className="text-2xl text-[#E5195E] hover:text-[#E5195E]/80 transition-colors duration-300 font-medium"
               >
                 hr@wdipl.com
               </a>
             </motion.div>
-            
+
             {/* Send CV Button */}
             {/* <motion.div
               initial={{ opacity: 0, y: 20 }}
@@ -307,7 +355,7 @@ Best regards,
               { number: "98%", label: "Employee Satisfaction", color: "from-purple-400 to-purple-600" },
               { number: "4.9/5", label: "Company Rating", color: "from-[#E5195E] to-[#FF6B9D]" }
             ].map((stat, index) => (
-              <motion.div 
+              <motion.div
                 key={index}
                 initial={{ opacity: 0, y: 20 }}
                 whileInView={{ opacity: 1, y: 0 }}

pages/ComplianceReadySystems.tsx

@@ -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";
 
 // Compliance-Ready Systems Hero Section
 const ComplianceReadySystemsHero = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+              {/* Page Title and Meta Description */}
+              <title>Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely</title>
+              <meta
+                name="description"
+                content="Ensure data security and regulatory compliance with WDI’s Compliance-Ready Systems. Build secure, scalable solutions aligned with industry standards."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely" />
+              <meta
+                property="og:description"
+                content="Ensure data security and regulatory compliance with WDI’s Compliance-Ready Systems. Build secure, scalable solutions aligned with industry standards."
+              />
+              <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="Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely" />
+              <meta
+                name="twitter:description"
+                content="Ensure data security and regulatory compliance with WDI’s Compliance-Ready Systems. Build secure, scalable solutions aligned with industry standards."
+              />
+              <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

pages/DedicatedOffshoreODC.tsx

@@ -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";
 
 // Dedicated Offshore Development Centers Hero Section
 const DedicatedOffshoreODCHero = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+              {/* Page Title and Meta Description */}
+              <title>Offshore Development Centers (ODC) Services | WDI</title>
+              <meta
+                name="description"
+                content="Set up cost-effective Dedicated Offshore Development Centers (ODC) with WDI. Get expert teams, faster delivery, and full control over your project."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Offshore Development Centers (ODC) Services | WDI" />
+              <meta
+                property="og:description"
+                content="Set up cost-effective Dedicated Offshore Development Centers (ODC) with WDI. Get expert teams, faster delivery, and full control over your project."
+              />
+              <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="Offshore Development Centers (ODC) Services | WDI" />
+              <meta
+                name="twitter:description"
+                content="Set up cost-effective Dedicated Offshore Development Centers (ODC) with WDI. Get expert teams, faster delivery, and full control over your project."
+              />
+              <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

pages/DesignExperience.tsx

@@ -22,11 +22,59 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
+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>Design & User Experience Solutions | Expert Services by WDI</title>
+              <meta
+                name="description"
+                content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Design & User Experience Solutions | Expert Services by WDI" />
+              <meta
+                property="og:description"
+                content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize 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="Design & User Experience Solutions | Expert Services by WDI" />
+              <meta
+                name="twitter:description"
+                content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize 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 max-w-7xl">
         <div className="grid lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[90vh]">
           <motion.div

pages/DigitalProductDevelopment.tsx

@@ -36,11 +36,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";
 
 // Digital Product Development Hero Section
 const DigitalProductDevelopmentHero = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+              {/* Page Title and Meta Description */}
+              <title>Digital Product Development Services | WDI – Innovate & Grow</title>
+              <meta
+                name="description"
+                content="WDI offers expert digital product development services to turn your ideas into powerful digital solutions. Build, scale, and innovate with WDI today."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Digital Product Development Services | WDI – Innovate & Grow" />
+              <meta
+                property="og:description"
+                content="WDI offers expert digital product development services to turn your ideas into powerful digital solutions. Build, scale, and innovate with WDI 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="Digital Product Development Services | WDI – Innovate & Grow" />
+              <meta
+                name="twitter:description"
+                content="WDI offers expert digital product development services to turn your ideas into powerful digital solutions. Build, scale, and innovate with WDI 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

pages/LeadershipTeam.tsx

@@ -3,7 +3,7 @@ import { Navigation } from "../components/Navigation";
 import { Footer } from "../components/Footer";
 import { Button } from "../components/ui/button";
 import { Badge } from "../components/ui/badge";
-import { ArrowRight, Linkedin, Mail } from "lucide-react";
+import { ArrowRight, Linkedin, Twitter, Mail } from "lucide-react";
 import { navigateTo } from "@/App";
 import riteshImage from "../src/images/ritesh-pandey.png";
 import manavImage from "../src/images/manav-sain.png";
@@ -11,6 +11,7 @@ import sudhirImage from "../src/images/sudhir-malya.png";
 import kartikeyImage from "../src/images/kartikeya-gautam.png";
 import poojaImage from "../src/images/pooja-patade.png";
 import tanveerImage from "../src/images/tanveer-ajani.png";
+import { Helmet } from "react-helmet-async";
 
 export const LeadershipTeam = () => {
   const leaders = [
@@ -18,36 +19,123 @@ export const LeadershipTeam = () => {
       name: "Ritesh Pandey",
       position: "Founder & CEO",
       image: riteshImage,
+      bio: "Founder & CEO leading innovation and AI-driven growth across industries.",
+      social: {
+        linkedin: "linkedin.com/in/riteshwdipl",
+        twitter: "#",
+        email: "ideas@wdipl.com"
+      }
     },
     {
       name: "Manav Sain",
       position: "VP- Business Solutions",
       image: manavImage,
+      bio: "VP crafting business solutions and scaling digital strategy for enterprise clients.",
+      social: {
+        linkedin: "linkedin.com/in/manavsain",
+        twitter: "#",
+        email: "ideas@wdipl.com"
+      }
     },
     {
       name: "Sudhir Mallya",
       position: "CTO",
       image: sudhirImage,
+      bio: "CTO leading technology innovation and scalable digital architecture.",
+      experience: "Former VP at Microsoft, Stanford MBA",
+      social: {
+        linkedin: "#",
+        twitter: "#",
+        email: "ideas@wdipl.com"
+      }
     },
     {
       name: "Kartikey Gautam",
       position: "Product Manager",
       image: kartikeyImage,
+      bio: "Product Manager building scalable AI products with a user-centric approach.",
+      experience: "Former VP at Microsoft, Stanford MBA",
+      social: {
+        linkedin: "linkedin.com/in/kartikey-gautam-product-manager",
+        twitter: "#",
+        email: "ideas@wdipl.com"
+      }
     },
     {
       name: "Pooja Patade",
       position: "Head - Accounts & HR",
       image: poojaImage,
+      bio: "Head of HR & Accounts ensuring smooth operations and organizational alignment.",
+      experience: "Former VP at Microsoft, Stanford MBA",
+      social: {
+        linkedin: "linkedin.com/in/pooja-patade-85453a13b",
+        twitter: "#",
+        email: "ideas@wdipl.com"
+      }
     },
     {
       name: "Tanveer Ajani",
       position: "Compliance Head",
       image: tanveerImage,
+      bio: "Ensures regulatory excellence and drives compliance across operations.",
+      experience: "Former VP at Microsoft, Stanford MBA",
+      social: {
+        linkedin: "#",
+        twitter: "#",
+        email: "ideas@wdipl.com"
+      }
     },
   ];
 
   return (
     <div className="dark min-h-screen bg-background">
+      <Helmet>
+        {/* Page Title and Meta Description */}
+        <title>Leadership Team | Experts in Tech Leadership & Innovation</title>
+        <meta
+          name="description"
+          content="Meet WDI’s leadership team, visionaries with a proven track record in tech innovation, digital transformation, and delivering client success globally."
+        />
+
+        {/* Canonical Link */}
+        <link rel="canonical" href="https://www.wdipl.com/services" />
+
+        {/* Open Graph Tags (for Facebook, LinkedIn) */}
+        <meta property="og:title" content="Leadership Team | Experts in Tech Leadership & Innovation" />
+        <meta
+          property="og:description"
+          content="Meet WDI’s leadership team, visionaries with a proven track record in tech innovation, digital transformation, and delivering client success globally."
+        />
+        <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="Leadership Team | Experts in Tech Leadership & Innovation" />
+        <meta
+          name="twitter:description"
+          content="Meet WDI’s leadership team, visionaries with a proven track record in tech innovation, digital transformation, and delivering client success globally."
+        />
+        <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>
       <Navigation />
 
       {/* Hero Section */}
@@ -98,7 +186,7 @@ export const LeadershipTeam = () => {
                       <img
                         src={leader.image}
                         alt={leader.name}
-                        className="w-full h-full object-center group-hover:scale-110 transition-transform duration-300"
+                        className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
                       />
                     </div>
                     <div className="absolute inset-0 rounded-2xl bg-gradient-to-t from-black/20 to-transparent" />
@@ -114,6 +202,38 @@ export const LeadershipTeam = () => {
                         {leader.position}
                       </p>
                     </div>
+
+                    <p className="text-muted-foreground text-sm leading-relaxed">
+                      {leader.bio}
+                    </p>
+
+                    <div className="pt-2 border-t border-white/10">
+                      {/* <p className="text-xs text-muted-foreground mb-3">
+                        {leader.experience}
+                      </p> */}
+
+                      {/* Social Links */}
+                      <div className="flex gap-3">
+                        <a
+                          href={leader.social.linkedin}
+                          className="w-8 h-8 rounded-lg bg-white/10 hover:bg-[#E5195E]/20 flex items-center justify-center transition-colors duration-200"
+                        >
+                          <Linkedin className="w-4 h-4 text-white" />
+                        </a>
+                        <a
+                          href={leader.social.twitter}
+                          className="w-8 h-8 rounded-lg bg-white/10 hover:bg-[#E5195E]/20 flex items-center justify-center transition-colors duration-200"
+                        >
+                          <Twitter className="w-4 h-4 text-white" />
+                        </a>
+                        <a
+                          href={`mailto:${leader.social.email}`}
+                          className="w-8 h-8 rounded-lg bg-white/10 hover:bg-[#E5195E]/20 flex items-center justify-center transition-colors duration-200"
+                        >
+                          <Mail className="w-4 h-4 text-white" />
+                        </a>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>

pages/LegacySystemRebuilds.tsx

@@ -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";
 
 // Legacy System Rebuilds Hero Section
 const LegacySystemRebuildsHero = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+              {/* Page Title and Meta Description */}
+              <title>Legacy System Rebuilds & Upgrades Services | WDI</title>
+              <meta
+                name="description"
+                content="WDI offers expert legacy system rebuilds to modernize outdated software, improve performance, and ensure long-term scalability for 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="Legacy System Rebuilds & Upgrades Services | WDI" />
+              <meta
+                property="og:description"
+                content="WDI offers expert legacy system rebuilds to modernize outdated software, improve performance, and ensure long-term scalability for 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="Legacy System Rebuilds & Upgrades Services | WDI" />
+              <meta
+                name="twitter:description"
+                content="WDI offers expert legacy system rebuilds to modernize outdated software, improve performance, and ensure long-term scalability for 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

pages/MVPStartupLaunchPackages.tsx

@@ -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";
 
 // MVP & Startup Launch Packages Hero Section
 const MVPStartupLaunchPackagesHero = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+        {/* Page Title and Meta Description */}
+        <title>MVP & Startup Launch Packages for Growth | WDI</title>
+        <meta
+          name="description"
+          content="Launch faster with WDI’s MVP & Startup Launch Packages. Validate ideas, reduce time-to-market, and build scalable products with expert startup support."
+        />
+
+        {/* Canonical Link */}
+        <link rel="canonical" href="https://www.wdipl.com/services" />
+
+        {/* Open Graph Tags (for Facebook, LinkedIn) */}
+        <meta property="og:title" content="MVP & Startup Launch Packages for Growth | WDI" />
+        <meta
+          property="og:description"
+          content="Launch faster with WDI’s MVP & Startup Launch Packages. Validate ideas, reduce time-to-market, and build scalable products with expert startup 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="MVP & Startup Launch Packages for Growth | WDI" />
+        <meta
+          name="twitter:description"
+          content="Launch faster with WDI’s MVP & Startup Launch Packages. Validate ideas, reduce time-to-market, and build scalable products with expert startup 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

pages/MachineLearning.tsx

@@ -22,11 +22,59 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
+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>Machine Learning | Advanced ML Development Services | WDI</title>
+              <meta
+                name="description"
+                content="Explore WDI’s machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
+              />
+      
+              {/* Canonical Link */}
+              <link rel="canonical" href="https://www.wdipl.com/services" />
+      
+              {/* Open Graph Tags (for Facebook, LinkedIn) */}
+              <meta property="og:title" content="Machine Learning | Advanced ML Development Services | WDI" />
+              <meta
+                property="og:description"
+                content="Explore WDI’s machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
+              />
+              <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="Machine Learning | Advanced ML Development Services | WDI" />
+              <meta
+                name="twitter:description"
+                content="Explore WDI’s machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
+              />
+              <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

pages/MobileAppDevelopment.tsx

@@ -34,12 +34,60 @@ import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
 import heroMockupImage from '../src/images/mobile-app-banner.webp';
+import { Helmet } from "react-helmet-async";
 
 
 // Enhanced Hero Section - NEW IMAGE WITH COMPREHENSIVE CSS REQUIREMENTS
 const HeroWithCTA = () => {
   return (
     <section className="relative py-20 overflow-hidden bg-black">
+      <Helmet>
+        {/* Page Title and Meta Description */}
+        <title>Mobile App Development Services by WDI Experts</title>
+        <meta
+          name="description"
+          content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
+        />
+
+        {/* Canonical Link */}
+        <link rel="canonical" href="https://www.wdipl.com/services" />
+
+        {/* Open Graph Tags (for Facebook, LinkedIn) */}
+        <meta property="og:title" content="Mobile App Development Services by WDI Experts" />
+        <meta
+          property="og:description"
+          content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
+        />
+        <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="Mobile App Development Services by WDI Experts" />
+        <meta
+          name="twitter:description"
+          content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
+        />
+        <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 max-w-7xl">
         <div className="grid lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[90vh]">
           <motion.div
@@ -72,14 +120,14 @@ const HeroWithCTA = () => {
                 <span className="text-[#E5195E]">Mobile App Development</span>
                 <span className="text-white"> Services</span>
               </h1>
-              
+
               <p className="text-lg text-gray-300 leading-relaxed max-w-lg">
                 Build secure, scalable, high-performance apps for iOS, Android, or cross-platform — fast.
               </p>
             </motion.div>
 
             {/* BULLET POINTS REMOVED - Content flows directly to CTAs */}
-            
+
             {/* CTAs - STANDARDIZED BUTTON HEIGHTS WITH IMPROVED SPACING */}
             <motion.div
               initial={{ opacity: 0, y: 20 }}
@@ -87,8 +135,8 @@ const HeroWithCTA = () => {
               transition={{ duration: 0.8, delay: 0.2 }}
               className="flex flex-col sm:flex-row gap-4 pt-4"
             >
-              <ShimmerButton 
+              <ShimmerButton
-                className="h-14 px-8 text-lg font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300" 
+                className="h-14 px-8 text-lg font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300"
                 onClick={() => navigateTo('/start-a-project')}
               >
                 <div className="inline-flex items-center gap-2">
@@ -106,7 +154,7 @@ const HeroWithCTA = () => {
               </Button>
             </motion.div>
           </motion.div>
-          
+
           {/* Right side with hero image - COMPREHENSIVE CSS IMPLEMENTATION */}
           <motion.div
             initial={{ opacity: 0, x: 50 }}
@@ -115,7 +163,7 @@ const HeroWithCTA = () => {
             className="relative flex items-center justify-center order-first lg:order-last"
           >
             {/* Image Container - FOLLOWING ALL COMPREHENSIVE CSS REQUIREMENTS */}
-            <div 
+            <div
               className="relative w-full h-[450px] sm:h-[550px] md:h-[650px] lg:h-[700px] max-w-full"
               style={{
                 position: 'relative',
@@ -136,9 +184,9 @@ const HeroWithCTA = () => {
                   display: 'block'
                 }}
               />
-              
+
               {/* Alternative background method for enhanced browser support */}
-              <div 
+              <div
                 className="absolute inset-0 opacity-0 pointer-events-none"
                 style={{
                   backgroundImage: `url(${heroMockupImage})`,
@@ -189,7 +237,7 @@ const HorizontalTagScroller = () => {
             Our mobile apps power industries where user trust, speed, and uptime are critical.
           </p>
         </motion.div>
-        
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
@@ -200,7 +248,7 @@ const HorizontalTagScroller = () => {
           {/* Gradient overlays for smooth fade effect */}
           <div className="absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-card to-transparent z-10 pointer-events-none"></div>
           <div className="absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-card to-transparent z-10 pointer-events-none"></div>
-          
+
           {/* Marquee container */}
           <div className="flex animate-marquee hover:animate-marquee-paused">
             {/* First set of industries */}
@@ -228,7 +276,7 @@ const HorizontalTagScroller = () => {
                 </motion.div>
               );
             })}
-            
+
             {/* Second set for seamless loop */}
             {industries.map((industry, index) => {
               const IconComponent = industry.icon;
@@ -254,7 +302,7 @@ const HorizontalTagScroller = () => {
                 </motion.div>
               );
             })}
-            
+
             {/* Third set for extra smoothness */}
             {industries.map((industry, index) => {
               const IconComponent = industry.icon;
@@ -296,7 +344,7 @@ const SideBySideContentWithIcons = () => {
       icon: Award
     },
     {
-      id: "ownership", 
+      id: "ownership",
       title: "100% Ownership, No Lock-ins",
       icon: Shield
     },
@@ -331,7 +379,7 @@ const SideBySideContentWithIcons = () => {
           <h2 className="text-4xl lg:text-5xl font-semibold text-white leading-tight mb-6">
             Why Founders and CTOs Trust WDI
           </h2>
-          
+
           {/* Subtext */}
           <p className="text-2xl text-gray-300 leading-relaxed">
             Not just a dev agency. A product partner.
@@ -365,7 +413,7 @@ const SideBySideContentWithIcons = () => {
                     <div className="mb-6">
                       <IconComponent className="w-10 h-10 text-accent mx-auto" />
                     </div>
-                    
+
                     {/* Title */}
                     <h3 className="text-lg font-semibold text-white leading-tight">
                       {factor.title}
@@ -391,7 +439,7 @@ const TabbedServiceDisplay = () => {
       link: "/services/ios-app-development"
     },
     {
-      title: "Android App Development", 
+      title: "Android App Development",
       icon: Smartphone,
       description: "High-performance Android apps using Kotlin with Google Play optimization.",
       link: "/services/android-app-development"
@@ -439,7 +487,7 @@ const TabbedServiceDisplay = () => {
             Comprehensive mobile development services that transform your ideas into powerful, user-friendly applications across all platforms.
           </p>
         </motion.div>
-        
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
@@ -465,7 +513,7 @@ const TabbedServiceDisplay = () => {
                     <div className="w-12 h-12 bg-accent/20 rounded-lg flex items-center justify-center">
                       <IconComponent className="w-6 h-6 text-accent" />
                     </div>
-                    
+
                     <div>
                       <h3 className="text-xl font-semibold text-white mb-4">
                         {service.title}
@@ -513,22 +561,22 @@ const InlineCTA = () => {
                 </div>
               </div>
             </div>
-            
+
             {/* Main Heading */}
             <h2 className="text-4xl lg:text-5xl font-semibold leading-tight">
               <span className="text-foreground">Let's Architect </span>
               <span className="text-[#E5195E]">Intelligence</span>
               <span className="text-foreground"> Into Your App</span>
             </h2>
-            
+
             {/* Subtitle */}
             <p className="text-xl text-muted-foreground leading-relaxed max-w-2xl mx-auto">
               Schedule a discovery call to explore how AI can give you a strategic edge.
             </p>
-            
+
             {/* CTA Button */}
             <div className="flex flex-col items-center gap-4">
-              <ShimmerButton 
+              <ShimmerButton
                 className="text-xl px-10 py-5 rounded-2xl shadow-lg hover:shadow-xl bg-[#E5195E] hover:bg-[#E5195E]/90"
                 onClick={() => navigateTo('/start-a-project')}
               >
@@ -537,7 +585,7 @@ const InlineCTA = () => {
                   <span>Book an AI Discovery Call</span>
                 </div>
               </ShimmerButton>
-              
+
               {/* Small benefit text */}
               <p className="text-sm text-muted-foreground">
                 App strategy • AI integration • Technology consultation
@@ -562,7 +610,7 @@ const HireDevelopersSection = () => {
       link: "/hire-talent/mobile-app-developers"
     },
     {
-      title: "Android Developers", 
+      title: "Android Developers",
       icon: Smartphone,
       skills: ["Kotlin", "Java", "Jetpack Compose"],
       iconBg: "bg-green-500",
@@ -605,7 +653,7 @@ const HireDevelopersSection = () => {
             Get access to top-tier mobile developers who can bring your vision to life with cutting-edge technology and proven expertise.
           </p>
         </motion.div>
-        
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
@@ -639,12 +687,12 @@ const HireDevelopersSection = () => {
                           </div>
                         </div>
                       </div>
-                      
+
                       <h3 className="text-xl font-semibold text-foreground mb-4 leading-tight">
                         {developer.title}
                       </h3>
                     </div>
-                    
+
                     {/* Skills section */}
                     <div className="px-8 pb-6 flex-1">
                       <div className="flex flex-wrap gap-2">
@@ -655,10 +703,10 @@ const HireDevelopersSection = () => {
                         ))}
                       </div>
                     </div>
-                    
+
                     {/* CTA Buttons - Updated with ShimmerButton */}
                     <div className="p-8 pt-0 mt-auto space-y-3">
-                      <ShimmerButton 
+                      <ShimmerButton
                         className="w-full py-3 text-sm rounded-xl shadow-lg hover:shadow-xl"
                         onClick={() => navigateTo(developer.link)}
                       >
@@ -720,7 +768,7 @@ export const MobileAppDevelopment = () => {
   // Set document title for SEO
   React.useEffect(() => {
     document.title = "Mobile App Development Services | WDI - iOS & Android App Development";
-    
+
     // Update meta description for SEO
     const metaDescription = document.querySelector('meta[name="description"]');
     if (metaDescription) {
@@ -731,31 +779,31 @@ export const MobileAppDevelopment = () => {
   return (
     <div className="dark min-h-screen bg-background">
       <Navigation />
-      
+
       {/* Hero Section */}
       <HeroWithCTA />
-      
+
       {/* Industries Scroller */}
       <HorizontalTagScroller />
-      
+
       {/* Why Choose WDI */}
       <SideBySideContentWithIcons />
-      
+
       {/* Service Categories */}
       <TabbedServiceDisplay />
-      
+
       {/* Process Steps */}
       <ProcessSection />
-      
+
       {/* Hire Developers */}
       <HireDevelopersSection />
-      
+
       {/* Final CTA */}
       <InlineCTA />
-      
+
       {/* FAQ Section */}
       <FAQSection faqs={mobileAppFAQs} />
-      
+
       <Footer />
     </div>
   );

pages/Services.tsx

@@ -78,7 +78,6 @@ const HeroWithCTA = () => {
         </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

pages/SoftwareEngineering.tsx

@@ -24,11 +24,59 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
+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>Software Engineering Solutions That Drive Results | WDI</title>
+        <meta
+          name="description"
+          content="WDI’s software engineering solutions deliver innovative, efficient, and scalable technology that transforms your business. Get ahead with expert development today!"
+        />
+
+        {/* Canonical Link */}
+        <link rel="canonical" href="https://www.wdipl.com/services" />
+
+        {/* Open Graph Tags (for Facebook, LinkedIn) */}
+        <meta property="og:title" content="Software Engineering Solutions That Drive Results | WDI" />
+        <meta
+          property="og:description"
+          content="WDI’s software engineering solutions deliver innovative, efficient, and scalable technology that transforms your business. Get ahead with expert development 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="Software Engineering Solutions That Drive Results | WDI" />
+        <meta
+          name="twitter:description"
+          content="WDI’s software engineering solutions deliver innovative, efficient, and scalable technology that transforms your business. Get ahead with expert development 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

pages/WebCloudServices.tsx

@@ -68,11 +68,59 @@ import {
   ShoppingCart,
 } from "lucide-react";
 import heroMockupImage from "../src/images/webandcloud-hero.webp";
+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>Web & Cloud Solutions | Expert Services by WDI</title>
+        <meta
+          name="description"
+          content="WDI provides comprehensive web and cloud solutions to optimize your business infrastructure with secure, scalable, and innovative technology services."
+        />
+
+        {/* Canonical Link */}
+        <link rel="canonical" href="https://www.wdipl.com/services" />
+
+        {/* Open Graph Tags (for Facebook, LinkedIn) */}
+        <meta property="og:title" content="Web & Cloud Solutions | Expert Services by WDI" />
+        <meta
+          property="og:description"
+          content="WDI provides comprehensive web and cloud solutions to optimize your business infrastructure with secure, scalable, and innovative technology services."
+        />
+        <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="Web & Cloud Solutions | Expert Services by WDI" />
+        <meta
+          name="twitter:description"
+          content="WDI provides comprehensive web and cloud solutions to optimize your business infrastructure with secure, scalable, and innovative technology services."
+        />
+        <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