Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="CloudFares"
|
||||
/>
|
||||
@@ -56,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Future-Proof Your Infrastructure"
|
||||
description="CloudFares delivers high-performance, secure, and scalable cloud solutions tailored for modern digital ecosystems. Accelerate your deployment with lightning-fast architecture."
|
||||
tag="Next-Gen Cloud Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638913.jpg?_wi=1",
|
||||
imageAlt: "cloud computing tech 3d",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638913.jpg", imageAlt: "cloud computing tech 3d"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg?_wi=1",
|
||||
imageAlt: "server room modern data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105469.jpg",
|
||||
imageAlt: "Technology texture background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301540.jpg",
|
||||
imageAlt: "Optical fiber background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-207.jpg",
|
||||
imageAlt: "Blue light with bokeh effect",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg", imageAlt: "server room modern data"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
label: "Uptime", value: "99.99%"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Security",
|
||||
value: "ISO Certified",
|
||||
},
|
||||
label: "Security", value: "ISO Certified"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Presence",
|
||||
value: "50+ Regions",
|
||||
},
|
||||
label: "Presence", value: "50+ Regions"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -131,26 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hyper-Scale Infrastructure",
|
||||
subtitle: "Expand your reach instantly with global edge nodes.",
|
||||
category: "Infrastructure",
|
||||
value: "Auto-Scale",
|
||||
},
|
||||
id: "f1", title: "Hyper-Scale Infrastructure", subtitle: "Expand your reach instantly with global edge nodes.", category: "Infrastructure", value: "Auto-Scale"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Zero-Trust Security",
|
||||
subtitle: "End-to-end encryption for every packet.",
|
||||
category: "Security",
|
||||
value: "Compliant",
|
||||
},
|
||||
id: "f2", title: "Zero-Trust Security", subtitle: "End-to-end encryption for every packet.", category: "Security", value: "Compliant"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Real-time Analytics",
|
||||
subtitle: "Instant visibility into system performance.",
|
||||
category: "Insights",
|
||||
value: "Real-time",
|
||||
},
|
||||
id: "f3", title: "Real-time Analytics", subtitle: "Instant visibility into system performance.", category: "Insights", value: "Real-time"},
|
||||
]}
|
||||
title="Innovative Cloud Features"
|
||||
description="Powerful capabilities designed to simplify complex cloud environments and maximize your operational efficiency."
|
||||
@@ -165,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500ms",
|
||||
description: "Global Average Latency",
|
||||
},
|
||||
id: "m1", value: "500ms", description: "Global Average Latency"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12 PB",
|
||||
description: "Data Processed Daily",
|
||||
},
|
||||
id: "m2", value: "12 PB", description: "Data Processed Daily"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.99%",
|
||||
description: "Network Reliability",
|
||||
},
|
||||
id: "m3", value: "99.99%", description: "Network Reliability"},
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Quantifiable growth for your digital business."
|
||||
@@ -191,60 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-05",
|
||||
title: "CTO, Fintech Corp",
|
||||
quote: "CloudFares transformed our deployment speed from days to seconds.",
|
||||
tag: "Performance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638913.jpg?_wi=2",
|
||||
imageAlt: "tech executive headshot",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "2024-05", title: "CTO, Fintech Corp", quote: "CloudFares transformed our deployment speed from days to seconds.", tag: "Performance", avatarSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", imageSrc: "http://img.b2bpic.net/free-photo/big-data-cybier-security-database-abstract-concept_1194-638913.jpg", imageAlt: "tech executive headshot"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
date: "2024-06",
|
||||
title: "Head of Ops, E-Shop",
|
||||
quote: "The reliability is unmatched. We haven't had a single minute of downtime.",
|
||||
tag: "Reliability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg?_wi=2",
|
||||
imageAlt: "tech executive headshot",
|
||||
},
|
||||
id: "t2", name: "David Chen", date: "2024-06", title: "Head of Ops, E-Shop", quote: "The reliability is unmatched. We haven't had a single minute of downtime.", tag: "Reliability", avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-data-center-maintaining-large-scale-ai-datasets_482257-124181.jpg", imageAlt: "tech executive headshot"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2024-07",
|
||||
title: "Lead Dev, AppStart",
|
||||
quote: "Scalability is effortless with their intuitive API and dashboard.",
|
||||
tag: "Scalability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-graphic-designer-working-office_158595-1134.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-paper-arrow-with-copy-space_23-2148456134.jpg",
|
||||
imageAlt: "tech executive headshot",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", date: "2024-07", title: "Lead Dev, AppStart", quote: "Scalability is effortless with their intuitive API and dashboard.", tag: "Scalability", avatarSrc: "http://img.b2bpic.net/free-photo/young-graphic-designer-working-office_158595-1134.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-paper-arrow-with-copy-space_23-2148456134.jpg", imageAlt: "tech executive headshot"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
date: "2024-08",
|
||||
title: "Product Mgr, MediaLive",
|
||||
quote: "Cost-effective and robust solution for our streaming needs.",
|
||||
tag: "Cost",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg",
|
||||
imageAlt: "tech executive headshot",
|
||||
},
|
||||
id: "t4", name: "Marcus Thorne", date: "2024-08", title: "Product Mgr, MediaLive", quote: "Cost-effective and robust solution for our streaming needs.", tag: "Cost", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg", imageAlt: "tech executive headshot"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie Wang",
|
||||
date: "2024-09",
|
||||
title: "CEO, DataFlow",
|
||||
quote: "A true partner in our digital transformation journey.",
|
||||
tag: "Partnership",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
|
||||
imageAlt: "tech executive headshot",
|
||||
},
|
||||
id: "t5", name: "Julie Wang", date: "2024-09", title: "CEO, DataFlow", quote: "A true partner in our digital transformation journey.", tag: "Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg", imageAlt: "tech executive headshot"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear how industry leaders are scaling with CloudFares."
|
||||
@@ -256,14 +152,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Intel",
|
||||
"IBM",
|
||||
"Oracle",
|
||||
"Nvidia",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Intel", "IBM", "Oracle", "Nvidia"]}
|
||||
title="Trusted by Global Leaders"
|
||||
description="Partnering with the top companies in tech and innovation."
|
||||
/>
|
||||
@@ -275,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What kind of support is available?",
|
||||
content: "We offer 24/7 dedicated support via phone, email, and live chat for all enterprise clients.",
|
||||
},
|
||||
id: "q1", title: "What kind of support is available?", content: "We offer 24/7 dedicated support via phone, email, and live chat for all enterprise clients."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the infrastructure compliant?",
|
||||
content: "Yes, our data centers are SOC2 Type II, ISO 27001, and HIPAA compliant.",
|
||||
},
|
||||
id: "q2", title: "Is the infrastructure compliant?", content: "Yes, our data centers are SOC2 Type II, ISO 27001, and HIPAA compliant."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I upgrade my plan later?",
|
||||
content: "You can scale resources up or down at any time via the CloudFares dashboard.",
|
||||
},
|
||||
id: "q3", title: "Can I upgrade my plan later?", content: "You can scale resources up or down at any time via the CloudFares dashboard."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to the most common questions about CloudFares services."
|
||||
@@ -300,14 +180,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to scale your business? Let's talk about your cloud infrastructure needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,42 +193,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#careers",
|
||||
},
|
||||
label: "Careers", href: "#careers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Infrastructure",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Infrastructure", href: "#features"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Analytics", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user