Update src/app/page.tsx
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Zap, VolumeX, Smartphone, Leaf } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,69 +33,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EcoBreeze"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
title="EcoBreeze: Sustainable Comfort for Your Home"
|
||||
description="Experience superior cooling with our award-winning eco-friendly air conditioners. Engineered for efficiency, designed for life."
|
||||
tag="Innovative & Green"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-music_23-2149485652.jpg",
|
||||
imageAlt: "Modern eco-friendly air conditioner unit in a home setting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-music_23-2149485652.jpg", imageAlt: "Modern eco-friendly air conditioner unit in a home setting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-ecology-environmental-conservation-youtube-channel-art_23-2149886235.jpg",
|
||||
imageAlt: "Sleek energy-saving air conditioner with advanced technology",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-ecology-environmental-conservation-youtube-channel-art_23-2149886235.jpg", imageAlt: "Sleek energy-saving air conditioner with advanced technology"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by thousands of satisfied customers"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,17 +84,11 @@ export default function LandingPage() {
|
||||
description="At EcoBreeze, we believe comfort shouldn't come at the Earth's expense. We engineer cutting-edge air conditioning solutions that prioritize energy efficiency, environmental sustainability, and unparalleled performance. Join us in creating homes that are both comfortable and conscious."
|
||||
metrics={[
|
||||
{
|
||||
value: "40%",
|
||||
title: "Energy Savings",
|
||||
},
|
||||
value: "40%", title: "Energy Savings"},
|
||||
{
|
||||
value: "2025",
|
||||
title: "Carbon Neutral Goal",
|
||||
},
|
||||
value: "2025", title: "Carbon Neutral Goal"},
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Happy Homes",
|
||||
},
|
||||
value: "10K+", title: "Happy Homes"},
|
||||
]}
|
||||
tag="About EcoBreeze"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-spiky-leaf_23-2147810870.jpg"
|
||||
@@ -131,24 +104,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Unrivaled Energy Efficiency",
|
||||
description: "Our systems utilize advanced inverter technology and smart sensors to drastically reduce energy consumption, saving you money and the planet.",
|
||||
buttonIcon: "Zap",
|
||||
title: "Unrivaled Energy Efficiency", description: "Our systems utilize advanced inverter technology and smart sensors to drastically reduce energy consumption, saving you money and the planet.", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Whisper-Quiet Operation",
|
||||
description: "Engineered for tranquility, EcoBreeze units operate at incredibly low noise levels, ensuring your comfort is never disturbed.",
|
||||
buttonIcon: "VolumeX",
|
||||
title: "Whisper-Quiet Operation", description: "Engineered for tranquility, EcoBreeze units operate at incredibly low noise levels, ensuring your comfort is never disturbed.", buttonIcon: VolumeX,
|
||||
},
|
||||
{
|
||||
title: "Smart Home Integration",
|
||||
description: "Seamlessly control your climate from anywhere with intuitive app controls and compatibility with popular smart home platforms.",
|
||||
buttonIcon: "Smartphone",
|
||||
title: "Smart Home Integration", description: "Seamlessly control your climate from anywhere with intuitive app controls and compatibility with popular smart home platforms.", buttonIcon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Refrigerants",
|
||||
description: "We use R32, a next-generation refrigerant with a significantly lower Global Warming Potential, reducing environmental impact.",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Eco-Friendly Refrigerants", description: "We use R32, a next-generation refrigerant with a significantly lower Global Warming Potential, reducing environmental impact.", buttonIcon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Why Choose EcoBreeze?"
|
||||
@@ -166,39 +131,19 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "EcoBreeze",
|
||||
name: "Serenity Smart AC",
|
||||
price: "$1,299",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-standing-showing-his-living-room_23-2148306622.jpg",
|
||||
imageAlt: "EcoBreeze Serenity Smart AC unit",
|
||||
},
|
||||
id: "1", brand: "EcoBreeze", name: "Serenity Smart AC", price: "$1,299", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/guy-standing-showing-his-living-room_23-2148306622.jpg", imageAlt: "EcoBreeze Serenity Smart AC unit"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "EcoBreeze",
|
||||
name: "Aura Pro Inverter",
|
||||
price: "$1,899",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388944.jpg",
|
||||
imageAlt: "EcoBreeze Aura Pro Inverter AC unit",
|
||||
},
|
||||
id: "2", brand: "EcoBreeze", name: "Aura Pro Inverter", price: "$1,899", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388944.jpg", imageAlt: "EcoBreeze Aura Pro Inverter AC unit"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "EcoBreeze",
|
||||
name: "Mini Breeze Compact",
|
||||
price: "$899",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-holding-tablet_23-2149395840.jpg",
|
||||
imageAlt: "EcoBreeze Mini Breeze Compact AC unit",
|
||||
},
|
||||
id: "3", brand: "EcoBreeze", name: "Mini Breeze Compact", price: "$899", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-holding-tablet_23-2149395840.jpg", imageAlt: "EcoBreeze Mini Breeze Compact AC unit"},
|
||||
]}
|
||||
title="Our Eco-Friendly Air Conditioners"
|
||||
description="Explore our range of innovative air conditioning systems, designed to deliver exceptional performance with minimal environmental impact."
|
||||
tag="Products"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,20 +154,11 @@ export default function LandingPage() {
|
||||
tag="Our Environmental Footprint"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2M+ kWh",
|
||||
description: "Energy Saved Annually",
|
||||
},
|
||||
id: "1", value: "2M+ kWh", description: "Energy Saved Annually"},
|
||||
{
|
||||
id: "2",
|
||||
value: "1500+ Tons",
|
||||
description: "CO2 Emissions Reduced",
|
||||
},
|
||||
id: "2", value: "1500+ Tons", description: "CO2 Emissions Reduced"},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "3", value: "99%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
/>
|
||||
@@ -235,70 +171,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "California",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "California", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark T.",
|
||||
role: "Business Owner",
|
||||
company: "Texas",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-young-caucasian-man-looking-camera-isolated-orange-background_141793-77965.jpg",
|
||||
},
|
||||
id: "2", name: "Mark T.", role: "Business Owner", company: "Texas", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-young-caucasian-man-looking-camera-isolated-orange-background_141793-77965.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Apartment Renter",
|
||||
company: "New York",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Apartment Renter", company: "New York", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Environmentalist",
|
||||
company: "Oregon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-looking-camera_23-2148179012.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Environmentalist", company: "Oregon", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-looking-camera_23-2148179012.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Family Mom",
|
||||
company: "Florida",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2721.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", role: "Family Mom", company: "Florida", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2721.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert B.",
|
||||
role: "Contractor",
|
||||
company: "Arizona",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "6", name: "Robert B.", role: "Contractor", company: "Arizona", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
value: "99%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5-Star",
|
||||
description: "Average Rating",
|
||||
},
|
||||
value: "5-Star", description: "Average Rating"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
value: "24/7", description: "Support Available"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear directly from homeowners and businesses enjoying comfortable, sustainable cooling with EcoBreeze."
|
||||
@@ -312,25 +209,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What makes EcoBreeze air conditioners eco-friendly?",
|
||||
content: "Our units are designed with advanced inverter technology for maximum energy efficiency, use low GWP (Global Warming Potential) refrigerants like R32, and are built with recycled and recyclable materials wherever possible.",
|
||||
},
|
||||
id: "1", title: "What makes EcoBreeze air conditioners eco-friendly?", content: "Our units are designed with advanced inverter technology for maximum energy efficiency, use low GWP (Global Warming Potential) refrigerants like R32, and are built with recycled and recyclable materials wherever possible."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How much energy can I save with EcoBreeze?",
|
||||
content: "Customers typically experience up to 40% reduction in electricity consumption compared to older, less efficient models, leading to significant savings on utility bills.",
|
||||
},
|
||||
id: "2", title: "How much energy can I save with EcoBreeze?", content: "Customers typically experience up to 40% reduction in electricity consumption compared to older, less efficient models, leading to significant savings on utility bills."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are EcoBreeze systems difficult to install?",
|
||||
content: "Our systems are designed for straightforward installation by certified technicians. We also provide a network of trusted installers to ensure a smooth setup process.",
|
||||
},
|
||||
id: "3", title: "Are EcoBreeze systems difficult to install?", content: "Our systems are designed for straightforward installation by certified technicians. We also provide a network of trusted installers to ensure a smooth setup process."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is the warranty for EcoBreeze products?",
|
||||
content: "All EcoBreeze air conditioners come with a comprehensive 5-year warranty on parts and labor, and a 10-year warranty on the compressor.",
|
||||
},
|
||||
id: "4", title: "What is the warranty for EcoBreeze products?", content: "All EcoBreeze air conditioners come with a comprehensive 5-year warranty on parts and labor, and a 10-year warranty on the compressor."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-working-energy-innovations_23-2148820129.jpg"
|
||||
imageAlt="Illustration of a person asking questions about green technology"
|
||||
@@ -340,6 +225,7 @@ export default function LandingPage() {
|
||||
description="Find answers to common questions about our eco-friendly air conditioners, installation, and commitment to sustainability."
|
||||
tag="Help Center"
|
||||
faqsAnimation="entrance-slide"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -350,27 +236,16 @@ export default function LandingPage() {
|
||||
description="Ready to experience sustainable comfort? Contact us for a personalized consultation and a free, no-obligation quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your cooling needs...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your cooling needs...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-environment-projects_23-2148829262.jpg"
|
||||
imageAlt="Illustration of green tech with contact form elements"
|
||||
@@ -386,54 +261,33 @@ export default function LandingPage() {
|
||||
imageAlt="Abstract green and blue background graphic"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Serenity Smart AC",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Serenity Smart AC", href: "#products"},
|
||||
{
|
||||
label: "Aura Pro Inverter",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Aura Pro Inverter", href: "#products"},
|
||||
{
|
||||
label: "Mini Breeze Compact",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Mini Breeze Compact", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Installation Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Installation Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user