Update src/app/page.tsx
This commit is contained in:
402
src/app/page.tsx
402
src/app/page.tsx
@@ -1,301 +1,115 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="SUNRISE SOLAR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Power Your Home With Clean, Reliable Solar Energy"
|
||||
description="Premium solar installations in Windhoek designed to cut your electricity costs and give you energy independence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now: 061 260 338",
|
||||
href: "tel:061260338",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29995.jpg"
|
||||
imageAlt="Luxury home with solar panels at sunrise"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
|
||||
alt: "Happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
alt: "Professional homeowner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
|
||||
alt: "Smiling woman portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-man-sitting-big-gray-sofa-working-laptop-home_574295-382.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-man-shirt-sitting-kitchen-home-table-working-online-laptop-from-home_285396-10071.jpg",
|
||||
alt: "Professional man portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ homeowners in Namibia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Save on Electricity",
|
||||
description: "Cut your monthly power costs significantly.",
|
||||
tag: "⚡",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-with-business-icons_24911-45457.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Energy Independence",
|
||||
description: "No more relying on unstable power supply.",
|
||||
tag: "🔋",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/energy-source-power-industry-25-line-icon-pack-including-biomass-hand-plant-globe_1142-22508.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Expert Installation",
|
||||
description: "Skilled team with proven experience.",
|
||||
tag: "🛠️",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192722.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Homeowners Choose Sunrise Solar Solutions"
|
||||
description="Experience superior power solutions tailored for Namibian homes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Residential Solar Systems",
|
||||
price: "Customized",
|
||||
variant: "Complete Installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Backup Power Systems",
|
||||
price: "Reliable",
|
||||
variant: "Stay powered during outages",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Maintenance & Upgrades",
|
||||
price: "Consistent",
|
||||
variant: "Peak performance monitoring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4260.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Solar Solutions"
|
||||
description="Comprehensive energy services for modern living."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Real Results. Real Homes."
|
||||
description="We deliver premium, clean installations across Windhoek. Our rooftops look as good as they perform."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-holding-tablet-check-solar-roof_609648-2148.jpg"
|
||||
imageAlt="Residential solar panels on roof"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ryno Coetzee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tumbi Kalla",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-surfing-net-digital-tablet-while-relaxing-home-drinking-coffee_637285-2918.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elise Müller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-planning-environment-projects_23-2148829323.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David van Wyk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jacobs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405355.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Trusted by Homeowners"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="savings" data-section="savings">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Energy Independence",
|
||||
items: [
|
||||
"Freedom from outages",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%+",
|
||||
title: "Avg. Savings",
|
||||
items: [
|
||||
"On your monthly bill",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "25yr",
|
||||
title: "Long Term Value",
|
||||
items: [
|
||||
"Durable panel lifespan",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Start Saving From Day One"
|
||||
description="With rising electricity costs, investing in solar is no longer optional—it's smart. Our systems are designed to pay themselves off while giving you peace of mind."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long do installations take?",
|
||||
content: "Most residential systems are completed within 3 to 5 days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What maintenance is required?",
|
||||
content: "Minimal cleaning and annual system checks keep panels at peak performance.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer financing?",
|
||||
content: "We offer flexible quotes tailored to your budget and property needs.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our solar solutions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Quote"
|
||||
title="Ready to Take Control of Your Energy?"
|
||||
description="Located at 24 Mozart St, Windhoek. Request your custom quote below."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SUNRISE SOLAR"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Sunrise Solar"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Power Your Home With Clean, Reliable Solar Energy"
|
||||
description="Premium solar installations in Windhoek designed to cut your electricity costs and give you energy independence."
|
||||
buttons={[{text: "Get Free Quote", href: "#contact"}, {text: "Call Now: 061 260 338", href: "tel:061260338"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29995.jpg"
|
||||
imageAlt="Luxury home with solar panels at sunrise"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg", alt: "Happy homeowner portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Professional homeowner portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg", alt: "Smiling woman portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-man-sitting-big-gray-sofa-working-laptop-home_574295-382.jpg", alt: "Satisfied client portrait" }, { src: "http://img.b2bpic.net/free-photo/handsome-smiling-man-shirt-sitting-kitchen-home-table-working-online-laptop-from-home_285396-10071.jpg", alt: "Professional man portrait" }]}
|
||||
avatarText="Trusted by over 500+ homeowners in Namibia."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[{id: "f1", title: "Save on Electricity", description: "Cut your monthly power costs significantly.", tag: "⚡", imageSrc: "http://img.b2bpic.net/free-vector/light-bulb-with-business-icons_24911-45457.jpg"}, {id: "f2", title: "Energy Independence", description: "No more relying on unstable power supply.", tag: "🔋", imageSrc: "http://img.b2bpic.net/free-vector/energy-source-power-industry-25-line-icon-pack-including-biomass-hand-plant-globe_1142-22508.jpg"}, {id: "f3", title: "Expert Installation", description: "Skilled team with proven experience.", tag: "🛠️", imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192722.jpg"}]}
|
||||
title="Why Homeowners Choose Sunrise Solar Solutions"
|
||||
description="Experience superior power solutions tailored for Namibian homes."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[{id: "p1", name: "Residential Solar Systems", price: "Customized", variant: "Complete Installation", imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192729.jpg"}, {id: "p2", name: "Backup Power Systems", price: "Reliable", variant: "Stay powered during outages", imageSrc: "http://img.b2bpic.net/free-photo/oil-inspector-protective-overalls-orange-helmet-making-notes-transformer_651396-1818.jpg"}, {id: "p3", name: "Maintenance & Upgrades", price: "Consistent", variant: "Peak performance monitoring", imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4260.jpg"}]}
|
||||
title="Our Solar Solutions"
|
||||
description="Comprehensive energy services for modern living."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Real Results. Real Homes."
|
||||
description="We deliver premium, clean installations across Windhoek. Our rooftops look as good as they perform."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-holding-tablet-check-solar-roof_609648-2148.jpg"
|
||||
imageAlt="Residential solar panels on roof"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{id: "1", name: "Ryno Coetzee", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg"}, {id: "2", name: "Tumbi Kalla", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-surfing-net-digital-tablet-while-relaxing-home-drinking-coffee_637285-2918.jpg"}, {id: "3", name: "Elise Müller", imageSrc: "http://img.b2bpic.net/free-photo/female-planning-environment-projects_23-2148829323.jpg"}, {id: "4", name: "David van Wyk", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg"}, {id: "5", name: "Sarah Jacobs", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405355.jpg"}]}
|
||||
cardTitle="Client Experiences"
|
||||
cardTag="Trusted by Homeowners"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="savings" data-section="savings">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[{id: "m1", value: "100%", title: "Energy Independence", items: ["Freedom from outages"]}, {id: "m2", value: "40%+", title: "Avg. Savings", items: ["On your monthly bill"]}, {id: "m3", value: "25yr", title: "Long Term Value", items: ["Durable panel lifespan"]}]}
|
||||
title="Start Saving From Day One"
|
||||
description="With rising electricity costs, investing in solar is no longer optional—it's smart. Our systems are designed to pay themselves off while giving you peace of mind."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[{id: "q1", title: "How long do installations take?", content: "Most residential systems are completed within 3 to 5 days."}, {id: "q2", title: "What maintenance is required?", content: "Minimal cleaning and annual system checks keep panels at peak performance."}, {id: "q3", title: "Do you offer financing?", content: "We offer flexible quotes tailored to your budget and property needs."}]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our solar solutions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Quote"
|
||||
title="Ready to Take Control of Your Energy?"
|
||||
description="Located at 24 Mozart St, Windhoek. Request your custom quote below."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SUNRISE SOLAR"
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user