Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3d12359f70 | |||
| b97f95c9fa | |||
| 2a7f9c6902 | |||
| 375ee4feb8 | |||
| c7bebd33bf | |||
| c7698b4753 | |||
| f864077b9e | |||
| 5fe66b9379 | |||
| d4d7c4e9d0 | |||
| f70003c602 | |||
| 74857e853b | |||
| 94ad2ec2a2 | |||
| a4d6016232 |
342
src/app/page.tsx
342
src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Instagram, Sun, Twitter } from "lucide-react";
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Instagram, Sun, Twitter, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,228 +19,136 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ClearSky Solar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ClearSky Solar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Halifax's Trusted Solar Experts"
|
||||
description="Providing clean, reliable solar energy solutions to Nova Scotia homes. Harness the power of the sun and reduce your carbon footprint today."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-building-with-clouds-background_1122-998.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
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-2159.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894011.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4260.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969815.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29995.jpg", imageAlt: "Solar house"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-farm-with-panels-producing-clean-ecologic-energy_169016-17846.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-project_23-2148920579.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799669.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel_1232-2178.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-closeup-with-sun-flare_23-2152002181.jpg", imageAlt: "Solar house"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-bright-sun_23-2152002179.jpg", imageAlt: "Solar house"},
|
||||
]}
|
||||
tag="Nova Scotia Solar"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
tagIcon={Sun}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-green-energy-concept_35913-2436.jpg", alt: "Happy homeowner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alternative-energy-ecological-concept_1157-35709.jpg", alt: "Happy homeowner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", alt: "Technician team 1"},
|
||||
{
|
||||
src: "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", alt: "Technician team 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205425.jpg", alt: "Planning expert"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Halifax families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907395.jpg", alt: "Partner 1"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694018.jpg", alt: "Partner 2"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/solar-panels-house-roof_23-2151951211.jpg", alt: "Partner 3"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799745.jpg", alt: "Partner 4"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/vertical-shot-small-house-with-solar-panels-green-field-canary-islands_181624-13505.jpg", alt: "Partner 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Halifax's Trusted Solar Experts"
|
||||
description="Providing clean, reliable solar energy solutions to Nova Scotia homes. Harness the power of the sun and reduce your carbon footprint today."
|
||||
tag="Nova Scotia Solar"
|
||||
tagIcon={Sun}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "ClearSky Solar made our transition seamless. Our bills have dropped significantly!", rating: 5 },
|
||||
{ name: "James Henderson", handle: "@jhenderson", testimonial: "Professional, clean installation, and amazing energy monitoring tools.", rating: 5 }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdpfhWQglZNo6dRoN1TnHJSjGk/uploaded-1778622387033-uo3llwk0.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose ClearSky Solar?"
|
||||
description={[
|
||||
"We are Halifax's premier solar installation partner, committed to quality, efficiency, and exceptional service for Nova Scotia residents.", "Our mission is to make renewable energy accessible and affordable for every home, providing long-term cost savings and environmental benefits."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
title="Why Choose ClearSky Solar?"
|
||||
description="We are Halifax's premier solar installation partner, committed to quality, efficiency, and exceptional service for Nova Scotia residents. Our mission is to make renewable energy accessible and affordable for every home, providing long-term cost savings and environmental benefits."
|
||||
bulletPoints={[
|
||||
{ title: "Certified Experts", description: "Fully licensed solar installers across Nova Scotia.", icon: CheckCircle },
|
||||
{ title: "Affordable Solutions", description: "Flexible financing plans to suit your budget.", icon: CheckCircle },
|
||||
{ title: "Local Support", description: "Reliable maintenance from a local Halifax team.", icon: CheckCircle }
|
||||
]}
|
||||
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-2159.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", label: "Installation", title: "Expert Rooftop Installations", items: [
|
||||
"Professional site analysis", "Custom system design", "Certified installation team"],
|
||||
},
|
||||
{
|
||||
id: "2", label: "Storage", title: "Battery Backup Solutions", items: [
|
||||
"High-capacity storage units", "Seamless integration", "Off-grid reliability"],
|
||||
},
|
||||
{
|
||||
id: "3", label: "Monitoring", title: "Smart Energy Tracking", items: [
|
||||
"Real-time power monitoring", "Mobile app control", "Efficiency analytics"],
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Solar Services"
|
||||
description="Our expertise ensures your transition to solar energy is seamless, professional, and built to last."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Comprehensive Solar Services"
|
||||
description="Our expertise ensures your transition to solar energy is seamless, professional, and built to last."
|
||||
features={[
|
||||
{ id: "1", title: "Expert Rooftop Installations", tags: ["Install", "Design"] },
|
||||
{ id: "2", title: "Battery Backup Solutions", tags: ["Storage", "Reliable"] },
|
||||
{ id: "3", title: "Smart Energy Tracking", tags: ["Monitoring", "Apps"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "start", tag: "Essentials", price: "$12,000", period: "installation", description: "Perfect for starter energy needs.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Core panel setup", "Standard inverter", "10-year warranty"],
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Most Popular", price: "$18,500", period: "installation", description: "The ideal complete home system.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Full home system", "Battery readiness", "25-year warranty", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing Plans"
|
||||
description="Choose a solar solution that fits your energy needs and budget perfectly."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Pricing Plans"
|
||||
description="Choose a solar solution that fits your energy needs and budget perfectly."
|
||||
plans={[
|
||||
{ id: "start", badge: "Essentials", price: "$12,000", subtitle: "Perfect for starter energy needs.", buttons: [{ text: "Select", href: "#contact" }], features: ["Core panel setup", "Standard inverter", "10-year warranty"] },
|
||||
{ id: "pro", badge: "Most Popular", price: "$18,500", subtitle: "The ideal complete home system.", buttons: [{ text: "Select", href: "#contact" }], features: ["Full home system", "Battery readiness", "25-year warranty"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "ClearSky Solar made our transition seamless. Our bills have dropped significantly!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-men-with-project_23-2148920576.jpg"},
|
||||
{
|
||||
id: "2", name: "James Henderson", role: "Homeowner", testimonial: "Professional, clean installation, and amazing energy monitoring tools.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"},
|
||||
{
|
||||
id: "3", name: "Karen O'Neill", role: "Homeowner", testimonial: "The best investment for our Halifax home. ClearSky is absolutely recommended.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg"},
|
||||
{
|
||||
id: "4", name: "Michael Thorne", role: "Homeowner", testimonial: "Exceptional service from initial consultation to final inspection. True pros.", imageSrc: "http://img.b2bpic.net/free-photo/3d-model-residential-building_23-2150761186.jpg"},
|
||||
{
|
||||
id: "5", name: "Emily D.", role: "Homeowner", testimonial: "Finally seeing the savings! Solar power in NS is a reality with ClearSky.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205439.jpg"},
|
||||
]}
|
||||
title="Hear from Halifax Homeowners"
|
||||
description="Join our growing list of satisfied energy-independent clients across Nova Scotia."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="bento-grid"
|
||||
title="Hear from Halifax Homeowners"
|
||||
description="Join our growing list of satisfied energy-independent clients across Nova Scotia."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Halifax", rating: 5 },
|
||||
{ id: "2", name: "James Henderson", role: "Homeowner", company: "Dartmouth", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Does solar work in winter?", content: "Absolutely! Nova Scotia experiences long daylight hours in summer that offset winter production effectively."},
|
||||
{
|
||||
id: "2", title: "What's the expected lifespan?", content: "Our systems are engineered for 25+ years of reliable, clean energy generation."},
|
||||
{
|
||||
id: "3", title: "Is maintenance required?", content: "Solar panels require very little maintenance, though an annual check-up keeps them operating at peak performance."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2148920650.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Solar Questions"
|
||||
description="Find answers to help you start your journey toward energy independence."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Does solar work in winter?", content: "Absolutely! Nova Scotia experiences long daylight hours in summer that offset winter production effectively." },
|
||||
{ id: "2", title: "What's the expected lifespan?", content: "Our systems are engineered for 25+ years of reliable, clean energy generation." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2148920650.jpg"
|
||||
title="Common Solar Questions"
|
||||
description="Find answers to help you start your journey toward energy independence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Get Your Solar Quote"
|
||||
description="Start saving on your energy bills. Contact us for a free site assessment today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rainbow-sky-residential-area-houses_169016-21426.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your Halifax address"
|
||||
buttonText="Request Quote"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Get Your Solar Quote"
|
||||
description="Start saving on your energy bills. Contact us for a free site assessment today."
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ClearSky Solar"
|
||||
copyrightText="© 2025 ClearSky Solar | Halifax, NS"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ClearSky Solar"
|
||||
socialLinks={[{ icon: Twitter, href: "#", ariaLabel: "Twitter" }, { icon: Instagram, href: "#", ariaLabel: "Instagram" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user