Update src/app/page.tsx
This commit is contained in:
341
src/app/page.tsx
341
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 FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
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,296 +22,51 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Detection",
|
||||
id: "detection",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="TruthGuard"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="TruthGuard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="TruthGuard"
|
||||
description="Don't let misinformation spread. Instantly verify news, articles, and claims with our AI-powered detection tool."
|
||||
buttons={[
|
||||
{
|
||||
text: "Check News",
|
||||
href: "#detection",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
|
||||
imageAlt="Fake news detection interface"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
title="Check if your news is fake or real"
|
||||
description="Paste your text below to instantly verify its authenticity with our AI-powered analysis tool."
|
||||
tag="AI Verification"
|
||||
inputPlaceholder="Paste news text here..."
|
||||
buttonText="Check"
|
||||
onSubmit={(text: string) => console.log("Checking text:", text)}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="How Our AI Detection Works"
|
||||
description={[
|
||||
"Our advanced algorithm cross-references text against a database of verified sources, fact-checking services, and real-time knowledge graphs.",
|
||||
"We analyze patterns, language sentiment, and source credibility to deliver a reliable authenticity score within seconds.",
|
||||
"Simply paste your text or share a URL to start verifying information today.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get In Touch"
|
||||
title="Still have questions?"
|
||||
description="Reach out to our support team for any inquiries about our verification technology."
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="detection" data-section="detection">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Quick Check",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-elements-collection_1390-153.jpg",
|
||||
},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="TruthGuard"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [{ label: "Home", href: "#home" }]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user