update sitemap and global offices

components/Footer.tsx

@@ -20,14 +20,17 @@ const footerNavigation = {
   Explore: [
     { label: "Home", url: "/home" },
     { label: "Services", url: "/services" },
+    { label: "AI & ML", url: "/artificial-intelligence" },
     { label: "Solutions", url: "/solutions" },
     { label: "Industries", url: "/industries" },
-    { label: "Company", url: "/company" },
+    { label: "Hire-Talent", url: "/hire-talent" },
-    { label: "Contact", url: "/contact" },
+    { label: "Company", url: "/company/about-wdi" },
+    { label: "Resources", url: "/resources" },
+    { label: "Contact", url: "/start-a-project" },
   ],
   Resources: [
     { label: "Articles", url: "/resources/blog" },
-    { label: "Case Studies", url: "/case-studies" },
+    { label: "Portfolio", url: "/case-studies" },
     {
       label: "Client Testimonials",
       url: "/resources/client-testimonials",
@@ -92,6 +95,50 @@ const footerNavigation = {
       url: "/compliance-ready-systems",
     },
   ],
+  HireTalent: [
+    {
+      label: "Hire Mobile App Developers",
+      url: "/hire-talent/mobile-app-developers",
+    },
+    {
+      label: "Hire Full Stack Developers",
+      url: "/hire-talent/full-stack-developers",
+    },
+    {
+      label: "Hire Frontend Developers",
+      url: "/hire-talent/frontend-developers",
+    },
+    {
+      label: "Hire Backend Developers",
+      url: "/hire-talent/backend-developers",
+    },
+    {
+      label: "Hire UI/UX Designers",
+      url: "/hire-talent/ui-ux-designers",
+    },
+    {
+      label: "Hire QA Engineers",
+      url: "/hire-talent/qa-engineers",
+    },
+    {
+      label: "Hire Dedicated Development Teams",
+      url: "/dedicated-development-teams",
+    },
+  ],
+  Company: [
+    {
+      label: "About WDI",
+      url: "/company/about-wdi",
+    },
+    {
+      label: "Leadership Team",
+      url: "/company/leadership-team",
+    },
+    {
+      label: "Careers",
+      url: "/company/careers",
+    },
+  ],
 };
 
 const socialLinks = [
@@ -345,81 +392,51 @@ export const Footer = () => {
                 links={footerNavigation.Explore}
                 delay={0.1}
               />
-              <FooterSection
+              
-                title="Services"
+              {/* Combined Services & Company */}
-                links={footerNavigation.Services}
+              <div className="space-y-8">
-                delay={0.2}
+                <FooterSection
-              />
+                  title="Services"
-              <FooterSection
+                  links={footerNavigation.Services}
-                title="AI & ML"
+                  delay={0.2}
-                links={footerNavigation["AI & ML"]}
+                />
-                delay={0.3}
+                <FooterSection
-              />
+                  title="Company"
+                  links={footerNavigation.Company}
+                  delay={0.3}
+                />
+              </div>
+              
+              {/* Combined AI & ML with Resources */}
+              <div className="space-y-8">
+                <FooterSection
+                  title="AI & ML"
+                  links={footerNavigation["AI & ML"]}
+                  delay={0.4}
+                />
+                <FooterSection
+                  title="Resources"
+                  links={footerNavigation.Resources}
+                  delay={0.5}
+                />
+              </div>
+              
               <FooterSection
                 title="Solutions"
                 links={footerNavigation.Solutions}
-                delay={0.4}
+                delay={0.6}
               />
+              
               <FooterSection
-                title="Resources"
+                title="Hire Talent"
-                links={footerNavigation.Resources}
+                links={footerNavigation.HireTalent}
-                delay={0.5}
+                delay={0.7}
               />
             </div>
           </div>
 
           {/* Newsletter Subscription Section */}
           <NewsletterSection />
-
-          {/* Bottom Bar */}
-          {/* <motion.div
-          initial={{ opacity: 0 }}
-          whileInView={{ opacity: 1 }}
-          transition={{ duration: 0.6, delay: 0.6 }}
-          viewport={{ once: true }}
-          className="border-t border-white/10"
-        >
-          <div className="container mx-auto px-6 lg:px-8 py-8">
-            <div className="flex flex-col lg:flex-row justify-between items-center gap-6">
-              <div className="text-[#CCCCCC] text-sm text-center lg:text-left">
-                © 2024 Web Development Institute. All rights
-                reserved.
-              </div>
-
-              <div className="flex flex-wrap gap-6 text-sm">
-                <a
-                  href="/privacy"
-                  className="text-[#CCCCCC] hover:text-white transition-colors"
-                >
-                  Privacy Policy
-                </a>
-                <a
-                  href="/terms"
-                  className="text-[#CCCCCC] hover:text-white transition-colors"
-                >
-                  Terms of Service
-                </a>
-                <a
-                  href="/cookies"
-                  className="text-[#CCCCCC] hover:text-white transition-colors"
-                >
-                  Cookie Policy
-                </a>
-                <a
-                  href="/sitemap"
-                  className="text-[#CCCCCC] hover:text-white transition-colors"
-                >
-                  Sitemap
-                </a>
-              </div>
-
-              <div className="text-[#CCCCCC] text-sm text-center lg:text-right">
-                Engineered by WDI — because someone had to do it
-                right. 💻
-              </div>
-            </div>
-          </div>
-        </motion.div> */}
         </div>
       </footer>
     </>

components/GlobalOffices.tsx

@@ -5,33 +5,33 @@ import { number } from "yup";
 
 const offices = [
   {
-    region: "Asia Pacific",
+    region: "India",
     address: `614, 6th Floor, Palms Spring center,\nLink Road, Malad (West), Mumbai - 400064, India`,
     image: "https://wordpress.betadelivery.com/headerr/assets/images/new-img/mapone.webp",
     number: "+91 7700900039",
     email: "ideas@wdipl.com",
   },
   {
-    region: "America",
+    region: "USA",
     address: `215 Jefferson Street, Fort Collins,\nCO 80524, USA`,
     image: "https://wordpress.betadelivery.com/headerr/assets/images/new-img/maptwo.webp",
-    number: "+44 7464741335",
+    number: "+1 970 292 6650",
     email: "ideas@wdipl.com",
   },
   {
-    region: "Europe",
+    region: "UK",
-    address: `2, Frederick Street, Kings Cross,\nLondon, WC1X 0ND, England, UK.\nCRN-14194669, UK`,
+    address: `2, Frederick Street, Kings Cross, London, WC1X 0ND, England, UK. CRN-14194669, UK`,
     image: "https://wordpress.betadelivery.com/headerr/assets/images/new-img/mapthree.webp",
     number: "+44 7464741335",
     email: "ideas@wdipl.com",
   },
-  {
+  // {
-    region: "Middle East",
+  //   region: "Middle East",
-    address: `Perth, WA 6000`,
+  //   address: `Perth, WA 6000`,
-    image: "https://wordpress.betadelivery.com/headerr/assets/images/new-img/mapfour.webp",
+  //   image: "https://wordpress.betadelivery.com/headerr/assets/images/new-img/mapfour.webp",
-    number: "+44 7464741335",
+  //   number: "+44 7464741335",
-    email: "ideas@wdipl.com",
+  //   email: "ideas@wdipl.com",
-  },
+  // },
 ];
 
 export default function GlobalOffices() {
@@ -50,7 +50,7 @@ export default function GlobalOffices() {
       </motion.h2>
 
       {/* Office Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-8 max-w-7xl mx-auto">
+      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 max-w-7xl mx-auto">
         {offices.map((office, index) => (
           <motion.div
             key={index}

pages/FAQs.tsx

@@ -397,8 +397,8 @@ export const FAQs = () => {
               </p>
             </div>
 
-            <div className="grid md:grid-cols-3 gap-8">
+            <div className="grid md:grid-cols-2 gap-8">
-              <Card className="bg-card/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 text-center">
+              {/* <Card className="bg-card/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 text-center">
                 <CardContent className="p-6">
                   <div className="w-12 h-12 rounded-full bg-[#E5195E]/20 flex items-center justify-center mx-auto mb-4">
                     <MessageSquare className="w-6 h-6 text-[#E5195E]" />
@@ -416,7 +416,7 @@ export const FAQs = () => {
                     Start Chat
                   </Button>
                 </CardContent>
-              </Card>
+              </Card> */}
 
               <Card className="bg-card/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 text-center">
                 <CardContent className="p-6">
@@ -429,12 +429,16 @@ export const FAQs = () => {
                   <p className="text-muted-foreground mb-4 text-sm">
                     Send us your questions via email
                   </p>
-                  <Button
+                  <a
-                    variant="outline"
+                    href="mailto:ideas@wdipl.com"
-                    className="border-white/20 text-white hover:bg-white/10"
                   >
-                    Send Email
+                    <Button
-                  </Button>
+                      variant="outline"
+                      className="border-white/20 text-white hover:bg-white/10"
+                    >
+                      Send Email
+                    </Button>
+                  </a>
                 </CardContent>
               </Card>
 
@@ -449,14 +453,17 @@ export const FAQs = () => {
                   <p className="text-muted-foreground mb-4 text-sm">
                     Call us for immediate assistance
                   </p>
-                  <Button
+                  <a href="tel:+91 7700900039">
-                    variant="outline"
+                    <Button
-                    className="border-white/20 text-white hover:bg-white/10"
+                      variant="outline"
-                  >
+                      className="border-white/20 text-white hover:bg-white/10"
-                    Call Now
+                    >
-                  </Button>
+                      Call Now
+                    </Button>
+                  </a>
                 </CardContent>
               </Card>
+
             </div>
           </div>
         </div>