Update src/app/page.tsx

src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -34,43 +34,25 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Metrics",
+          name: "Metrics",          id: "#metrics"},
-          id: "#metrics",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="NextWeb"
       button={{
-        text: "Get Started",
+        text: "Get Started",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
@@ -80,39 +62,23 @@ export default function LandingPage() {
       description="Transforming Digital Experiences with Next-Gen UI/UX. Experience the future of web design, where premium aesthetics meet unparalleled performance and seamless interactions."
       buttons={[
         {
-          text: "Explore Features",
+          text: "Explore Features",          href: "#features"},
-          href: "#features",
-        },
         {
-          text: "Get a Demo",
+          text: "Get a Demo",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",          imageAlt: "Futuristic software dashboard"},
-          imageAlt: "Futuristic software dashboard",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg",          imageAlt: "Sleek transparent smartphone app"},
-          imageAlt: "Sleek transparent smartphone app",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/descomposition-person-wearing-vr-glasses_23-2149089514.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/descomposition-person-wearing-vr-glasses_23-2149089514.jpg",          imageAlt: "Immersive VR headset"},
-          imageAlt: "Immersive VR headset",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",          imageAlt: "Interconnected data network"},
-          imageAlt: "Interconnected data network",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-with-modern-virtual-technologies-hands-touching-screen_1212-721.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-with-modern-virtual-technologies-hands-touching-screen_1212-721.jpg",          imageAlt: "User interacting with holographic interface"},
-          imageAlt: "User interacting with holographic interface",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-glove-holding-chip_23-2148925545.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-glove-holding-chip_23-2148925545.jpg",          imageAlt: "Macro shot of a glowing CPU"},
-          imageAlt: "Macro shot of a glowing CPU",
-        },
       ]}
       autoplayDelay={4000}
       showDimOverlay={true}
@@ -126,17 +92,11 @@ export default function LandingPage() {
       description="We are a collective of visionaries and architects, dedicated to sculpting digital landscapes that captivate and convert. Our philosophy blends cutting-edge technology with human-centric design, ensuring every interaction is intuitive, impactful, and unforgettable. We empower brands to transcend ordinary, crafting experiences that resonate."
       metrics={[
         {
-          value: "100%",
+          value: "100%",          title: "Satisfaction"},
-          title: "Satisfaction",
-        },
         {
-          value: "3X",
+          value: "3X",          title: "Conversion Rate"},
-          title: "Conversion Rate",
-        },
         {
-          value: "50+",
+          value: "50+",          title: "Global Projects"},
-          title: "Global Projects",
-        },
       ]}
       tag="Our Story"
       tagIcon={Sparkles}
@@ -156,29 +116,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Dynamic Animations",
+          title: "Dynamic Animations",          description: "Immersive scroll-triggered effects and micro-interactions that bring your content to life."},
-          description: "Immersive scroll-triggered effects and micro-interactions that bring your content to life.",
-        },
         {
           icon: Layers,
-          title: "Seamless Integration",
+          title: "Seamless Integration",          description: "Our solutions integrate flawlessly with your existing tech stack, ensuring a smooth transition and enhanced ecosystem."},
-          description: "Our solutions integrate flawlessly with your existing tech stack, ensuring a smooth transition and enhanced ecosystem.",
-        },
         {
           icon: Layout,
-          title: "Adaptive Responsiveness",
+          title: "Adaptive Responsiveness",          description: "Flawless performance and elegant layouts across all devices, from mobile to large screens."},
-          description: "Flawless performance and elegant layouts across all devices, from mobile to large screens.",
-        },
         {
           icon: Gauge,
-          title: "Performance Optimized",
+          title: "Performance Optimized",          description: "Lightning-fast loading times and buttery-smooth 60 FPS animations for an optimal user experience."},
-          description: "Lightning-fast loading times and buttery-smooth 60 FPS animations for an optimal user experience.",
-        },
         {
           icon: MousePointer,
-          title: "Intuitive UX",
+          title: "Intuitive UX",          description: "Every interaction is meticulously crafted to be natural, delightful, and highly engaging for your users."},
-          description: "Every interaction is meticulously crafted to be natural, delightful, and highly engaging for your users.",
-        },
       ]}
       title="Next-Gen Features for Unrivaled Presence"
       description="Discover how our integrated approach to design and development delivers a truly premium online experience."
@@ -196,47 +146,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Prototyping Suite",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038912.jpg",          imageAlt: "Prototyping Suite Interface"},
-          name: "Prototyping Suite",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038912.jpg",
-          imageAlt: "Prototyping Suite Interface",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Motion Design Toolkit",          price: "$199",          imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg",          imageAlt: "Motion Design Toolkit Interface"},
-          name: "Motion Design Toolkit",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg",
-          imageAlt: "Motion Design Toolkit Interface",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "AI-Powered Analytics",          price: "$499",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",          imageAlt: "AI-Powered Analytics Platform"},
-          name: "AI-Powered Analytics",
-          price: "$499",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
-          imageAlt: "AI-Powered Analytics Platform",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Cross-Platform SDK",          price: "$349",          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",          imageAlt: "Cross-Platform SDK Interface"},
-          name: "Cross-Platform SDK",
-          price: "$349",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
-          imageAlt: "Cross-Platform SDK Interface",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Cloud Infra Manager",          price: "$599",          imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_23-2148330265.jpg",          imageAlt: "Cloud Infrastructure Management Dashboard"},
-          name: "Cloud Infra Manager",
-          price: "$599",
-          imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_23-2148330265.jpg",
-          imageAlt: "Cloud Infrastructure Management Dashboard",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Secure Collab Hub",          price: "$149",          imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-using-laptops-night_74855-2605.jpg",          imageAlt: "Secure Collaboration Hub Interface"},
-          name: "Secure Collab Hub",
-          price: "$149",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-using-laptops-night_74855-2605.jpg",
-          imageAlt: "Secure Collaboration Hub Interface",
-        },
       ]}
       title="Explore Our Premium Offerings"
       description="Each product is crafted with precision, designed to elevate your digital presence and streamline your workflows."
@@ -251,25 +171,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "99.9%",          title: "Uptime Reliability",          description: "Ensuring your services are always available and performing at their peak.",          icon: ShieldCheck,
-          value: "99.9%",
-          title: "Uptime Reliability",
-          description: "Ensuring your services are always available and performing at their peak.",
-          icon: ShieldCheck,
         },
         {
-          id: "m2",
+          id: "m2",          value: "24/7",          title: "Dedicated Support",          description: "Our expert team is always on standby to provide assistance and solutions.",          icon: Headphones,
-          value: "24/7",
-          title: "Dedicated Support",
-          description: "Our expert team is always on standby to provide assistance and solutions.",
-          icon: Headphones,
         },
         {
-          id: "m3",
+          id: "m3",          value: "200+",          title: "Global Deployments",          description: "Trusted by leading brands across continents for innovative digital solutions.",          icon: Globe,
-          value: "200+",
-          title: "Global Deployments",
-          description: "Trusted by leading brands across continents for innovative digital solutions.",
-          icon: Globe,
         },
       ]}
       title="Unmatched Performance & Reliability"
@@ -284,58 +192,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Johnson",          handle: "@sarah_tech",          testimonial: "NextWeb transformed our outdated platform into a futuristic masterpiece. The animations and user experience are simply unparalleled. Our engagement metrics have skyrocketed!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5108.jpg",          imageAlt: "Sarah Johnson, CEO of Tech Innovations",          icon: Quote,
-          name: "Sarah Johnson",
-          handle: "@sarah_tech",
-          testimonial: "NextWeb transformed our outdated platform into a futuristic masterpiece. The animations and user experience are simply unparalleled. Our engagement metrics have skyrocketed!",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5108.jpg",
-          imageAlt: "Sarah Johnson, CEO of Tech Innovations",
-          icon: Quote,
         },
         {
-          id: "t2",
+          id: "t2",          name: "Michael Chen",          handle: "@mike_innovate",          testimonial: "The attention to detail in NextWeb's design is extraordinary. Every scroll, every button click feels premium. It's truly an award-winning experience.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-programmer-sitting-chair_23-2149101160.jpg",          imageAlt: "Michael Chen, CTO of InnovateX",          icon: Quote,
-          name: "Michael Chen",
-          handle: "@mike_innovate",
-          testimonial: "The attention to detail in NextWeb's design is extraordinary. Every scroll, every button click feels premium. It's truly an award-winning experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-programmer-sitting-chair_23-2149101160.jpg",
-          imageAlt: "Michael Chen, CTO of InnovateX",
-          icon: Quote,
         },
         {
-          id: "t3",
+          id: "t3",          name: "Emily Rodriguez",          handle: "@emily_growth",          testimonial: "From concept to launch, NextWeb exceeded all expectations. Our new product page feels alive, with advanced scroll storytelling that perfectly guides our users.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg",          imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo",          icon: Quote,
-          name: "Emily Rodriguez",
-          handle: "@emily_growth",
-          testimonial: "From concept to launch, NextWeb exceeded all expectations. Our new product page feels alive, with advanced scroll storytelling that perfectly guides our users.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg",
-          imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo",
-          icon: Quote,
         },
         {
-          id: "t4",
+          id: "t4",          name: "David Kim",          handle: "@david_pm",          testimonial: "The performance and responsiveness across devices are flawless. It’s rare to find such a perfect blend of high-end design and robust engineering. Highly recommend NextWeb!",          imageSrc: "http://img.b2bpic.net/free-photo/pieces-puzzle-with-light-bulb-red-background_23-2148342829.jpg",          imageAlt: "David Kim, Product Manager at Nexus Labs",          icon: Quote,
-          name: "David Kim",
-          handle: "@david_pm",
-          testimonial: "The performance and responsiveness across devices are flawless. It’s rare to find such a perfect blend of high-end design and robust engineering. Highly recommend NextWeb!",
-          imageSrc: "http://img.b2bpic.net/free-photo/pieces-puzzle-with-light-bulb-red-background_23-2148342829.jpg",
-          imageAlt: "David Kim, Product Manager at Nexus Labs",
-          icon: Quote,
         },
         {
-          id: "t5",
+          id: "t5",          name: "Jessica Lee",          handle: "@jess_design",          testimonial: "The micro-interactions are subtle yet impactful, making the entire website feel incredibly polished and dynamic. NextWeb's approach to UX is revolutionary.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg",          imageAlt: "Jessica Lee, Lead Designer at Visionary Studios",          icon: Quote,
-          name: "Jessica Lee",
-          handle: "@jess_design",
-          testimonial: "The micro-interactions are subtle yet impactful, making the entire website feel incredibly polished and dynamic. NextWeb's approach to UX is revolutionary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg",
-          imageAlt: "Jessica Lee, Lead Designer at Visionary Studios",
-          icon: Quote,
         },
         {
-          id: "t6",
+          id: "t6",          name: "Mark Foster",          handle: "@mark_dev",          testimonial: "Working with NextWeb has been a game-changer. Their frontend architecture is robust, and the animations are incredibly smooth, even with complex data visualizations.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-guy-using-laptop-outdoor-coffee-shop_1262-18614.jpg",          imageAlt: "Mark Foster, Software Engineer at Global Systems",          icon: Quote,
-          name: "Mark Foster",
-          handle: "@mark_dev",
-          testimonial: "Working with NextWeb has been a game-changer. Their frontend architecture is robust, and the animations are incredibly smooth, even with complex data visualizations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-guy-using-laptop-outdoor-coffee-shop_1262-18614.jpg",
-          imageAlt: "Mark Foster, Software Engineer at Global Systems",
-          icon: Quote,
         },
       ]}
       title="What Our Clients Say"
@@ -352,16 +224,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Synergy Dynamics",
+        "Synergy Dynamics",        "Cognito AI",        "SentinelGuard",        "Nimbus Cloud",        "Quantum Ledger",        "PixelFlow",        "Apex Devs",        "Innovate Solutions",        "Global Reach Tech"]}
-        "Cognito AI",
-        "SentinelGuard",
-        "Nimbus Cloud",
-        "Quantum Ledger",
-        "PixelFlow",
-        "Apex Devs",
-        "Innovate Solutions",
-        "Global Reach Tech",
-      ]}
       title="Trusted by Industry Leaders Worldwide"
       description="Our innovative solutions are chosen by top companies seeking to redefine their digital footprint and achieve unparalleled success."
       tag="Our Partners"
@@ -372,40 +235,21 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What is your design philosophy?",          content: "Our philosophy centers on blending cutting-edge technology with human-centric design principles to create intuitive, impactful, and unforgettable digital experiences."},
-          title: "What is your design philosophy?",
-          content: "Our philosophy centers on blending cutting-edge technology with human-centric design principles to create intuitive, impactful, and unforgettable digital experiences.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How do you ensure premium performance?",          content: "We meticulously optimize animations, images, and component structures, targeting smooth 60 FPS animations and fast loading times across all devices."},
-          title: "How do you ensure premium performance?",
-          content: "We meticulously optimize animations, images, and component structures, targeting smooth 60 FPS animations and fast loading times across all devices.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can you integrate with existing systems?",          content: "Absolutely. Our solutions are designed for seamless integration with your current tech stack, ensuring a smooth transition and enhanced ecosystem without disrupting backend logic."},
-          title: "Can you integrate with existing systems?",
-          content: "Absolutely. Our solutions are designed for seamless integration with your current tech stack, ensuring a smooth transition and enhanced ecosystem without disrupting backend logic.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "What kind of animations do you specialize in?",          content: "We specialize in advanced scroll-based storytelling, object movement on scroll, layered parallax, micro-interactions, and modern text animations, all powered by Framer Motion and ScrollTriggers."},
-          title: "What kind of animations do you specialize in?",
-          content: "We specialize in advanced scroll-based storytelling, object movement on scroll, layered parallax, micro-interactions, and modern text animations, all powered by Framer Motion and ScrollTriggers.",
-        },
         {
-          id: "q5",
+          id: "q5",          title: "How do you approach responsive design?",          content: "We ensure perfect responsiveness across mobile, tablet, desktop, and large screens, addressing overflow issues, layout shifts, and spacing inconsistencies for a consistent premium experience."},
-          title: "How do you approach responsive design?",
-          content: "We ensure perfect responsiveness across mobile, tablet, desktop, and large screens, addressing overflow issues, layout shifts, and spacing inconsistencies for a consistent premium experience.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg"
-      imageAlt="Futuristic human silhouette interacting with a glowing knowledge base"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about our design process, technology, and services."
       tag="Support"
@@ -416,11 +260,10 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Get in Touch"
       title="Ready to Transform Your Digital Presence?"
       description="Partner with NextWeb to craft an award-winning website that captivates your audience and drives unparalleled engagement. Let's build the future together."
@@ -429,6 +272,10 @@ export default function LandingPage() {
       inputPlaceholder="Your professional email"
       buttonText="Start a Project"
       termsText="By clicking 'Start a Project', you agree to our Terms and Conditions and Privacy Policy."
+      mediaAnimation="slide-up"
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/diverse-workforce-discuss-about-data-analytics-financial-report-using-digital-devices-generated-by-ai_188544-23961.jpg"
+      imageAlt="Diverse workforce discussing data analytics"
     />
   </div>
 
@@ -440,41 +287,25 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "#home"},
-              href: "#home",
-            },
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Products",
+              label: "Products",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Support",
+              label: "Support",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}