Merge version_1 into main #4
@@ -11,12 +11,16 @@ import { Playfair_Display, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Sunrise Solar Solutions | Premium Solar Installations Windhoek',
|
||||
description: 'Power your future with premium solar installations in Windhoek. Own your energy and cut power costs with reliable residential solar solutions from Sunrise Solar.',
|
||||
title: 'Welcome',
|
||||
description: 'Welcome to our website',
|
||||
openGraph: {
|
||||
"siteName": "Sunrise Solar Solutions",
|
||||
"type": "website"
|
||||
},
|
||||
robots: {
|
||||
"index": true,
|
||||
"follow": true
|
||||
},
|
||||
};
|
||||
|
||||
const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"] });
|
||||
|
||||
120
src/app/page.tsx
120
src/app/page.tsx
@@ -2,124 +2,52 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 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 { Shield, Zap, Target } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Sunrise Solar"
|
||||
/>
|
||||
<NavbarStyleFullscreen navItems={navItems} logoText="Logo" />
|
||||
</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."
|
||||
/>
|
||||
<HeroOverlay title="Welcome" description="Description" />
|
||||
</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."
|
||||
/>
|
||||
<FeatureCardMedia title="Features" description="Features desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[]} />
|
||||
</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."
|
||||
/>
|
||||
<ProductCardFour title="Services" description="Services desc" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[]} />
|
||||
</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"
|
||||
/>
|
||||
<MediaAbout title="Projects" description="Projects desc" useInvertedBackground={false} />
|
||||
</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"
|
||||
/>
|
||||
<TestimonialCardTwelve cardTitle="Testimonials" cardTag="Tag" cardAnimation="slide-up" useInvertedBackground={false} testimonials={[]} />
|
||||
</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."
|
||||
/>
|
||||
<MetricCardSeven title="Savings" description="Savings desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[]} />
|
||||
</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"
|
||||
/>
|
||||
<FaqBase title="FAQ" description="FAQ desc" faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[]} />
|
||||
</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."
|
||||
/>
|
||||
<ContactCenter tag="Contact" title="Get in touch" description="Contact us" useInvertedBackground={false} background={{ variant: "plain" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SUNRISE SOLAR"
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
<FooterLogoReveal logoText="Brand" leftLink={{ text: "Link 1" }} rightLink={{ text: "Link 2" }} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user