Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Product",
|
||||
id: "features",
|
||||
},
|
||||
name: "Product", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Company",
|
||||
id: "about",
|
||||
},
|
||||
name: "Company", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Flowith"
|
||||
/>
|
||||
@@ -59,37 +51,23 @@ export default function LandingPage() {
|
||||
description="Experience the next evolution of intelligent automation. Seamlessly navigate complex tasks with AI-driven precision and speed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Demo", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-modern-background-with-flowing-particles_1048-16341.jpg",
|
||||
alt: "3D modern background with flowing particles",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-modern-background-with-flowing-particles_1048-16341.jpg", alt: "3D modern background with flowing particles"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139330.jpg",
|
||||
alt: "Blurred night lights",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139330.jpg", alt: "Blurred night lights"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg",
|
||||
alt: "3D network technology background with particle waves",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg", alt: "3D network technology background with particle waves"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg",
|
||||
alt: "3D cybernet techno design with flowing lines and floating particles",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg", alt: "3D cybernet techno design with flowing lines and floating particles"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg",
|
||||
alt: "Suzhou financial district at night",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg", alt: "Suzhou financial district at night"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ engineers worldwide"
|
||||
/>
|
||||
@@ -102,19 +80,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Latency reduction",
|
||||
value: "99.9%",
|
||||
},
|
||||
label: "Latency reduction", value: "99.9%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Time saved daily",
|
||||
value: "4.2hrs",
|
||||
},
|
||||
label: "Time saved daily", value: "4.2hrs"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Workflow efficiency",
|
||||
value: "350%",
|
||||
},
|
||||
label: "Workflow efficiency", value: "350%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -122,24 +94,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Processing",
|
||||
description: "Instant data transformation powered by our custom neural engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg",
|
||||
},
|
||||
title: "Real-time Processing", description: "Instant data transformation powered by our custom neural engine.", imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg"},
|
||||
{
|
||||
title: "Secure Infrastructure",
|
||||
description: "Enterprise-grade encryption protecting every byte of your intellectual capital.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg",
|
||||
},
|
||||
title: "Secure Infrastructure", description: "Enterprise-grade encryption protecting every byte of your intellectual capital.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg"},
|
||||
{
|
||||
title: "Seamless Integration",
|
||||
description: "Works with your existing stack from day one without heavy configuration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-web-designer-instagram-stories_23-2150389776.jpg",
|
||||
},
|
||||
title: "Seamless Integration", description: "Works with your existing stack from day one without heavy configuration.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-web-designer-instagram-stories_23-2150389776.jpg"},
|
||||
]}
|
||||
title="Built for Intelligence"
|
||||
description="Our core technology ensures your data remains fluid, accurate, and instantly accessible across all your systems."
|
||||
@@ -151,14 +115,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Global Tech",
|
||||
"Innovate X",
|
||||
"Data Flow",
|
||||
"Nexus AI",
|
||||
"Future Labs",
|
||||
"Cloud Sync",
|
||||
"Secure Flow",
|
||||
]}
|
||||
"Global Tech", "Innovate X", "Data Flow", "Nexus AI", "Future Labs", "Cloud Sync", "Secure Flow"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Industry innovators rely on Flowith to accelerate their digital evolution."
|
||||
/>
|
||||
@@ -166,56 +123,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Everything you need to get started.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
},
|
||||
featuresTitle: "Included features:",
|
||||
features: [
|
||||
"Core automation",
|
||||
"Basic integrations",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", tag: "Essentials", price: "$49", period: "/mo", description: "Everything you need to get started.", button: {
|
||||
text: "Start Now"},
|
||||
featuresTitle: "Included features:", features: [
|
||||
"Core automation", "Basic integrations", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$129",
|
||||
period: "/mo",
|
||||
description: "For scaling teams and complex workflows.",
|
||||
button: {
|
||||
text: "Upgrade Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Advanced neural engine",
|
||||
"Priority support",
|
||||
"Custom connectors",
|
||||
],
|
||||
id: "pro", tag: "Professional", price: "$129", period: "/mo", description: "For scaling teams and complex workflows.", button: {
|
||||
text: "Upgrade Pro"},
|
||||
featuresTitle: "Everything in Basic, plus:", features: [
|
||||
"Advanced neural engine", "Priority support", "Custom connectors"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Enterprise",
|
||||
price: "$499",
|
||||
period: "/mo",
|
||||
description: "Total control for global operations.",
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Unlimited nodes",
|
||||
"Dedicated manager",
|
||||
"On-prem options",
|
||||
],
|
||||
id: "enterprise", tag: "Enterprise", price: "$499", period: "/mo", description: "Total control for global operations.", button: {
|
||||
text: "Contact Sales"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Unlimited nodes", "Dedicated manager", "On-prem options"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -225,63 +153,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Chen",
|
||||
role: "CTO",
|
||||
company: "Global Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-using-computer_171337-15535.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Chen", role: "CTO", company: "Global Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-using-computer_171337-15535.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Lead Engineer",
|
||||
company: "Innovate X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Miller", role: "Lead Engineer", company: "Innovate X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Park",
|
||||
role: "DevOps Lead",
|
||||
company: "Data Flow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-portrait-background_23-2149594637.jpg",
|
||||
},
|
||||
id: "t3", name: "David Park", role: "DevOps Lead", company: "Data Flow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-portrait-background_23-2149594637.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
role: "Product Designer",
|
||||
company: "Nexus AI",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena Rossi", role: "Product Designer", company: "Nexus AI", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Thorne",
|
||||
role: "Architect",
|
||||
company: "Future Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg",
|
||||
},
|
||||
id: "t5", name: "Marcus Thorne", role: "Architect", company: "Future Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1.2M",
|
||||
label: "Ops run daily",
|
||||
},
|
||||
value: "1.2M", label: "Ops run daily"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Happy users",
|
||||
},
|
||||
value: "99%", label: "Happy users"},
|
||||
{
|
||||
value: "15ms",
|
||||
label: "Avg Latency",
|
||||
},
|
||||
value: "15ms", label: "Avg Latency"},
|
||||
]}
|
||||
title="Voices of the Future"
|
||||
description="See why top developers are switching to our automation engine."
|
||||
@@ -293,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is Flowith different?",
|
||||
content: "Flowith uses a custom neural engine that processes data in real-time without the overhead of traditional automation.",
|
||||
},
|
||||
id: "q1", title: "How is Flowith different?", content: "Flowith uses a custom neural engine that processes data in real-time without the overhead of traditional automation."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I integrate my existing stack?",
|
||||
content: "Yes, our API-first approach ensures immediate compatibility with all major industry tools.",
|
||||
},
|
||||
id: "q2", title: "Can I integrate my existing stack?", content: "Yes, our API-first approach ensures immediate compatibility with all major industry tools."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What kind of support is available?",
|
||||
content: "We offer tiered support ranging from standard email to 24/7 dedicated account managers.",
|
||||
},
|
||||
id: "q3", title: "What kind of support is available?", content: "We offer tiered support ranging from standard email to 24/7 dedicated account managers."},
|
||||
]}
|
||||
sideTitle="Questions? Answered."
|
||||
sideDescription="Everything you need to know about starting your Flowith journey."
|
||||
@@ -318,16 +207,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Flow?"
|
||||
title="Join the Intelligent Workflow Revolution"
|
||||
description="Get early access to our platform and start accelerating your development cycles today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Our Team", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,13 +222,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Flowith"
|
||||
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