From 1b8f02d8f9b6e2608af66ad6922a2fbbc58a4baf Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 10:29:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 66 +++++++++++++++++++++++++++++++----------------- 1 file changed, 43 insertions(+), 23 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ffc65ac..6a7fcd4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="mediumLarge" - background="fluid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -48,7 +48,7 @@ export default function LandingPage() { tag="Renewable Energy" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} buttons={[ { text: "Get Free Quote", href: "contact" }, { text: "Learn More", href: "about" }, @@ -56,15 +56,20 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/modern-solar-panel-installation-on-a-res-1772706417750-7e857491.png", imageAlt: "Solar panels on residential roof"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/modern-solar-panel-installation-on-a-res-1772706417750-7e857491.png", imageAlt: "Solar panels on residential roof" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/aerial-view-of-a-large-solar-farm-with-r-1772706417285-f0a1b5a4.png", imageAlt: "Large solar farm installation"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/aerial-view-of-a-large-solar-farm-with-r-1772706417285-f0a1b5a4.png", imageAlt: "Large solar farm installation" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/close-up-of-modern-solar-panel-cells-wit-1772706416681-c8bab110.png", imageAlt: "Close-up of solar panel technology"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/close-up-of-modern-solar-panel-cells-wit-1772706416681-c8bab110.png", imageAlt: "Close-up of solar panel technology" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/technician-installing-solar-panels-on-a--1772706417473-fff98dd2.png", imageAlt: "Professional solar panel installation"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/technician-installing-solar-panels-on-a--1772706417473-fff98dd2.png", imageAlt: "Professional solar panel installation" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/digital-dashboard-or-monitoring-screen-s-1772706417763-2e6bc238.png", imageAlt: "Energy monitoring dashboard"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/digital-dashboard-or-monitoring-screen-s-1772706417763-2e6bc238.png", imageAlt: "Energy monitoring dashboard" + }, ]} ariaLabel="Hero section" /> @@ -99,11 +104,14 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "1", title: "Professional Installation", description: "Expert installation by certified solar technicians with years of experience. We handle all aspects of the installation process with precision and professionalism.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-solar-installation-team-wor-1772706417842-04e4f7ad.png", imageAlt: "Professional solar installation"}, + id: "1", title: "Professional Installation", description: "Expert installation by certified solar technicians with years of experience. We handle all aspects of the installation process with precision and professionalism.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-solar-installation-team-wor-1772706417842-04e4f7ad.png", imageAlt: "Professional solar installation" + }, { - id: "2", title: "System Maintenance", description: "Ongoing maintenance and monitoring to keep your system running at peak efficiency. Regular inspections and professional care ensure maximum performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/solar-panel-cleaning-and-maintenance-in--1772706416902-15d1b908.png", imageAlt: "Solar panel maintenance service"}, + id: "2", title: "System Maintenance", description: "Ongoing maintenance and monitoring to keep your system running at peak efficiency. Regular inspections and professional care ensure maximum performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/solar-panel-cleaning-and-maintenance-in--1772706416902-15d1b908.png", imageAlt: "Solar panel maintenance service" + }, { - id: "3", title: "Energy Consultation", description: "Personalized consultation to design the perfect solar system for your home. We analyze your energy needs and create a customized solution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-consultation-meeting-with-s-1772706417800-96134d79.png", imageAlt: "Solar energy consultation meeting"}, + id: "3", title: "Energy Consultation", description: "Personalized consultation to design the perfect solar system for your home. We analyze your energy needs and create a customized solution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-consultation-meeting-with-s-1772706417800-96134d79.png", imageAlt: "Solar energy consultation meeting" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -120,9 +128,11 @@ export default function LandingPage() { tagAnimation="slide-up" metrics={[ { - id: "1", value: "$45M+", description: "Total customer savings achieved through reduced energy bills and solar incentives."}, + id: "1", value: "$45M+", description: "Total customer savings achieved through reduced energy bills and solar incentives." + }, { - id: "2", value: "98%", description: "Customer satisfaction rating based on professional installation and ongoing support."}, + id: "2", value: "98%", description: "Customer satisfaction rating based on professional installation and ongoing support." + }, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -140,16 +150,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Johnson", role: "Homeowner", company: "San Diego, CA", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-a-sati-1772706417240-d8b72c3e.png", imageAlt: "Sarah Johnson"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-a-sati-1772706417240-d8b72c3e.png", imageAlt: "Sarah Johnson" + }, { id: "2", name: "Michael Chen", role: "Property Owner", company: "Austin, TX", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-anothe-1772706417263-66fadf10.png", imageAlt: "Michael Chen"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-anothe-1772706417263-66fadf10.png", imageAlt: "Michael Chen" + }, { id: "3", name: "Emily Rodriguez", role: "Business Owner", company: "Denver, CO", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-a-thir-1772706427430-dd23abc8.jpg", imageAlt: "Emily Rodriguez"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-a-thir-1772706427430-dd23abc8.jpg", imageAlt: "Emily Rodriguez" + }, { id: "4", name: "David Kim", role: "Homeowner", company: "Portland, OR", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-a-four-1772706416950-27205762.png", imageAlt: "David Kim"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWQCVs2NYJhslvOCSYt3gmg0h5/professional-headshot-portrait-of-a-four-1772706416950-27205762.png", imageAlt: "David Kim" + }, ]} kpiItems={[ { value: "10,000+", label: "Happy Customers" }, @@ -172,17 +186,23 @@ export default function LandingPage() { tagAnimation="slide-up" faqs={[ { - id: "1", title: "How much can I save with solar panels?", content: "Most homeowners save between $10,000 to $30,000 over the lifetime of their solar system. Your actual savings depend on your current energy usage, local electricity rates, and the size of your system. Our free consultation will provide a personalized estimate for your home."}, + id: "1", title: "How much can I save with solar panels?", content: "Most homeowners save between $10,000 to $30,000 over the lifetime of their solar system. Your actual savings depend on your current energy usage, local electricity rates, and the size of your system. Our free consultation will provide a personalized estimate for your home." + }, { - id: "2", title: "What happens during cloudy days?", content: "Solar panels still generate electricity on cloudy days, though at reduced efficiency. Modern solar systems are designed to work in various weather conditions. On days with less sunlight, you'll use some grid power, but you'll still benefit from significant savings over time."}, + id: "2", title: "What happens during cloudy days?", content: "Solar panels still generate electricity on cloudy days, though at reduced efficiency. Modern solar systems are designed to work in various weather conditions. On days with less sunlight, you'll use some grid power, but you'll still benefit from significant savings over time." + }, { - id: "3", title: "How long does installation take?", content: "Most residential solar installations are completed within 1-3 days once permits are approved. The entire process from consultation to activation typically takes 4-8 weeks, depending on local permitting requirements and system complexity."}, + id: "3", title: "How long does installation take?", content: "Most residential solar installations are completed within 1-3 days once permits are approved. The entire process from consultation to activation typically takes 4-8 weeks, depending on local permitting requirements and system complexity." + }, { - id: "4", title: "Do I need battery storage?", content: "Battery storage is optional but increasingly popular. It allows you to store excess energy for use during nighttime or power outages. We'll discuss whether battery storage makes sense for your home during your personalized consultation."}, + id: "4", title: "Do I need battery storage?", content: "Battery storage is optional but increasingly popular. It allows you to store excess energy for use during nighttime or power outages. We'll discuss whether battery storage makes sense for your home during your personalized consultation." + }, { - id: "5", title: "What warranties and guarantees do you offer?", content: "All Markrize solar systems include a 25-year equipment warranty and a 10-year workmanship guarantee. We also offer monitoring systems to ensure your system maintains peak performance throughout its lifetime."}, + id: "5", title: "What warranties and guarantees do you offer?", content: "All Markrize solar systems include a 25-year equipment warranty and a 10-year workmanship guarantee. We also offer monitoring systems to ensure your system maintains peak performance throughout its lifetime." + }, { - id: "6", title: "Are there government incentives for solar?", content: "Yes! Federal tax credits, state rebates, and various local incentives are available. The federal Investment Tax Credit currently covers 30% of installation costs. Our team helps navigate all available incentives to maximize your savings."}, + id: "6", title: "Are there government incentives for solar?", content: "Yes! Federal tax credits, state rebates, and various local incentives are available. The federal Investment Tax Credit currently covers 30% of installation costs. Our team helps navigate all available incentives to maximize your savings." + }, ]} faqsAnimation="slide-up" textboxLayout="default" @@ -248,4 +268,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1