Update src/app/page.tsx

src/app/page.tsx

@@ -30,17 +30,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="SupportSphere"
     />
@@ -49,45 +43,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Scale Your Business with Expert Remote Teams"
       description="SupportSphere delivers world-class BPO outsourcing solutions. Reduce operational costs by up to 60% while accessing top-tier global talent."
       buttons={[
         {
-          text: "Get a Free Quote",
+          text: "Get a Free Quote",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Book Consultation",
+          text: "Book Consultation",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",          imageAlt: "SupportSphere HQ"},
-          imageAlt: "SupportSphere HQ",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-monitoring-server-room-doing-checkup_482257-89777.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-monitoring-server-room-doing-checkup_482257-89777.jpg",          imageAlt: "Global Team"},
-          imageAlt: "Global Team",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098556.jpg",          imageAlt: "Data Management"},
-          imageAlt: "Data Management",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",          imageAlt: "Customer Success"},
-          imageAlt: "Customer Success",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-looks-greenscreen_482257-76595.jpg",          imageAlt: "Sales Operations"},
-          imageAlt: "Sales Operations",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg",          imageAlt: "Technical Support"},
-          imageAlt: "Technical Support",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -100,26 +77,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Technical Support",          subtitle: "Tier 1 & Tier 2 support delivered with 99% satisfaction.",          category: "Support",          value: "24/7"},
-          title: "Technical Support",
-          subtitle: "Tier 1 & Tier 2 support delivered with 99% satisfaction.",
-          category: "Support",
-          value: "24/7",
-        },
         {
-          id: "2",
+          id: "2",          title: "Sales & Leads",          subtitle: "Outbound campaigns that drive measurable growth.",          category: "Sales",          value: "ROI"},
-          title: "Sales & Leads",
-          subtitle: "Outbound campaigns that drive measurable growth.",
-          category: "Sales",
-          value: "ROI",
-        },
         {
-          id: "3",
+          id: "3",          title: "Data Management",          subtitle: "Precise transcription, entry, and analysis.",          category: "Back Office",          value: "99.9%"},
-          title: "Data Management",
+        {
-          subtitle: "Precise transcription, entry, and analysis.",
+          id: "4",          title: "Customer Experience",          subtitle: "Personalized omnichannel support for modern brands.",          category: "CX",          value: "100%"},
-          category: "Back Office",
+        {
-          value: "99.9%",
+          id: "5",          title: "Finance & Payroll",          subtitle: "Accuracy-first financial processing and reporting.",          category: "Operations",          value: "Secure"},
-        },
+        {
+          id: "6",          title: "Creative Services",          subtitle: "Graphic design, content creation, and media.",          category: "Marketing",          value: "Creative"},
       ]}
       title="Our Specialized Service Departments"
       description="We offer six specialized departments under one trusted partner to ensure every business need is met."
@@ -133,23 +101,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Users,
-          icon: Users,
+          title: "Clients Worldwide",          value: "500+"},
-          title: "Clients Worldwide",
-          value: "500+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Award,
-          icon: Award,
+          title: "Years Experience",          value: "10+"},
-          title: "Years Experience",
-          value: "10+",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: CheckCircle,
-          icon: CheckCircle,
+          title: "Agents Deployed",          value: "2,000+"},
-          title: "Agents Deployed",
-          value: "2,000+",
-        },
       ]}
       title="Global Success Metrics"
       description="Trusted by over 500+ global brands with 99.5% retention."
@@ -161,20 +120,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "What is BPO?",          content: "Business Process Outsourcing involves partnering with a specialized provider to handle specific business tasks like support, billing, or sales."},
-          title: "What is BPO?",
-          content: "Business Process Outsourcing involves partnering with a specialized provider to handle specific business tasks like support, billing, or sales.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How much can I save?",          content: "Businesses typically save up to 60% on operational costs by partnering with us compared to in-house management."},
-          title: "How much can I save?",
-          content: "Businesses typically save up to 60% on operational costs by partnering with us compared to in-house management.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is data secure?",          content: "We maintain enterprise-grade security including NDA protection, GDPR compliance, and regular audits."},
-          title: "Is data secure?",
-          content: "We maintain enterprise-grade security including NDA protection, GDPR compliance, and regular audits.",
-        },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="blur-reveal"
@@ -185,18 +135,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Get in touch with our team today. We are ready to scale your business."
       buttons={[
         {
-          text: "Email: info@supportsphere.com",
+          text: "Email: info@supportsphere.com",          href: "mailto:info@supportsphere.com"},
-          href: "mailto:info@supportsphere.com",
-        },
         {
-          text: "Call: +1 (212) 555-0198",
+          text: "Call: +1 (212) 555-0198",          href: "tel:+12125550198"},
-          href: "tel:+12125550198",
-        },
       ]}
     />
   </div>
@@ -206,29 +151,21 @@ export default function LandingPage() {
       logoText="SupportSphere"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Tech Support",
+              label: "Tech Support",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Sales",
+              label: "Sales",              href: "#"},
-              href: "#",
+            {
-            },
+              label: "CX",              href: "#"},
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -238,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}