Merge version_1 into main #1
221
src/app/page.tsx
221
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Solar PH"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,12 +45,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Sustainable Energy for Every Filipino Home"
|
||||
description="Unlock significant savings and energy independence with premium, reliable solar power solutions. Expert installation, high-performance technology, and complete after-sales support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29993.jpg"
|
||||
imageAlt="Modern solar power installation"
|
||||
/>
|
||||
@@ -71,12 +55,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Empowering the Philippines with Reliable Solar Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Mission", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,27 +65,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "25-Year Warranty",
|
||||
subtitle: "Total peace of mind",
|
||||
category: "Reliability",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Professional Install",
|
||||
subtitle: "Certified expert teams",
|
||||
category: "Service",
|
||||
value: "Expert",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Energy Independence",
|
||||
subtitle: "Reduce grid dependency",
|
||||
category: "Savings",
|
||||
value: "High",
|
||||
},
|
||||
{ id: "f1", title: "25-Year Warranty", subtitle: "Total peace of mind", category: "Reliability", value: "100%" },
|
||||
{ id: "f2", title: "Professional Install", subtitle: "Certified expert teams", category: "Service", value: "Expert" },
|
||||
{ id: "f3", title: "Energy Independence", subtitle: "Reduce grid dependency", category: "Savings", value: "High" },
|
||||
]}
|
||||
title="Why Choose Solar Power?"
|
||||
description="We deliver excellence through proven expertise and industry-leading technology."
|
||||
@@ -120,42 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tier 1 Panel",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel_1156-646.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Inverter",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-cell-farm-power-station-alternative-energy-from-sun_1150-4280.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Energy Storage",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-solar-pannels_23-2148907392.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Charge Controller",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828183.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mounting Kit",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Energy Monitor",
|
||||
price: "Contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-turning-light-using-remote-control_259150-57143.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Tier 1 Panel", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/solar-panel_1156-646.jpg" },
|
||||
{ id: "p2", name: "Smart Inverter", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/solar-cell-farm-power-station-alternative-energy-from-sun_1150-4280.jpg" },
|
||||
{ id: "p3", name: "Energy Storage", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/3d-solar-pannels_23-2148907392.jpg" },
|
||||
{ id: "p4", name: "Charge Controller", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828183.jpg" },
|
||||
{ id: "p5", name: "Mounting Kit", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.jpg" },
|
||||
{ id: "p6", name: "Energy Monitor", price: "Contact", imageSrc: "http://img.b2bpic.net/free-photo/female-turning-light-using-remote-control_259150-57143.jpg" },
|
||||
]}
|
||||
title="Premium Solar Hardware"
|
||||
description="State-of-the-art equipment for maximum energy efficiency."
|
||||
@@ -168,33 +99,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5,000+",
|
||||
title: "Installations",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15MW",
|
||||
title: "Energy Generated",
|
||||
items: [
|
||||
"Clean",
|
||||
"Sustainable",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Customer",
|
||||
"Support",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "5,000+", title: "Installations", items: ["Residential", "Commercial"] },
|
||||
{ id: "m2", value: "15MW", title: "Energy Generated", items: ["Clean", "Sustainable"] },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", items: ["Customer", "Support"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven performance across thousands of successful installations."
|
||||
@@ -207,41 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Reyes",
|
||||
handle: "@sarah",
|
||||
testimonial: "Huge savings on our monthly bill. Great service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205444.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Juan Dela Cruz",
|
||||
handle: "@juan",
|
||||
testimonial: "Very professional and fast installation team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Santos",
|
||||
handle: "@maria",
|
||||
testimonial: "Loving the energy independence from solar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-planning-environment-projects_23-2148829319.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rico Ledesma",
|
||||
handle: "@rico",
|
||||
testimonial: "Highly recommended for all homeowners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-selling-clothes-front-view_23-2149731157.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Lim",
|
||||
handle: "@anna",
|
||||
testimonial: "Best investment we made for our house.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-30002.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Reyes", handle: "@sarah", testimonial: "Huge savings on our monthly bill. Great service!", imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205444.jpg" },
|
||||
{ id: "t2", name: "Juan Dela Cruz", handle: "@juan", testimonial: "Very professional and fast installation team.", imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg" },
|
||||
{ id: "t3", name: "Maria Santos", handle: "@maria", testimonial: "Loving the energy independence from solar.", imageSrc: "http://img.b2bpic.net/free-photo/female-planning-environment-projects_23-2148829319.jpg" },
|
||||
{ id: "t4", name: "Rico Ledesma", handle: "@rico", testimonial: "Highly recommended for all homeowners.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-selling-clothes-front-view_23-2149731157.jpg" },
|
||||
{ id: "t5", name: "Anna Lim", handle: "@anna", testimonial: "Best investment we made for our house.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-30002.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear from Filipinos making the switch to clean solar energy."
|
||||
@@ -253,21 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is solar good for cloudy days?",
|
||||
content: "Yes, modern solar panels still generate energy efficiently under cloudy conditions.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long is the installation?",
|
||||
content: "Usually 2-3 days for most residential rooftops.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need maintenance?",
|
||||
content: "Minimal cleaning every few months is usually sufficient.",
|
||||
},
|
||||
{ id: "q1", title: "Is solar good for cloudy days?", content: "Yes, modern solar panels still generate energy efficiently under cloudy conditions." },
|
||||
{ id: "q2", title: "How long is the installation?", content: "Usually 2-3 days for most residential rooftops." },
|
||||
{ id: "q3", title: "Do I need maintenance?", content: "Minimal cleaning every few months is usually sufficient." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about switching to solar."
|
||||
@@ -278,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Ready to Start?"
|
||||
title="Request Your Free Solar Assessment"
|
||||
description="Contact us today for a custom evaluation of your property."
|
||||
@@ -292,32 +155,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Maintenance", href: "#" }] },
|
||||
]}
|
||||
logoText="Solar PH"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user