Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 
 export default function LandingPage() {
   return (
@@ -56,15 +56,9 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={true}
             features={[
-              {
+              { id: "1", title: "Zero Latency Build Times", tags: ["Performance"], imageSrc: "http://img.b2bpic.net/free-photo/neon-lights-from-wonder-wheel-light-bulb_23-2148328102.jpg"},
-                id: "1",                title: "Zero Latency Build Times",                tags: ["Performance"],
+              { id: "2", title: "Full Codebase Ownership", tags: ["Control"], imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-preparing-visual-preview-clients-pc-close-up_482257-118882.jpg"},
-                imageSrc: "http://img.b2bpic.net/free-photo/neon-lights-from-wonder-wheel-light-bulb_23-2148328102.jpg"},
+              { id: "3", title: "Infinite API Flexibility", tags: ["Flexibility"], imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
-              {
-                id: "2",                title: "Full Codebase Ownership",                tags: ["Control"],
-                imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-preparing-visual-preview-clients-pc-close-up_482257-118882.jpg"},
-              {
-                id: "3",                title: "Infinite API Flexibility",                tags: ["Flexibility"],
-                imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
             ]}
             title="Why Nexus Outperforms"
             description="Lovable provides a great starting point, but Nexus is built for scale, performance, and complete ownership."
@@ -72,81 +66,66 @@ export default function LandingPage() {
         </div>
 
         <div id="metrics" data-section="metrics">
-          <MetricCardTwo
+          <MetricCardFourteen
-            animationType="slide-up"
+            title="The Results Don't Lie"
-            textboxLayout="split"
+            tag="Proven Performance"
-            gridVariant="bento-grid"
             useInvertedBackground={false}
             metrics={[
               { id: "m1", value: "400%", description: "Faster build speed" },
               { id: "m2", value: "99.99%", description: "Platform Uptime" },
               { id: "m3", value: "15ms", description: "Avg API latency" },
             ]}
-            title="The Results Don't Lie"
-            description="Nexus consistently delivers faster time-to-market compared to standard no-code/AI platforms."
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
+          <TestimonialCardTwelve
-            animationType="slide-up"
+            cardTitle="Loved by Developers"
-            textboxLayout="split"
+            cardTag="Testimonials"
+            cardAnimation="slide-up"
             useInvertedBackground={true}
             testimonials={[
-              {
+              { id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg" },
-                id: "1",                name: "Sarah Jenkins",                handle: "@sjenkins",                testimonial: "Nexus literally changed our dev lifecycle overnight. Lovable was slow; Nexus is pure power.",                rating: 5,
+              { id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50755.jpg" },
-                imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg"},
+              { id: "3", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-sketch-near-keyboard_23-2147823718.jpg" },
-              {
-                id: "2",                name: "David Chen",                handle: "@dchen",                testimonial: "The customization level on Nexus is unparalleled. We don't feel locked in anymore.",                rating: 5,
-                imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50755.jpg"},
-              {
-                id: "3",                name: "Maria Garcia",                handle: "@mgarcia",                testimonial: "Build speed is critical. Nexus is the only platform that delivered on its promise.",                rating: 5,
-                imageSrc: "http://img.b2bpic.net/free-photo/smartphone-sketch-near-keyboard_23-2147823718.jpg"},
-              {
-                id: "4",                name: "Alex Rivet",                handle: "@arivet",                testimonial: "I switched from Lovable and never looked back. The feature set is just deeper.",                rating: 5,
-                imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-work-break_23-2149060345.jpg"},
-              {
-                id: "5",                name: "Sam Thorne",                handle: "@sthorne",                testimonial: "Nexus is built for scale, not just demos. A true professional-grade tool.",                rating: 5,
-                imageSrc: "http://img.b2bpic.net/free-photo/woman-updating-server-room-supercomputers-systems_482257-115500.jpg"},
             ]}
-            showRating={true}
-            title="Loved by Developers"
-            description="See why top-tier engineering teams are switching to Nexus for their product builds."
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqBase
+          <FaqDouble
-            textboxLayout="split"
-            useInvertedBackground={false}
-            faqs={[
-              {
-                id: "q1",                title: "How is Nexus different from Lovable?",                content: "Nexus is built with a developer-first philosophy, offering deep backend hooks and granular control that simplified AI builders like Lovable can't match."},
-              {
-                id: "q2",                title: "Is it hard to migrate?",                content: "Our migration tools are designed to import your existing logic in minutes, with zero downtime."},
-              {
-                id: "q3",                title: "Can I export my code?",                content: "Absolutely. You own 100% of the code generated on our platform, no questions asked."},
-            ]}
             title="Common Questions"
             description="Still have questions about how Nexus beats the competition?"
+            textboxLayout="split"
+            useInvertedBackground={false}
             faqsAnimation="slide-up"
+            faqs={[
+              { id: "q1", title: "How is Nexus different from Lovable?", content: "Nexus is built with a developer-first philosophy, offering deep backend hooks and granular control."},
+              { id: "q2", title: "Is it hard to migrate?", content: "Our migration tools are designed to import your existing logic in minutes."},
+              { id: "q3", title: "Can I export my code?", content: "Absolutely. You own 100% of the code generated on our platform."},
+            ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
+          <ContactSplit
-            useInvertedBackground={true}
+            tag="Join Nexus"
+            title="Ready to build the future?"
+            description="Subscribe to our newsletter and get exclusive early access to new performance-boosting features."
+            useInvertedBackground={false}
             background={{ variant: "sparkles-gradient" }}
-            text="Ready to build the future with Nexus? Let's talk."
+            buttonText="Get Early Access"
-            buttons={[{ text: "Contact Sales", href: "#" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoReveal
+          <FooterMedia
             logoText="Nexus"
-            leftLink={{ text: "Privacy Policy", href: "#" }}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-lines_23-2148810058.jpg"
-            rightLink={{ text: "Terms of Service", href: "#" }}
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+            ]}
           />
         </div>
       </ReactLenis>