Update src/app/page.tsx

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Landingsite"
     />
@@ -55,15 +47,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Build Your Landing Page in Seconds."
       description="Create high-converting, professional landing pages with our easy-to-use platform. No coding knowledge required."
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg"
     />
@@ -88,20 +77,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Fast Performance",
+          title: "Fast Performance",          description: "Optimized for speed to keep your visitors engaged.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg"},
-          description: "Optimized for speed to keep your visitors engaged.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg",
-        },
         {
-          title: "Secure Infrastructure",
+          title: "Secure Infrastructure",          description: "Enterprise-grade security to protect your data.",          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg"},
-          description: "Enterprise-grade security to protect your data.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg",
-        },
         {
-          title: "Cloud Integration",
+          title: "Cloud Integration",          description: "Seamlessly connect with your favorite services.",          imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-office-desk-with-modern-technology-generated-by-ai_188544-25964.jpg"},
-          description: "Seamlessly connect with your favorite services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-office-desk-with-modern-technology-generated-by-ai_188544-25964.jpg",
-        },
       ]}
       title="Powerful Features"
       description="Everything you need to launch and grow."
@@ -116,25 +96,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "10k+",          title: "Users",          description: "Happy customers.",          icon: Users,
-          value: "10k+",
-          title: "Users",
-          description: "Happy customers.",
-          icon: Users,
         },
         {
-          id: "m2",
+          id: "m2",          value: "99.9%",          title: "Uptime",          description: "Always online.",          icon: Zap,
-          value: "99.9%",
-          title: "Uptime",
-          description: "Always online.",
-          icon: Zap,
         },
         {
-          id: "m3",
+          id: "m3",          value: "24/7",          title: "Support",          description: "Always here.",          icon: Headphones,
-          value: "24/7",
-          title: "Support",
-          description: "Always here.",
-          icon: Headphones,
         },
       ]}
       title="By The Numbers"
@@ -149,40 +117,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah",          handle: "@sarah",          testimonial: "Best tool I've used.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg"},
-          name: "Sarah",
-          handle: "@sarah",
-          testimonial: "Best tool I've used.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Mike",          handle: "@mike",          testimonial: "Incredible features.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
-          name: "Mike",
-          handle: "@mike",
-          testimonial: "Incredible features.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Elena",          handle: "@elena",          testimonial: "Fast and reliable.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg"},
-          name: "Elena",
-          handle: "@elena",
-          testimonial: "Fast and reliable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David",          handle: "@david",          testimonial: "Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
-          name: "David",
-          handle: "@david",
-          testimonial: "Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Jane",          handle: "@jane",          testimonial: "Simple and effective.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
-          name: "Jane",
-          handle: "@jane",
-          testimonial: "Simple and effective.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-        },
       ]}
       title="Trusted by Experts"
       description="See why professionals love Landingsite."
@@ -190,76 +133,52 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is it free?",          content: "Yes, we offer a free tier."},
-          title: "Is it free?",
-          content: "Yes, we offer a free tier.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How to scale?",          content: "Check out our pricing plans."},
-          title: "How to scale?",
-          content: "Check out our pricing plans.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Is support provided?",          content: "We offer 24/7 support."},
-          title: "Is support provided?",
-          content: "We offer 24/7 support.",
-        },
       ]}
       title="Common Questions"
       description="Find answers to your questions."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/question-mark-wood-blocks-yellow-background_23-2148464309.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contact Us"
       title="Ready to launch?"
       description="Get in touch today and start your journey."
-      buttons={[
+      inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Name" },
-          text: "Contact Us",
+        { name: "email", type: "email", placeholder: "Email" },
-          href: "#",
-        },
       ]}
+      textarea={{ name: "message", placeholder: "How can we help you?" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterSimple
-      logoText="Landingsite"
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [{ label: "Features", href: "#features" }],
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-          ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [{ label: "Help", href: "#" }],
-          items: [
-            {
-              label: "Help",
-              href: "#",
-            },
-          ],
         },
       ]}
+      bottomLeftText="© 2025 | Landingsite"
+      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}