bender/02fc9584-4632-4dee-bb5b-ef513e669d0e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-17 09:56:35 +00:00
parent c961c40d6b
commit 1afe3b0873
1 changed files with 53 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/page.tsx
View File

@@ -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>