bender/80be882c-d827-4487-856e-635d79c5b12d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 22:07:26 +00:00
Conversation 0 Commits 1 Files Changed 1 +63 -359
1 changed files with 63 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

422
src/app/page.tsx
View File

@@ -21,27 +21,22 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="EcoFlow"
/>
@@ -49,109 +44,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "cell-wave",
}}
background={{ variant: "cell-wave" }}
title="Sustainable Intelligence for Modern Scaling"
description="Unlock efficiency with AI-driven resource management. EcoFlow helps your business grow smarter, not harder, by reducing energy footprint and optimizing operational workflows."
testimonials={[
{
name: "Alex Rivet",
handle: "@alexrivet",
testimonial: "EcoFlow revolutionized our efficiency standards.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-connecting-dots-lines_1048-5675.jpg?_wi=1",
imageAlt: "sustainable software dashboard",
},
{
name: "Sarah Chen",
handle: "@schen",
testimonial: "The best sustainable management platform ever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-technological-background_23-2148882606.jpg?_wi=1",
imageAlt: "sustainable software dashboard",
},
{
name: "Liam Scott",
handle: "@lscott",
testimonial: "Simple, clean, and incredibly powerful impact.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/20-coding-app-development-blue-color-icon-pack-like-artificial-robot-layout-approval-app_1142-15494.jpg?_wi=1",
imageAlt: "sustainable software dashboard",
},
{
name: "Maria Lopez",
handle: "@mlopez",
testimonial: "Sustainable growth is now reachable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg?_wi=1",
imageAlt: "sustainable software dashboard",
},
{
name: "Kenji Sato",
handle: "@ksato",
testimonial: "Absolutely essential tool for our startup.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7a2kb6&_wi=1",
imageAlt: "sustainable software dashboard",
},
{ name: "Alex Rivet", handle: "@alexrivet", testimonial: "EcoFlow revolutionized our efficiency standards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-connecting-dots-lines_1048-5675.jpg", imageAlt: "sustainable software dashboard" },
{ name: "Sarah Chen", handle: "@schen", testimonial: "The best sustainable management platform ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-technological-background_23-2148882606.jpg", imageAlt: "sustainable software dashboard" },
{ name: "Liam Scott", handle: "@lscott", testimonial: "Simple, clean, and incredibly powerful impact.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/20-coding-app-development-blue-color-icon-pack-like-artificial-robot-layout-approval-app_1142-15494.jpg", imageAlt: "sustainable software dashboard" },
{ name: "Maria Lopez", handle: "@mlopez", testimonial: "Sustainable growth is now reachable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "sustainable software dashboard" },
{ name: "Kenji Sato", handle: "@ksato", testimonial: "Absolutely essential tool for our startup.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7a2kb6", imageAlt: "sustainable software dashboard" },
]}
buttons={[
{
text: "Start Free Trial",
href: "#pricing",
},
{
text: "Request Demo",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-connecting-dots-lines_1048-5675.jpg?_wi=2"
buttons={[{ text: "Start Free Trial", href: "#pricing" }, { text: "Request Demo", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-connecting-dots-lines_1048-5675.jpg"
imageAlt="sustainable software dashboard"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-green-background-from-brilliant-mosaic-pattern-generative-ai_169016-30204.jpg",
alt: "Abstract green background from a brilliant mosaic pattern generative AI",
},
{
src: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg",
alt: "Blurred lights background",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-green-peacock-feather-with-clear-water-drop-against-black-backdrop_23-2148114592.jpg",
alt: "A pretty green peacock feather with a clear water drop against black backdrop",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-green-background-from-brilliant-mosaic-pattern-generative-ai_169016-30202.jpg",
alt: "Abstract green background from a brilliant mosaic pattern generative AI",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-background-with-connecting-dots-lines_1048-5675.jpg",
alt: "Abstract green background from a brilliant mosaic pattern generative AI",
},
{ src: "http://img.b2bpic.net/free-photo/abstract-green-background-from-brilliant-mosaic-pattern-generative-ai_169016-30204.jpg", alt: "Abstract green background" },
{ src: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg", alt: "Blurred lights background" },
{ src: "http://img.b2bpic.net/free-photo/pretty-green-peacock-feather-with-clear-water-drop-against-black-backdrop_23-2148114592.jpg", alt: "Peacock feather" },
{ src: "http://img.b2bpic.net/free-photo/abstract-green-background-from-brilliant-mosaic-pattern-generative-ai_169016-30202.jpg", alt: "Abstract green background" },
{ src: "http://img.b2bpic.net/free-photo/abstract-background-with-connecting-dots-lines_1048-5675.jpg", alt: "Abstract background" },
]}
marqueeItems={[
{
type: "text",
text: "Cloud Infrastructure",
},
{
type: "text",
text: "Carbon Neutral",
},
{
type: "text",
text: "Sustainable Growth",
},
{
type: "text",
text: "AI Optimization",
},
{
type: "text",
text: "Real-time Metrics",
},
{ type: "text", text: "Cloud Infrastructure" },
{ type: "text", text: "Carbon Neutral" },
{ type: "text", text: "Sustainable Growth" },
{ type: "text", text: "AI Optimization" },
{ type: "text", text: "Real-time Metrics" },
]}
/>
</div>
@@ -161,7 +80,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Built for a Greener Tomorrow"
description="We believe technology should serve people and the planet. By optimizing data centers and supply chains, EcoFlow reduces carbon intensity while maximizing operational ROI."
imageSrc="http://img.b2bpic.net/free-photo/close-up-green-technological-background_23-2148882606.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-green-technological-background_23-2148882606.jpg"
imageAlt="plant growing through circuit board"
/>
</div>
@@ -172,21 +91,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "Real-time Metrics",
description: "Monitor your footprint in real-time with granular AI insights.",
},
{
icon: Leaf,
title: "Carbon Offset Engine",
description: "Automatically offset your emissions based on usage data.",
},
{
icon: ShieldCheck,
title: "Security First",
description: "Enterprise-grade protection for your sensitive environmental data.",
},
{ icon: Zap, title: "Real-time Metrics", description: "Monitor your footprint in real-time with granular AI insights." },
{ icon: Leaf, title: "Carbon Offset Engine", description: "Automatically offset your emissions based on usage data." },
{ icon: ShieldCheck, title: "Security First", description: "Enterprise-grade protection for your sensitive environmental data." },
]}
title="Features That Drive Impact"
description="Powerful tools to manage your environmental footprint."
@@ -200,60 +107,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "EcoFlow",
name: "Essentials Suite",
price: "$49",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-vector/20-coding-app-development-blue-color-icon-pack-like-artificial-robot-layout-approval-app_1142-15494.jpg?_wi=2",
},
{
id: "p2",
brand: "EcoFlow",
name: "Growth Pro",
price: "$129",
rating: 5,
reviewCount: "2.1k",
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg?_wi=2",
},
{
id: "p3",
brand: "EcoFlow",
name: "Enterprise Grid",
price: "$399",
rating: 5,
reviewCount: "3.5k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7a2kb6&_wi=2",
},
{
id: "p4",
brand: "EcoFlow",
name: "Advanced Data",
price: "$199",
rating: 5,
reviewCount: "4.2k",
imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg",
},
{
id: "p5",
brand: "EcoFlow",
name: "Carbon Intel",
price: "$299",
rating: 5,
reviewCount: "2.8k",
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762865.jpg",
},
{
id: "p6",
brand: "EcoFlow",
name: "Supply Optimizer",
price: "$89",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/save-sign-front-side_187299-39661.jpg",
},
{ id: "p1", brand: "EcoFlow", name: "Essentials Suite", price: "$49", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/20-coding-app-development-blue-color-icon-pack-like-artificial-robot-layout-approval-app_1142-15494.jpg" },
{ id: "p2", brand: "EcoFlow", name: "Growth Pro", price: "$129", rating: 5, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg" },
{ id: "p3", brand: "EcoFlow", name: "Enterprise Grid", price: "$399", rating: 5, reviewCount: "3.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7a2kb6" },
{ id: "p4", brand: "EcoFlow", name: "Advanced Data", price: "$199", rating: 5, reviewCount: "4.2k", imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg" },
{ id: "p5", brand: "EcoFlow", name: "Carbon Intel", price: "$299", rating: 5, reviewCount: "2.8k", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762865.jpg" },
{ id: "p6", brand: "EcoFlow", name: "Supply Optimizer", price: "$89", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/save-sign-front-side_187299-39661.jpg" },
]}
title="Our Core Solutions"
description="Select the right plan for your business footprint."
@@ -266,54 +125,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Starter",
price: "$49",
period: "/mo",
description: "Small footprints.",
button: {
text: "Choose Basic",
},
featuresTitle: "Included Features",
features: [
"Real-time monitoring",
"Basic reporting",
"Email support",
],
},
{
id: "pro",
tag: "Professional",
price: "$129",
period: "/mo",
description: "Growing footprints.",
button: {
text: "Choose Pro",
},
featuresTitle: "Included Features",
features: [
"Advanced analytics",
"Offset Engine",
"Priority support",
],
},
{
id: "enterprise",
tag: "Enterprise",
price: "$399",
period: "/mo",
description: "Maximum control.",
button: {
text: "Choose Enterprise",
},
featuresTitle: "Included Features",
features: [
"Enterprise API access",
"Dedicated manager",
"Custom footprint model",
],
},
{ id: "basic", tag: "Starter", price: "$49", period: "/mo", description: "Small footprints.", button: { text: "Choose Basic" }, featuresTitle: "Included Features", features: ["Real-time monitoring", "Basic reporting", "Email support"] },
{ id: "pro", tag: "Professional", price: "$129", period: "/mo", description: "Growing footprints.", button: { text: "Choose Pro" }, featuresTitle: "Included Features", features: ["Advanced analytics", "Offset Engine", "Priority support"] },
{ id: "enterprise", tag: "Enterprise", price: "$399", period: "/mo", description: "Maximum control.", button: { text: "Choose Enterprise" }, featuresTitle: "Included Features", features: ["Enterprise API access", "Dedicated manager", "Custom footprint model"] },
]}
title="Simple Pricing"
description="Choose a plan that fits your carbon neutral goals."
@@ -326,30 +140,12 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500k",
title: "Kg CO2 Saved",
description: "Emission reductions across our platform.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-tablet_23-2149557251.jpg",
},
{
id: "m2",
value: "120+",
title: "Corporate Partners",
description: "Organizations using our tech daily.",
imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg",
},
{
id: "m3",
value: "99.9%",
title: "Accuracy Rate",
description: "Carbon tracking measurement precision.",
imageSrc: "http://img.b2bpic.net/free-vector/20-ux-ui-blue-color-icon-pack-like-list-vision-parameters-monitoring-volume_1142-24669.jpg",
},
{ id: "m1", value: "500k", title: "Kg CO2 Saved", description: "Emission reductions.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-tablet_23-2149557251.jpg" },
{ id: "m2", value: "120+", title: "Corporate Partners", description: "Organizations using our tech.", imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg" },
{ id: "m3", value: "99.9%", title: "Accuracy Rate", description: "Precision tracking.", imageSrc: "http://img.b2bpic.net/free-vector/20-ux-ui-blue-color-icon-pack-like-list-vision-parameters-monitoring-volume_1142-24669.jpg" },
]}
title="Our Impact at Scale"
description="Driving change globally through intelligent software solutions."
description="Driving change globally."
/>
</div>
@@ -360,46 +156,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice Johnson",
role: "CEO",
company: "GreenScale",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-coat-using-phone_1303-11085.jpg",
},
{
id: "t2",
name: "Bob Smith",
role: "CTO",
company: "EcoTech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
},
{
id: "t3",
name: "Carla Diaz",
role: "Head of Sustainability",
company: "GlobalSupply",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-military-general-portrait_23-2149222043.jpg",
},
{
id: "t4",
name: "David Wu",
role: "Manager",
company: "FutureBuild",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18984.jpg",
},
{
id: "t5",
name: "Elena Rossi",
role: "Director",
company: "GreenFlow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg",
},
{ id: "t1", name: "Alice Johnson", role: "CEO", company: "GreenScale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-coat-using-phone_1303-11085.jpg" },
{ id: "t2", name: "Bob Smith", role: "CTO", company: "EcoTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg" },
{ id: "t3", name: "Carla Diaz", role: "Head of Sustainability", company: "GlobalSupply", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-military-general-portrait_23-2149222043.jpg" },
{ id: "t4", name: "David Wu", role: "Manager", company: "FutureBuild", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18984.jpg" },
{ id: "t5", name: "Elena Rossi", role: "Director", company: "GreenFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg" },
]}
title="Customer Stories"
description="See how industry leaders are achieving their sustainability targets."
@@ -411,26 +172,14 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How does integration work?",
content: "Our API integrates seamlessly within 15 minutes.",
},
{
id: "f2",
title: "Is data secure?",
content: "We use bank-grade encryption to protect all your environmental data.",
},
{
id: "f3",
title: "Can I cancel anytime?",
content: "Absolutely, no long-term contracts required.",
},
{ id: "f1", title: "How does integration work?", content: "Our API integrates seamlessly within 15 minutes." },
{ id: "f2", title: "Is data secure?", content: "We use bank-grade encryption." },
{ id: "f3", title: "Can I cancel anytime?", content: "Absolutely, no long-term contracts required." },
]}
imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Have questions? We have answers regarding our sustainable platform."
description="Have questions? We have answers."
faqsAnimation="slide-up"
/>
</div>
@@ -439,24 +188,12 @@ export default function LandingPage() {
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Connect with us to start your sustainability journey."
description="Connect with us to start your journey."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
{
name: "email",
type: "email",
placeholder: "Email",
},
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" },
]}
textarea={{
name: "message",
placeholder: "Your message",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-vector/email-signature-collection-gradient-colors_23-2147823040.jpg"
/>
</div>
@@ -464,42 +201,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Features",
href: "#features",
},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="EcoFlow"
/>
@@ -507,4 +211,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}