Update src/app/page.tsx

src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
@@ -26,20 +26,14 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
       ]}
       brandName="Innovate"
     />
@@ -49,41 +43,27 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Scaling Innovation Through Data"
       description="Unlock the full potential of your operations with our AI-driven analytics suite. Designed for modern teams who need clarity, speed, and actionable insights."
       testimonials={[
         {
-          name: "Alex Rivet",
-          handle: "@alexrivet",
-          testimonial: "This platform transformed our workflow speed by 3x. Essential for any growth-focused team.",
-          rating: 5,
+          name: "Alex Rivet",          handle: "@alexrivet",          testimonial: "This platform transformed our workflow speed by 3x. Essential for any growth-focused team.",          rating: 5,
         },
         {
-          name: "Maya Singh",
-          handle: "@msingh",
-          testimonial: "The insights provided were incredibly granular and helped us pivot our strategy effectively.",
-          rating: 5,
+          name: "Maya Singh",          handle: "@msingh",          testimonial: "The insights provided were incredibly granular and helped us pivot our strategy effectively.",          rating: 5,
         },
         {
-          name: "James Chen",
-          handle: "@jchen",
-          testimonial: "Seamless integration and intuitive UI. Best analytics tool I have used in years.",
-          rating: 5,
+          name: "James Chen",          handle: "@jchen",          testimonial: "Seamless integration and intuitive UI. Best analytics tool I have used in years.",          rating: 5,
         },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/a-high-tech-software-platform-interface--1774614485777-c29257b8.png"
       mediaAnimation="slide-up"
       buttons={[
         {
-          text: "Get Started",
-          href: "#features",
-        },
+          text: "Get Started",          href: "#features"},
         {
-          text: "Book a Demo",
-          href: "#",
-        },
+          text: "Book a Demo",          href: "#"},
       ]}
     />
   </div>
@@ -95,17 +75,11 @@ export default function LandingPage() {
       description="We are dedicated to bridging the gap between raw data and strategic growth. Our mission is to provide the tools necessary for modern companies to thrive in a digital-first economy."
       metrics={[
         {
-          value: "120%",
-          title: "Efficiency Gain",
-        },
+          value: "120%",          title: "Efficiency Gain"},
         {
-          value: "24/7",
-          title: "Support Availability",
-        },
+          value: "24/7",          title: "Support Availability"},
         {
-          value: "500+",
-          title: "Customers Empowered",
-        },
+          value: "500+",          title: "Customers Empowered"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/professional-team-collaborating-in-a-mod-1774614487757-a506129e.png"
       mediaAnimation="blur-reveal"
@@ -120,20 +94,11 @@ export default function LandingPage() {
       description="Our suite offers comprehensive features to manage your business effectively."
       accordionItems={[
         {
-          id: "f1",
-          title: "Real-time Dashboard",
-          content: "Visualize your data metrics as they happen with our lightning-fast real-time engine.",
-        },
+          id: "f1",          title: "Real-time Dashboard",          content: "Visualize your data metrics as they happen with our lightning-fast real-time engine."},
         {
-          id: "f2",
-          title: "Automated Workflows",
-          content: "Set up automated triggers to handle repetitive tasks so you can focus on core growth.",
-        },
+          id: "f2",          title: "Automated Workflows",          content: "Set up automated triggers to handle repetitive tasks so you can focus on core growth."},
         {
-          id: "f3",
-          title: "Secure Infrastructure",
-          content: "Enterprise-grade security built directly into our core to protect your vital business assets.",
-        },
+          id: "f3",          title: "Secure Infrastructure",          content: "Enterprise-grade security built directly into our core to protect your vital business assets."},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/modern-software-dashboard-with-glowing-i-1774614487847-f887c286.png"
       mediaAnimation="slide-up"
@@ -145,23 +110,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "TechCorp",
-        "InnovateLab",
-        "GrowthCo",
-        "StartupXYZ",
-        "DataSystems",
-        "NextGen",
-        "CloudScale",
-      ]}
+        "TechCorp",        "InnovateLab",        "GrowthCo",        "StartupXYZ",        "DataSystems",        "NextGen",        "CloudScale"]}
       logos={[
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614486356-208cf266.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614487120-11ad6b58.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614486838-f02994de.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614485345-1b43c0f7.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614484831-13d8e55c.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614486723-d8e8aff1.png",
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614484640-50f76155.png",
-      ]}
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614486356-208cf266.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614487120-11ad6b58.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614486838-f02994de.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614485345-1b43c0f7.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614484831-13d8e55c.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614486723-d8e8aff1.png",        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/minimalist-tech-company-logo-in-grey-pro-1774614484640-50f76155.png"]}
       title="Trusted by Industry Leaders"
       description="Partnering with global organizations to redefine their digital landscapes."
     />
@@ -173,20 +124,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "How do I get started?",
-          content: "Simply sign up on our website and follow the onboarding wizard.",
-        },
+          id: "q1",          title: "How do I get started?",          content: "Simply sign up on our website and follow the onboarding wizard."},
         {
-          id: "q2",
-          title: "Can I integrate with other apps?",
-          content: "Yes, we support over 100+ native integrations out of the box.",
-        },
+          id: "q2",          title: "Can I integrate with other apps?",          content: "Yes, we support over 100+ native integrations out of the box."},
         {
-          id: "q3",
-          title: "What support is included?",
-          content: "All tiers include full email support, with priority phone support for pro accounts.",
-        },
+          id: "q3",          title: "What support is included?",          content: "All tiers include full email support, with priority phone support for pro accounts."},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWoyesLo7PFEnnwl2m0T2nPjUK/friendly-customer-support-representation-1774614487438-1d0b2f6b.png"
       mediaAnimation="slide-up"
@@ -200,50 +142,31 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Documentation",
-              href: "#",
-            },
+              label: "Documentation",              href: "#"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Support",
-              href: "#faq",
-            },
+              label: "Support",              href: "#faq"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -254,4 +177,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}