Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterBase from '@/components/sections/footer/FooterBase';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSignup from '@/components/sections/hero/HeroSignup';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
   return (
@@ -28,295 +22,52 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+          <NavbarStyleCentered
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "home" },
-          name: "Home",
+              { name: "Contact", id: "contact" }
-          id: "home",
+            ]}
-        },
+            brandName="TruthGuard"
-        {
+          />
-          name: "How it Works",
+        </div>
-          id: "about",
-        },
-        {
-          name: "Detection",
-          id: "detection",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="TruthGuard"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroLogo
+          <HeroSignup
-      logoText="TruthGuard"
+            title="Check if your news is fake or real"
-      description="Don't let misinformation spread. Instantly verify news, articles, and claims with our AI-powered detection tool."
+            description="Paste your text below to instantly verify its authenticity with our AI-powered analysis tool."
-      buttons={[
+            tag="AI Verification"
-        {
+            inputPlaceholder="Paste news text here..."
-          text: "Check News",
+            buttonText="Check"
-          href: "#detection",
+            onSubmit={(text: string) => console.log("Checking text:", text)}
-        },
+            background={{ variant: "sparkles-gradient" }}
-      ]}
+          />
-      buttonAnimation="slide-up"
+        </div>
-      imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
-      imageAlt="Fake news detection interface"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="contact" data-section="contact">
-      <TextSplitAbout
+          <ContactCTA
-      useInvertedBackground={true}
+            tag="Get In Touch"
-      title="How Our AI Detection Works"
+            title="Still have questions?"
-      description={[
+            description="Reach out to our support team for any inquiries about our verification technology."
-        "Our advanced algorithm cross-references text against a database of verified sources, fact-checking services, and real-time knowledge graphs.",
+            buttons={[{ text: "Contact Support", href: "#" }]}
-        "We analyze patterns, language sentiment, and source credibility to deliver a reliable authenticity score within seconds.",
+            background={{ variant: "plain" }}
-        "Simply paste your text or share a URL to start verifying information today.",
+            useInvertedBackground={false}
-      ]}
+          />
-    />
+        </div>
-  </div>
 
-  <div id="detection" data-section="detection">
+        <div id="footer" data-section="footer">
-      <ProductCardThree
+          <FooterBase
-      animationType="slide-up"
+            logoText="TruthGuard"
-      textboxLayout="split-description"
+            columns={[
-      gridVariant="three-columns-all-equal-width"
+              {
-      useInvertedBackground={false}
+                title: "Product",                items: [{ label: "Home", href: "#home" }]
-      products={[
+              },
-        {
+              {
-          id: "1",
+                title: "Support",                items: [{ label: "Contact", href: "#contact" }]
-          name: "Quick Check",
+              }
-          price: "Free",
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-vector/web-elements-collection_1390-153.jpg",
+          />
-        },
+        </div>
-        {
-          id: "2",
-          name: "Deep Scan",
-          price: "$15",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-used-by-data-center-system-administrators-using-ai-tech-close-up_482257-119896.jpg",
-        },
-        {
-          id: "3",
-          name: "Business API",
-          price: "$99",
-          imageSrc: "http://img.b2bpic.net/free-photo/e-book-online-learning-education-knowledge-graphic_53876-147672.jpg",
-        },
-        {
-          id: "4",
-          name: "Enterprise Monitor",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
-        },
-        {
-          id: "5",
-          name: "Journalism Tools",
-          price: "$49",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149204336.jpg",
-        },
-        {
-          id: "6",
-          name: "Academic Access",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg",
-        },
-      ]}
-      title="Start Verifying"
-      description="Choose your verification plan and start clearing your feed of misinformation."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.8%",
-          title: "Accuracy Rate",
-          description: "Proven detection precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
-        },
-        {
-          id: "m2",
-          value: "1.2M",
-          title: "Checks Completed",
-          description: "Verification requests daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Verified Sources",
-          description: "Trusted global databases",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
-        },
-      ]}
-      title="Detection Performance"
-      description="Our AI is trusted by journalists and researchers worldwide to uncover truth."
-    />
-  </div>
-
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Global News",
-        "Tech Guardian",
-        "Media Insight",
-        "Truth Seekers",
-        "Data Integrity Inc",
-        "Press Freedom Lab",
-        "FactCheck Union",
-      ]}
-      title="Trusted By Global Media"
-      description="We partner with leading organizations to fight the spread of disinformation."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="TruthGuard revolutionized how we verify content in our daily newsroom. It is fast, reliable, and incredibly simple to integrate into our workflow."
-      rating={5}
-      author="Sarah Jenkins, Editor-in-Chief"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/focused-woman-manager-typing-laptop-browsing-internet-while-sitting-desk-concentrated-having-multitasks-multiethnic-coworkers-talking-about-startup-financial-company-modern-office_482257-13892.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
-          alt: "User 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How does detection work?",
-          content: "Our AI utilizes NLP and machine learning models to analyze patterns of misinformation.",
-        },
-        {
-          id: "q2",
-          title: "Is it free to use?",
-          content: "We offer a free tier for individual quick checks and premium tiers for advanced analysis.",
-        },
-        {
-          id: "q3",
-          title: "Can you check videos?",
-          content: "Our basic tool checks text, but premium plans include image and video metadata analysis.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our detection tools and technology."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Contact"
-      title="Need Help Verifying?"
-      description="Join our newsletter or contact our team for enterprise integrations and bulk verification access."
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-background-flowing-blue-waves_1048-15817.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-pink-neon-led-light-effect_53876-103788.jpg"
-      logoText="TruthGuard"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Detection Tool",
-              href: "#detection",
-            },
-            {
-              label: "Enterprise",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#detection",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "API Guides",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Legal",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );