bender/6741ff40-0236-41db-b803-49538f904dbc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 3 commits from version_2 into main 2026-05-24 07:59:56 +00:00
Conversation 0 Commits 3 Files Changed 3 +47 -139
3 changed files with 47 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
src/app/page.tsx
View File

@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Cloudflare Shield"
/>
@@ -52,35 +46,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Unmatched Performance and Security"
description="Protecting your digital presence with cutting-edge security services designed to stop malicious bots and ensure your site is always available."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/internet-security-system_53876-167125.jpg",
imageAlt: "Security Shield",
},
imageSrc: "http://img.b2bpic.net/free-photo/internet-security-system_53876-167125.jpg", imageAlt: "Security Shield"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg",
imageAlt: "Data Protection",
},
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg", imageAlt: "Data Protection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-lock-hologram-desk-with-laptop_23-2152029068.jpg",
imageAlt: "Network Safety",
},
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-lock-hologram-desk-with-laptop_23-2152029068.jpg", imageAlt: "Network Safety"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg",
imageAlt: "Cyber Resilience",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg", imageAlt: "Cyber Resilience"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
imageAlt: "Global Infrastructure",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg", imageAlt: "Global Infrastructure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg",
imageAlt: "Bot Protection",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg", imageAlt: "Bot Protection"},
]}
/>
</div>
@@ -90,9 +71,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="About Our Security Service"
description={[
"We provide robust security services to protect your applications from malicious bots, scrapers, and automated threats.",
"Our platform leverages advanced AI and global network traffic analysis to ensure verification success while optimizing performance.",
]}
"We provide robust security services to protect your applications from malicious bots, scrapers, and automated threats.", "Our platform leverages advanced AI and global network traffic analysis to ensure verification success while optimizing performance."]}
/>
</div>
@@ -103,32 +82,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Advanced Bot Detection",
tags: [
"AI",
"Protection",
],
imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg",
},
id: "f1", title: "Advanced Bot Detection", tags: [
"AI", "Protection"],
imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg"},
{
id: "f2",
title: "Global Infrastructure",
tags: [
"Cloud",
"Scale",
],
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-preserving-critical-datasets-required-artificial-intelligence_482257-124539.jpg",
},
id: "f2", title: "Global Infrastructure", tags: [
"Cloud", "Scale"],
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-preserving-critical-datasets-required-artificial-intelligence_482257-124539.jpg"},
{
id: "f3",
title: "Data Encryption",
tags: [
"Secure",
"Compliance",
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-lock-white-surface-with-binary-code-it-concept-cybersecurity_181624-12311.jpg",
},
id: "f3", title: "Data Encryption", tags: [
"Secure", "Compliance"],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-lock-white-surface-with-binary-code-it-concept-cybersecurity_181624-12311.jpg"},
]}
title="Powerful Defense Mechanisms"
description="Equipped with industry-leading technology to keep your digital environment secure."
@@ -142,22 +106,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Blocks",
value: "10B+",
icon: Shield,
id: "m1", title: "Blocks", value: "10B+", icon: Shield,
},
{
id: "m2",
title: "Latency",
value: "15ms",
icon: Zap,
id: "m2", title: "Latency", value: "15ms", icon: Zap,
},
{
id: "m3",
title: "Uptime",
value: "99.99%",
icon: Award,
id: "m3", title: "Uptime", value: "99.99%", icon: Award,
},
]}
title="Global Impact Metrics"
@@ -171,45 +126,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Highly Effective",
quote: "The bot protection is simply unmatched. We saw immediate results.",
name: "Alex Smith",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg",
},
id: "t1", title: "Highly Effective", quote: "The bot protection is simply unmatched. We saw immediate results.", name: "Alex Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg"},
{
id: "t2",
title: "Performance Boost",
quote: "Not only secure, but our load times have never been faster.",
name: "Maria Garcia",
role: "Lead Dev",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
},
id: "t2", title: "Performance Boost", quote: "Not only secure, but our load times have never been faster.", name: "Maria Garcia", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
{
id: "t3",
title: "Rock Solid",
quote: "Reliable, robust, and essential for our enterprise architecture.",
name: "John Doe",
role: "IT Manager",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg",
},
id: "t3", title: "Rock Solid", quote: "Reliable, robust, and essential for our enterprise architecture.", name: "John Doe", role: "IT Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg"},
{
id: "t4",
title: "Great Support",
quote: "The support team helped us integrate seamlessly.",
name: "Sarah Lee",
role: "Security Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
},
id: "t4", title: "Great Support", quote: "The support team helped us integrate seamlessly.", name: "Sarah Lee", role: "Security Analyst", imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg"},
{
id: "t5",
title: "Game Changer",
quote: "We finally have peace of mind regarding our data integrity.",
name: "David Wang",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
},
id: "t5", title: "Game Changer", quote: "We finally have peace of mind regarding our data integrity.", name: "David Wang", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg"},
]}
title="What Our Clients Say"
description="Experience secure web browsing and robust defense systems."
@@ -221,14 +146,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Microsoft",
"Google",
"AWS",
"Oracle",
"IBM",
"Intel",
"Adobe",
]}
"Microsoft", "Google", "AWS", "Oracle", "IBM", "Intel", "Adobe"]}
title="Trusted Global Brands"
description="Leading tech enterprises choose our security platform."
/>
@@ -240,20 +158,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How does it work?",
content: "Our platform verifies requests in milliseconds.",
},
id: "q1", title: "How does it work?", content: "Our platform verifies requests in milliseconds."},
{
id: "q2",
title: "Is it secure?",
content: "Security is our primary commitment with state-of-the-art encryption.",
},
id: "q2", title: "Is it secure?", content: "Security is our primary commitment with state-of-the-art encryption."},
{
id: "q3",
title: "Can I integrate easily?",
content: "Integration takes minutes with our robust API suite.",
},
id: "q3", title: "Can I integrate easily?", content: "Integration takes minutes with our robust API suite."},
{
id: "q4", title: "What happens if I need support?", content: "We offer 24/7 dedicated support to assist with your integration needs."},
{
id: "q5", title: "Is there a legal disclaimer?", content: "All use is subject to our standard Terms of Service and Privacy Policy, available at the footer."}
]}
title="Frequently Asked Questions"
description="Everything you need to know about our security verification."
@@ -265,11 +178,10 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact"
title="Get Started with Security"
description="Ready to protect your digital environment? Sign up today."
description="Ready to protect your digital environment? Fill out this inquiry form and our experts will contact you."
imageSrc="http://img.b2bpic.net/free-photo/top-view-lock-with-password-keyboard_23-2148578100.jpg"
mediaAnimation="slide-up"
/>
@@ -279,16 +191,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Cloudflare Shield"
leftLink={{
text: "Privacy",
href: "/privacy",
}}
text: "Privacy Policy", href: "/privacy"}}
rightLink={{
text: "Terms",
href: "/terms",
}}
text: "Terms of Service", href: "/terms"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-poppins), sans-serif;
font-family: var(--font-rubik), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-poppins), sans-serif;
font-family: var(--font-rubik), sans-serif;
}

8
src/app/styles/variables.css
View File

@@ -13,12 +13,12 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--primary-cta: #15479c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c;
--accent: #e63946;
--background-accent: #e8bea8;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);