Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Benefits", id: "features" },
|
||||
{ name: "Reviews", id: "testimonial" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pro Solar PR"
|
||||
/>
|
||||
@@ -58,100 +43,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Powering Puerto Rico's Future"
|
||||
description="Premium solar energy solutions designed for independence, sustainability, and long-term savings. Join the energy revolution today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Carlos R.",
|
||||
handle: "@carlosr",
|
||||
testimonial: "Excellent service and professional installation. Our energy bills have dropped significantly!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Pro Solar made the transition to solar energy seamless and efficient. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/professional-local-business-owner-lookin-1774814715168-4bbdc777.png",
|
||||
},
|
||||
{
|
||||
name: "Marco G.",
|
||||
handle: "@marcog",
|
||||
testimonial: "Finally energy independence. Great team, very attentive to details.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/young-couple-looking-at-their-home-energ-1774814715281-b2e058c3.png",
|
||||
},
|
||||
{
|
||||
name: "Sofia L.",
|
||||
handle: "@sofial",
|
||||
testimonial: "Incredible savings from day one. Best investment for our home.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/retired-couple-standing-in-their-garden--1774814716260-18548203.png",
|
||||
},
|
||||
{
|
||||
name: "Luis D.",
|
||||
handle: "@luisd",
|
||||
testimonial: "Professional, clean, and fast. The best solar company in the island.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png?_wi=2",
|
||||
},
|
||||
{ name: "Carlos R.", handle: "@carlosr", testimonial: "Excellent service and professional installation. Our energy bills have dropped significantly!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png" },
|
||||
{ name: "Elena V.", handle: "@elenav", testimonial: "Pro Solar made the transition to solar energy seamless and efficient. Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/professional-local-business-owner-lookin-1774814715168-4bbdc777.png" },
|
||||
{ name: "Marco G.", handle: "@marcog", testimonial: "Finally energy independence. Great team, very attentive to details.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/young-couple-looking-at-their-home-energ-1774814715281-b2e058c3.png" },
|
||||
{ name: "Sofia L.", handle: "@sofial", testimonial: "Incredible savings from day one. Best investment for our home.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/retired-couple-standing-in-their-garden--1774814716260-18548203.png" },
|
||||
{ name: "Luis D.", handle: "@luisd", testimonial: "Professional, clean, and fast. The best solar company in the island.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png?_wi=1"
|
||||
buttons={[{ text: "Get Quote", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png"
|
||||
imageAlt="Solar installation in Puerto Rico"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/professional-local-business-owner-lookin-1774814715168-4bbdc777.png",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/young-couple-looking-at-their-home-energ-1774814715281-b2e058c3.png",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/retired-couple-standing-in-their-garden--1774814716260-18548203.png",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png", alt: "Customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/professional-local-business-owner-lookin-1774814715168-4bbdc777.png", alt: "Customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/young-couple-looking-at-their-home-energ-1774814715281-b2e058c3.png", alt: "Customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/retired-couple-standing-in-their-garden--1774814716260-18548203.png", alt: "Customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png", alt: "Customer 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tier-1 Panels",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "25-Year Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hurricane Resistant",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Energy Independence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tax Incentives Ready",
|
||||
},
|
||||
{ type: "text", text: "Tier-1 Panels" },
|
||||
{ type: "text", text: "25-Year Warranty" },
|
||||
{ type: "text", text: "Hurricane Resistant" },
|
||||
{ type: "text", text: "Energy Independence" },
|
||||
{ type: "text", text: "Tax Incentives Ready" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,7 +81,7 @@ export default function LandingPage() {
|
||||
title="Unmatched Expertise in Solar"
|
||||
description="We combine local knowledge with global solar technology standards to provide the most reliable systems for the Puerto Rican climate."
|
||||
subdescription="From custom design to final inspection, our team handles every detail with precision and care."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Sun}
|
||||
/>
|
||||
@@ -176,50 +94,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Energy Independence",
|
||||
description: "Reduce reliance on the grid with reliable backup solutions.",
|
||||
icon: Zap,
|
||||
title: "Energy Independence", description: "Reduce reliance on the grid with reliable backup solutions.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png?_wi=3",
|
||||
imageAlt: "A high-end, professional photo of a modern residential rooftop in Puerto Rico with high-efficiency s",
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cost Savings",
|
||||
description: "Significant reduction in monthly utility bills for your home or business.",
|
||||
icon: DollarSign,
|
||||
title: "Cost Savings", description: "Significant reduction in monthly utility bills for your home or business.", icon: DollarSign,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png?_wi=4",
|
||||
imageAlt: "Close up of an advanced solar inverter unit and battery storage system inside a clean, modern utilit",
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Durability",
|
||||
description: "Systems engineered to withstand extreme weather conditions in Puerto Rico.",
|
||||
icon: ShieldCheck,
|
||||
title: "Durability", description: "Systems engineered to withstand extreme weather conditions in Puerto Rico.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png?_wi=5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png?_wi=5",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png?_wi=3",
|
||||
imageAlt: "Friendly middle-aged Puerto Rican homeowner smiling, studio lighting, portrait photography style.",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/a-high-end-professional-photo-of-a-moder-1774814716578-b973b1b1.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/close-up-of-an-advanced-solar-inverter-u-1774814716871-6c091f6e.png" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Pro Solar PR?"
|
||||
description="Benefits that provide peace of mind and long-term security."
|
||||
@@ -233,26 +127,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Isabela Martinez"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/professional-local-business-owner-lookin-1774814715168-4bbdc777.png",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/young-couple-looking-at-their-home-energ-1774814715281-b2e058c3.png",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/retired-couple-standing-in-their-garden--1774814716260-18548203.png",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png", alt: "Customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/professional-local-business-owner-lookin-1774814715168-4bbdc777.png", alt: "Customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/young-couple-looking-at-their-home-energ-1774814715281-b2e058c3.png", alt: "Customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/retired-couple-standing-in-their-garden--1774814716260-18548203.png", alt: "Customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdMjwJH3c1JIs0CgbUPu11qW30/friendly-middle-aged-puerto-rican-homeow-1774814716047-dfeba0de.png", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -264,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a battery?",
|
||||
content: "Battery storage is recommended to ensure power continuity during grid outages.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does installation take?",
|
||||
content: "Installation typically takes 1-3 days depending on the complexity of your system.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What maintenance is required?",
|
||||
content: "Minimal maintenance is needed; occasional panel cleaning ensures peak performance.",
|
||||
},
|
||||
{ id: "1", title: "Do I need a battery?", content: "Battery storage is recommended to ensure power continuity during grid outages." },
|
||||
{ id: "2", title: "How long does installation take?", content: "Installation typically takes 1-3 days depending on the complexity of your system." },
|
||||
{ id: "3", title: "What maintenance is required?", content: "Minimal maintenance is needed; occasional panel cleaning ensures peak performance." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our solar installations."
|
||||
@@ -289,9 +156,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Start Today"
|
||||
title="Request Your Consultation"
|
||||
description="Take the first step toward energy freedom."
|
||||
@@ -303,31 +168,17 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#" },
|
||||
{ label: "Commercial", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Pro Solar Puerto Rico."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user