Merge version_2 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -31,21 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Chat AI", id: "#chat"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Coo-GPT"
|
||||
/>
|
||||
@@ -54,17 +48,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Coo-GPT"
|
||||
description="Don't gamble with your digital safety. Get an AI-powered overview of any website's security status in seconds."
|
||||
description="Don't gamble with your digital safety. Get an AI-powered overview of any website's security status in seconds or start a conversation with our security advisor."
|
||||
buttons={[
|
||||
{
|
||||
text: "Check a Website",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Check a Website", href: "#features"},
|
||||
{
|
||||
text: "Launch AI Chat", href: "#chat"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cl2rw3&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="chat" data-section="chat" className="py-20">
|
||||
<div className="max-w-4xl mx-auto p-8 border rounded-xl shadow-lg bg-background-accent">
|
||||
<h2 className="text-3xl font-bold mb-6">AI Security Advisor</h2>
|
||||
<p className="mb-8">Ask our security AI about potential threats or safe browsing practices.</p>
|
||||
<div className="h-96 bg-background rounded-lg border flex items-center justify-center p-4">
|
||||
<p className="text-muted">AI Chat Interface Integration Placeholder</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
@@ -72,17 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hidden malicious scripts",
|
||||
"Domain impersonation",
|
||||
"Data harvesting tactics",
|
||||
],
|
||||
"Hidden malicious scripts", "Domain impersonation", "Data harvesting tactics"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time threat detection",
|
||||
"Instant site overview",
|
||||
"Detailed security report",
|
||||
],
|
||||
"Real-time threat detection", "Instant site overview", "Detailed security report"],
|
||||
}}
|
||||
title="Why Choose Coo-GPT?"
|
||||
description="We analyze URL structure, suspicious scripts, and domain age to determine site safety."
|
||||
@@ -96,20 +94,11 @@ export default function LandingPage() {
|
||||
tag="SECURITY METRICS"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
description: "Websites Analyzed",
|
||||
},
|
||||
id: "m1", value: "1M+", description: "Websites Analyzed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Accuracy Rate",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Accuracy Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15ms",
|
||||
description: "Detection Speed",
|
||||
},
|
||||
id: "m3", value: "15ms", description: "Detection Speed"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -120,14 +109,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"CyberShield Inc",
|
||||
"SecureNet Pro",
|
||||
"Digital Guardian",
|
||||
"SafeWeb Labs",
|
||||
"ThreatWatch AI",
|
||||
"Global Security",
|
||||
"TechDefense Group",
|
||||
]}
|
||||
"CyberShield Inc", "SecureNet Pro", "Digital Guardian", "SafeWeb Labs", "ThreatWatch AI", "Global Security", "TechDefense Group"]}
|
||||
title="Trusted by Experts"
|
||||
description="Our AI is refined by top cybersecurity analysts."
|
||||
/>
|
||||
@@ -140,50 +122,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicesec",
|
||||
testimonial: "Coo-GPT saved me from a massive phishing attempt yesterday. Essential tool.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rq8a8z",
|
||||
imageAlt: "website safety inspection icon",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", handle: "@alicesec", testimonial: "Coo-GPT saved me from a massive phishing attempt yesterday. Essential tool.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rq8a8z", imageAlt: "website safety inspection icon"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bobtech",
|
||||
testimonial: "Incredibly fast and accurate. I use it for every new link I receive.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cl2rw3&_wi=2",
|
||||
imageAlt: "website safety inspection icon",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", handle: "@bobtech", testimonial: "Incredibly fast and accurate. I use it for every new link I receive.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cl2rw3&_wi=2", imageAlt: "website safety inspection icon"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Lee",
|
||||
handle: "@cleedev",
|
||||
testimonial: "The overview it gives is perfect for quick sanity checks.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iq549z",
|
||||
imageAlt: "website safety inspection icon",
|
||||
},
|
||||
id: "t3", name: "Charlie Lee", handle: "@cleedev", testimonial: "The overview it gives is perfect for quick sanity checks.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iq549z", imageAlt: "website safety inspection icon"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
handle: "@dianaq",
|
||||
testimonial: "A must-have for anyone browsing the web frequently.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i2jqx8",
|
||||
imageAlt: "website safety inspection icon",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", handle: "@dianaq", testimonial: "A must-have for anyone browsing the web frequently.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i2jqx8", imageAlt: "website safety inspection icon"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Norton",
|
||||
handle: "@ednort",
|
||||
testimonial: "Reliable, fast, and simple. Does exactly what it promises.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2wvj2&_wi=1",
|
||||
imageAlt: "website safety inspection icon",
|
||||
},
|
||||
id: "t5", name: "Edward Norton", handle: "@ednort", testimonial: "Reliable, fast, and simple. Does exactly what it promises.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2wvj2&_wi=1", imageAlt: "website safety inspection icon"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="User Reviews"
|
||||
@@ -196,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does it work?",
|
||||
content: "Our AI cross-references URLs against threat databases and analyzes page behavior.",
|
||||
},
|
||||
id: "q1", title: "How does it work?", content: "Our AI cross-references URLs against threat databases and analyzes page behavior."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free?",
|
||||
content: "Basic analysis is free for everyone.",
|
||||
},
|
||||
id: "q2", title: "Is it free?", content: "Basic analysis is free for everyone."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I trust the result?",
|
||||
content: "Our engine maintains a 99.9% accuracy rate based on current threat vectors.",
|
||||
},
|
||||
id: "q3", title: "Can I trust the result?", content: "Our engine maintains a 99.9% accuracy rate based on current threat vectors."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="How Coo-GPT keeps you safe."
|
||||
@@ -224,22 +167,14 @@ export default function LandingPage() {
|
||||
description="Have questions or feedback? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z2wvj2&_wi=2"
|
||||
/>
|
||||
</div>
|
||||
@@ -248,13 +183,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Coo-GPT"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user