Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Solutions", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Suneffects"
|
||||
/>
|
||||
@@ -59,18 +44,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Solar Energy Lower Bills Sustainable Future"
|
||||
description="Suneffects transforms your energy independence with custom solar solutions designed for Portuguese homes and businesses. Expert installation, transparent pricing, and measurable results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Solar Assessment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311452.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Your Free Solar Assessment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311452.jpg"
|
||||
imageAlt="Modern home with solar panels"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,20 +59,11 @@ export default function LandingPage() {
|
||||
title="Transforming Portugal's Energy Landscape"
|
||||
description="With over a decade of experience in the renewable sector, Suneffects brings elite engineering and transparent service to your doorstep."
|
||||
metrics={[
|
||||
{
|
||||
value: "1500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "20%",
|
||||
title: "Average Savings",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Local Expertise",
|
||||
},
|
||||
{ value: "1500+", title: "Projects Completed" },
|
||||
{ value: "20%", title: "Average Savings" },
|
||||
{ value: "100%", title: "Local Expertise" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205437.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205437.jpg"
|
||||
imageAlt="Expert engineer working on site"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -108,41 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Monitoring",
|
||||
description: "Keep track of your production in real-time with our mobile-ready smart dashboards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-display-used-adjust-photovoltaics-factory-system-parameters_482257-119812.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311452.jpg?_wi=2",
|
||||
imageAlt: "solar inverter display screen",
|
||||
title: "Smart Monitoring", description: "Keep track of your production in real-time with our mobile-ready smart dashboards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-display-used-adjust-photovoltaics-factory-system-parameters_482257-119812.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Sustainable Design",
|
||||
description: "Custom layouts optimized for your specific roof geometry to maximize sunlight capture.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-cloud-bright-mortgage-environment_1134-1071.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-icon-renewable-energy-symbol_53876-167295.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205437.jpg?_wi=2",
|
||||
imageAlt: "solar inverter display screen",
|
||||
title: "Sustainable Design", description: "Custom layouts optimized for your specific roof geometry to maximize sunlight capture.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-cloud-bright-mortgage-environment_1134-1071.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-icon-renewable-energy-symbol_53876-167295.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Advanced Storage",
|
||||
description: "Future-proof your home with state-of-the-art battery storage solutions for total independence.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energy-storage_1048-2431.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-pointing-blank-sign_1156-344.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg?_wi=1",
|
||||
imageAlt: "solar inverter display screen",
|
||||
},
|
||||
title: "Advanced Storage", description: "Future-proof your home with state-of-the-art battery storage solutions for total independence.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/energy-storage_1048-2431.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/house-pointing-blank-sign_1156-344.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose Suneffects?"
|
||||
@@ -157,60 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Suneffects",
|
||||
name: "Elite Panel Pro",
|
||||
price: "€599",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Suneffects",
|
||||
name: "Residential Starter",
|
||||
price: "€2499",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Suneffects",
|
||||
name: "Smart Inverter",
|
||||
price: "€899",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205413.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Suneffects",
|
||||
name: "Roof Mounting Set",
|
||||
price: "€199",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-62.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Suneffects",
|
||||
name: "Thermal Collector",
|
||||
price: "€450",
|
||||
rating: 4,
|
||||
reviewCount: "33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Suneffects",
|
||||
name: "Power Grid Monitor",
|
||||
price: "€129",
|
||||
rating: 5,
|
||||
reviewCount: "91",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-chat-about-company-growth-looking-green-screen-monitor_482257-120046.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Suneffects", name: "Elite Panel Pro", price: "€599", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg" },
|
||||
{ id: "2", brand: "Suneffects", name: "Residential Starter", price: "€2499", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg" },
|
||||
{ id: "3", brand: "Suneffects", name: "Smart Inverter", price: "€899", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205413.jpg" },
|
||||
{ id: "4", brand: "Suneffects", name: "Roof Mounting Set", price: "€199", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-62.jpg" },
|
||||
{ id: "5", brand: "Suneffects", name: "Thermal Collector", price: "€450", rating: 4, reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg" },
|
||||
{ id: "6", brand: "Suneffects", name: "Power Grid Monitor", price: "€129", rating: 5, reviewCount: "91", imageSrc: "http://img.b2bpic.net/free-photo/factory-shareholders-chat-about-company-growth-looking-green-screen-monitor_482257-120046.jpg" },
|
||||
]}
|
||||
title="Our Solar Solutions"
|
||||
description="High-efficiency systems for both commercial and residential needs."
|
||||
@@ -224,27 +121,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50MW",
|
||||
title: "Total Capacity",
|
||||
description: "Installed for our clients",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k+",
|
||||
title: "Tons CO2 Saved",
|
||||
description: "Annual carbon footprint reduction",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
description: "Guaranteed performance stability",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "50MW", title: "Total Capacity", description: "Installed for our clients", icon: Zap },
|
||||
{ id: "m2", value: "12k+", title: "Tons CO2 Saved", description: "Annual carbon footprint reduction", icon: Leaf },
|
||||
{ id: "m3", value: "99.9%", title: "System Uptime", description: "Guaranteed performance stability", icon: ShieldCheck },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measurable results that drive a cleaner future."
|
||||
@@ -258,26 +137,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Carlos Mendes, Porto"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling-holding-book_23-2148396320.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-30006.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-florist-standing-with-arms-crossed_23-2148435667.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling-holding-book_23-2148396320.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-30006.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -289,31 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does installation take?",
|
||||
content: "Most residential projects are completed within 2-3 business days after planning is approved.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What kind of maintenance is required?",
|
||||
content: "Our systems are extremely low-maintenance. We provide comprehensive cleaning and inspection guidelines.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there tax incentives?",
|
||||
content: "Yes, Portugal offers several green energy incentives that we help you navigate.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is solar right for my home?",
|
||||
content: "We assess roof orientation, sunlight exposure, and historical energy usage to determine viability.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I store extra power?",
|
||||
content: "Yes, our battery storage solutions allow you to use excess energy produced during the day at night.",
|
||||
},
|
||||
{ id: "q1", title: "How long does installation take?", content: "Most residential projects are completed within 2-3 business days after planning is approved." },
|
||||
{ id: "q2", title: "What kind of maintenance is required?", content: "Our systems are extremely low-maintenance. We provide comprehensive cleaning and inspection guidelines." },
|
||||
{ id: "q3", title: "Are there tax incentives?", content: "Yes, Portugal offers several green energy incentives that we help you navigate." },
|
||||
{ id: "q4", title: "Is solar right for my home?", content: "We assess roof orientation, sunlight exposure, and historical energy usage to determine viability." },
|
||||
{ id: "q5", title: "Can I store extra power?", content: "Yes, our battery storage solutions allow you to use excess energy produced during the day at night." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/managers-photovoltaics-plant-office-reviewing-solar-technology-reports_482257-120591.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -324,10 +168,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Start Your Solar Journey"
|
||||
description="Get a free assessment today and discover how much you can save."
|
||||
/>
|
||||
@@ -337,43 +180,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Solutions", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Suneffects Portugal. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user