Merge version_1 into main #1
249
src/app/page.tsx
249
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Analyzer",
|
||||
id: "analyzer",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Analyzer", id: "analyzer" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Community", id: "community" },
|
||||
]}
|
||||
brandName="TruthLayer"
|
||||
/>
|
||||
@@ -53,64 +41,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="See through the noise."
|
||||
description="TruthLayer brings real-time trust verification to your fingertips. Analyze links, identify bias, and protect your digital footprint with AI-driven insights."
|
||||
buttons={[
|
||||
{
|
||||
text: "Analyze Link",
|
||||
href: "#analyzer",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Analyze Link", href: "#analyzer" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-blue-wave-pattern-ignites-futuristic-technology-generated-by-ai_188544-18502.jpg"
|
||||
imageAlt="TruthLayer Dashboard UI"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
alt: "Portrait of handsome young man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",
|
||||
alt: "Close-up woman wearing glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
|
||||
alt: "Smiling man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "black businessman happy expression",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg",
|
||||
alt: "Young beautiful woman with curly hair",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", alt: "Portrait of handsome young man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg", alt: "Close-up woman wearing glasses" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg", alt: "Smiling man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "black businessman happy expression" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg", alt: "Young beautiful woman with curly hair" },
|
||||
]}
|
||||
avatarText="Join 50,000+ analysts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Verification",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deepfake Detection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bias Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scam Prevention",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Integrity",
|
||||
},
|
||||
{ type: "text", text: "Real-time Verification" },
|
||||
{ type: "text", text: "Deepfake Detection" },
|
||||
{ type: "text", text: "Bias Analytics" },
|
||||
{ type: "text", text: "Scam Prevention" },
|
||||
{ type: "text", text: "Data Integrity" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,31 +72,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Real-time Verification",
|
||||
description: "Instant analysis of URLs to determine bias, misinformation, and risk levels.",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Scam Detection",
|
||||
description: "Identify fraudulent job listings and phishing attempts before you interact.",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Deepfake Warnings",
|
||||
description: "AI-powered detection for manipulated media and synthetic content risks.",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
title: "Source Tracing",
|
||||
description: "Verify original publication dates and credibility of news outlets.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Coverage",
|
||||
description: "Monitoring multilingual content streams across the internet.",
|
||||
},
|
||||
{ icon: Zap, title: "Real-time Verification", description: "Instant analysis of URLs to determine bias, misinformation, and risk levels." },
|
||||
{ icon: AlertTriangle, title: "Scam Detection", description: "Identify fraudulent job listings and phishing attempts before you interact." },
|
||||
{ icon: Activity, title: "Deepfake Warnings", description: "AI-powered detection for manipulated media and synthetic content risks." },
|
||||
{ icon: Search, title: "Source Tracing", description: "Verify original publication dates and credibility of news outlets." },
|
||||
{ icon: Globe, title: "Global Coverage", description: "Monitoring multilingual content streams across the internet." },
|
||||
]}
|
||||
title="Advanced Trust Engine"
|
||||
description="Our core analysis engine evaluates the credibility of digital content in seconds."
|
||||
@@ -156,29 +87,12 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Links Analyzed",
|
||||
description: "Verified content entries by our global AI network.",
|
||||
icon: Search,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
title: "Bias Precision",
|
||||
description: "Accuracy in detecting political and emotional bias.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45K+",
|
||||
title: "Community Flags",
|
||||
description: "Verified suspicious activity flagged by our user base.",
|
||||
icon: Flag,
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Links Analyzed", description: "Verified content entries by our global AI network.", icon: Search },
|
||||
{ id: "m2", value: "99.8%", title: "Bias Precision", description: "Accuracy in detecting political and emotional bias.", icon: Activity },
|
||||
{ id: "m3", value: "45K+", title: "Community Flags", description: "Verified suspicious activity flagged by our user base.", icon: Flag },
|
||||
]}
|
||||
title="Platform Analytics"
|
||||
description="Current system capacity and community-driven verification metrics."
|
||||
@@ -191,39 +105,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
tag: "Basic",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "For casual browsers and daily verification.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"50 URLs/mo",
|
||||
"Community access",
|
||||
"Standard analysis",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
description: "For researchers and professional analysts.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Unlimited URLs",
|
||||
"Advanced Bias detection",
|
||||
"Priority API access",
|
||||
"Fraud detection",
|
||||
],
|
||||
},
|
||||
{ id: "free", tag: "Basic", price: "$0", period: "/mo", description: "For casual browsers and daily verification.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["50 URLs/mo", "Community access", "Standard analysis"] },
|
||||
{ id: "pro", tag: "Pro", price: "$29", period: "/mo", description: "For researchers and professional analysts.", button: { text: "Go Pro" }, featuresTitle: "Included", features: ["Unlimited URLs", "Advanced Bias detection", "Priority API access", "Fraud detection"] },
|
||||
]}
|
||||
title="Enterprise Trust Layers"
|
||||
description="Scale your verification needs with our API-ready plans."
|
||||
@@ -235,56 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivera",
|
||||
date: "Oct 2023",
|
||||
title: "Researcher",
|
||||
quote: "TruthLayer saved me hours of fact-checking during my last project.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
date: "Nov 2023",
|
||||
title: "Analyst",
|
||||
quote: "Finally, a way to visualize bias in real-time.",
|
||||
tag: "Trusted",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus V.",
|
||||
date: "Dec 2023",
|
||||
title: "Editor",
|
||||
quote: "The job scam detection feature is worth the subscription alone.",
|
||||
tag: "Pro Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-standing-near-business-centre_176420-5676.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elisa K.",
|
||||
date: "Jan 2024",
|
||||
title: "Journalist",
|
||||
quote: "Indispensable tool for modern digital verification.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-looking-table_23-2147993337.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John Doe",
|
||||
date: "Feb 2024",
|
||||
title: "Student",
|
||||
quote: "Clean, fast, and incredibly useful interface.",
|
||||
tag: "Basic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivera", date: "Oct 2023", title: "Researcher", quote: "TruthLayer saved me hours of fact-checking during my last project.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", date: "Nov 2023", title: "Analyst", quote: "Finally, a way to visualize bias in real-time.", tag: "Trusted", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
|
||||
{ id: "t3", name: "Marcus V.", date: "Dec 2023", title: "Editor", quote: "The job scam detection feature is worth the subscription alone.", tag: "Pro Member", avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-standing-near-business-centre_176420-5676.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg" },
|
||||
{ id: "t4", name: "Elisa K.", date: "Jan 2024", title: "Journalist", quote: "Indispensable tool for modern digital verification.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-looking-table_23-2147993337.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
|
||||
{ id: "t5", name: "John Doe", date: "Feb 2024", title: "Student", quote: "Clean, fast, and incredibly useful interface.", tag: "Basic", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg" },
|
||||
]}
|
||||
title="Community Consensus"
|
||||
description="What our users are saying about content transparency."
|
||||
@@ -294,34 +132,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Early Access"
|
||||
title="Start your journey with TruthLayer"
|
||||
description="Join our beta program and start navigating the internet with complete confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Sales" }, { text: "Join Waitlist" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TruthLayer"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Support", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user