Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -1,6 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { ThemeProvider } from "@/components/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Overview", id: "hero"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Analytics", id: "metrics"},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "features",
|
||||
},
|
||||
name: "Solutions", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EcoMonitor"
|
||||
/>
|
||||
@@ -53,75 +45,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Energy, Smarter."
|
||||
description="Optimize your home consumption and transition to renewable energy sources with real-time insights."
|
||||
kpis={[
|
||||
{
|
||||
value: "12%",
|
||||
label: "Energy Saved",
|
||||
},
|
||||
value: "12%", label: "Energy Saved"},
|
||||
{
|
||||
value: "$45",
|
||||
label: "Monthly Cost Reduction",
|
||||
},
|
||||
value: "$45", label: "Monthly Cost Reduction"},
|
||||
{
|
||||
value: "2t",
|
||||
label: "Carbon Footprint Offset",
|
||||
},
|
||||
value: "2t", label: "Carbon Footprint Offset"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-trendy-attractive-young-unshaven-european-man-green-vest-snapback-posing-brown-reel-outdoors-waiting-his-date-having-worried-nervous-facial-expression_343059-2783.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-trendy-attractive-young-unshaven-european-man-green-vest-snapback-posing-brown-reel-outdoors-waiting-his-date-having-worried-nervous-facial-expression_343059-2783.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-brunette-female-sunglasses-holds-tablet-pc-drinks-coffee-green-summer-park_613910-2222.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-brunette-female-sunglasses-holds-tablet-pc-drinks-coffee-green-summer-park_613910-2222.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ eco-conscious homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Solar Ready",
|
||||
icon: Sun,
|
||||
type: "text-icon", text: "Solar Ready", icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Grid Stable",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Grid Stable", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Carbon Neutral",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Carbon Neutral", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time AI",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Real-time AI", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cost Efficient",
|
||||
icon: TrendingDown,
|
||||
type: "text-icon", text: "Cost Efficient", icon: TrendingDown,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -135,20 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24.5 kWh",
|
||||
description: "Daily Consumption",
|
||||
},
|
||||
id: "m1", value: "24.5 kWh", description: "Daily Consumption"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "88%",
|
||||
description: "Renewable Mix",
|
||||
},
|
||||
id: "m2", value: "88%", description: "Renewable Mix"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$12.20",
|
||||
description: "Projected Monthly Savings",
|
||||
},
|
||||
id: "m3", value: "$12.20", description: "Projected Monthly Savings"},
|
||||
]}
|
||||
title="Real-Time Impact"
|
||||
description="Monitor your household metrics with precision."
|
||||
@@ -162,26 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Appliance Tracking",
|
||||
description: "Identify power-hungry devices effortlessly.",
|
||||
tag: "Dashboard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Appliance Tracking", description: "Identify power-hungry devices effortlessly.", tag: "Dashboard", imageSrc: "http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "AI Recommendations",
|
||||
description: "Transition suggestions based on local energy costs.",
|
||||
tag: "AI-Powered",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-house-with-automation-light-system-holding-smartphone_482257-8723.jpg",
|
||||
},
|
||||
id: "f2", title: "AI Recommendations", description: "Transition suggestions based on local energy costs.", tag: "AI-Powered", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-house-with-automation-light-system-holding-smartphone_482257-8723.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Carbon Footprint",
|
||||
description: "Track your progress towards a net-zero home.",
|
||||
tag: "ESG",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-word-leaf_23-2148576715.jpg",
|
||||
},
|
||||
id: "f3", title: "Carbon Footprint", description: "Track your progress towards a net-zero home.", tag: "ESG", imageSrc: "http://img.b2bpic.net/free-photo/eco-word-leaf_23-2148576715.jpg"},
|
||||
]}
|
||||
title="Smart Energy Analytics"
|
||||
description="Powerful tools to transition your home to greener power sources."
|
||||
@@ -196,45 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
role: "User",
|
||||
company: "EcoHome",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Smith", role: "User", company: "EcoHome", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
role: "Analyst",
|
||||
company: "SmartGrid",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Lee", role: "Analyst", company: "SmartGrid", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
role: "Owner",
|
||||
company: "GreenLiving",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
},
|
||||
id: "3", name: "Jordan P.", role: "Owner", company: "GreenLiving", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Ross",
|
||||
role: "Engineer",
|
||||
company: "RenewableX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-trendy-attractive-young-unshaven-european-man-green-vest-snapback-posing-brown-reel-outdoors-waiting-his-date-having-worried-nervous-facial-expression_343059-2783.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Ross", role: "Engineer", company: "RenewableX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-trendy-attractive-young-unshaven-european-man-green-vest-snapback-posing-brown-reel-outdoors-waiting-his-date-having-worried-nervous-facial-expression_343059-2783.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena K.",
|
||||
role: "Customer",
|
||||
company: "FutureBuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-brunette-female-sunglasses-holds-tablet-pc-drinks-coffee-green-summer-park_613910-2222.jpg",
|
||||
},
|
||||
id: "5", name: "Elena K.", role: "Customer", company: "FutureBuild", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-brunette-female-sunglasses-holds-tablet-pc-drinks-coffee-green-summer-park_613910-2222.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="What our users say about the energy transition."
|
||||
@@ -245,16 +161,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to go Green?"
|
||||
title="Start your journey today."
|
||||
description="Get early access to our smart energy dashboard and start saving."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,42 +177,27 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893447.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Dashboard",
|
||||
items: [
|
||||
title: "Dashboard", items: [
|
||||
{
|
||||
label: "Overview",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Overview", href: "#hero"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Analytics", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -308,4 +206,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user