Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
409
src/app/page.tsx
409
src/app/page.tsx
@@ -14,303 +14,134 @@ import { Sun } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Shivam Solar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Solutions", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shivam Solar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Powering a Brighter Future with Shivam Solar"
|
||||
description="Leading the transition to clean, sustainable energy through high-efficiency solar solutions for homes and businesses. Join the solar revolution today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amit Sharma",
|
||||
handle: "@amit_solar",
|
||||
testimonial: "Excellent service and high-quality panels. My energy bills dropped significantly!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg?_wi=1",
|
||||
imageAlt: "solar panels installation sunny roof",
|
||||
},
|
||||
{
|
||||
name: "Priya Singh",
|
||||
handle: "@priya_homes",
|
||||
testimonial: "Professional installation and great support. Highly recommend Shivam Solar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg?_wi=1",
|
||||
imageAlt: "solar energy engineers installing panels",
|
||||
},
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
handle: "@r_verma",
|
||||
testimonial: "Very satisfied with the efficiency of the system. Clean and reliable energy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg?_wi=1",
|
||||
imageAlt: "solar cell pattern close up",
|
||||
},
|
||||
{
|
||||
name: "Sunita Rao",
|
||||
handle: "@sunita_solar",
|
||||
testimonial: "Environmentally conscious choice and perfect execution by the team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=1",
|
||||
imageAlt: "home energy monitor tablet dashboard",
|
||||
},
|
||||
{
|
||||
name: "Vikram Patel",
|
||||
handle: "@vikram_patel",
|
||||
testimonial: "Seamless process from design to installation. Excellent performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg?_wi=1",
|
||||
imageAlt: "sustainability green energy icon",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Energy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Efficiency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Monitoring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Power",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Powering a Brighter Future with Shivam Solar"
|
||||
description="Leading the transition to clean, sustainable energy through high-efficiency solar solutions for homes and businesses. Join the solar revolution today."
|
||||
testimonials={[
|
||||
{ name: "Amit Sharma", handle: "@amit_solar", testimonial: "Excellent service and high-quality panels. My energy bills dropped significantly!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg", imageAlt: "solar panels installation sunny roof" },
|
||||
{ name: "Priya Singh", handle: "@priya_homes", testimonial: "Professional installation and great support. Highly recommend Shivam Solar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg", imageAlt: "solar energy engineers installing panels" },
|
||||
{ name: "Rahul Verma", handle: "@r_verma", testimonial: "Very satisfied with the efficiency of the system. Clean and reliable energy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg", imageAlt: "solar cell pattern close up" },
|
||||
{ name: "Sunita Rao", handle: "@sunita_solar", testimonial: "Environmentally conscious choice and perfect execution by the team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg", imageAlt: "home energy monitor tablet dashboard" },
|
||||
{ name: "Vikram Patel", handle: "@vikram_patel", testimonial: "Seamless process from design to installation. Excellent performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg", imageAlt: "sustainability green energy icon" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Energy" },
|
||||
{ type: "text", text: "High Efficiency" },
|
||||
{ type: "text", text: "Eco-Friendly" },
|
||||
{ type: "text", text: "Smart Monitoring" },
|
||||
{ type: "text", text: "Reliable Power" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Dedicated to Clean Energy Innovation"
|
||||
description="At Shivam Solar, we believe in a world powered by clean, renewable energy. Our systems are designed for maximum efficiency and long-term sustainability."
|
||||
subdescription="With years of experience in the renewable sector, our team ensures every installation meets the highest quality standards for our customers."
|
||||
icon={Sun}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Dedicated to Clean Energy Innovation"
|
||||
description="At Shivam Solar, we believe in a world powered by clean, renewable energy. Our systems are designed for maximum efficiency and long-term sustainability."
|
||||
subdescription="With years of experience in the renewable sector, our team ensures every installation meets the highest quality standards for our customers."
|
||||
icon={Sun}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "High Efficiency",
|
||||
author: "Expert Team",
|
||||
description: "Our panels utilize cutting-edge cell technology to ensure maximum power output even in low-light conditions.",
|
||||
tags: [
|
||||
"Technology",
|
||||
"Performance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Monitoring",
|
||||
author: "Cloud Platform",
|
||||
description: "Track your solar energy generation and consumption in real-time through our dedicated mobile app.",
|
||||
tags: [
|
||||
"Mobile",
|
||||
"Smart",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sustainable Design",
|
||||
author: "Eco-Friendly",
|
||||
description: "We are committed to eco-friendly practices, ensuring that your switch to solar is truly beneficial for the planet.",
|
||||
tags: [
|
||||
"Green",
|
||||
"Earth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Shivam Solar"
|
||||
description="Premium features that ensure reliable energy generation year after year."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "High Efficiency", author: "Expert Team", description: "Our panels utilize cutting-edge cell technology to ensure maximum power output even in low-light conditions.", tags: ["Technology", "Performance"], imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg" },
|
||||
{ id: "f2", title: "Smart Monitoring", author: "Cloud Platform", description: "Track your solar energy generation and consumption in real-time through our dedicated mobile app.", tags: ["Mobile", "Smart"], imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg" },
|
||||
{ id: "f3", title: "Sustainable Design", author: "Eco-Friendly", description: "We are committed to eco-friendly practices, ensuring that your switch to solar is truly beneficial for the planet.", tags: ["Green", "Earth"], imageSrc: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg" },
|
||||
]}
|
||||
title="Why Choose Shivam Solar"
|
||||
description="Premium features that ensure reliable energy generation year after year."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Experts"
|
||||
description="Our team of certified professionals is dedicated to making your transition to solar energy seamless and efficient."
|
||||
tag="Our Team"
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul Sharma",
|
||||
role: "Lead Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Gupta",
|
||||
role: "Solar Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit Verma",
|
||||
role: "System Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sunita Rao",
|
||||
role: "Customer Success",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram Singh",
|
||||
role: "Installation Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Experts"
|
||||
description="Our team of certified professionals is dedicated to making your transition to solar energy seamless and efficient."
|
||||
tag="Our Team"
|
||||
team={[
|
||||
{ id: "t1", name: "Rahul Sharma", role: "Lead Engineer", imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg" },
|
||||
{ id: "t2", name: "Priya Gupta", role: "Solar Consultant", imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154480.jpg" },
|
||||
{ id: "t3", name: "Amit Verma", role: "System Architect", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings_1359-1056.jpg" },
|
||||
{ id: "t4", name: "Sunita Rao", role: "Customer Success", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg" },
|
||||
{ id: "t5", name: "Vikram Singh", role: "Installation Lead", imageSrc: "http://img.b2bpic.net/free-vector/green-energy-ecology_24877-51004.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get a Free Solar Assessment"
|
||||
description="Ready to save on your energy bills? Contact us for a free site assessment and customized quote from our experts."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get a Free Solar Assessment"
|
||||
description="Ready to save on your energy bills? Contact us for a free site assessment and customized quote from our experts."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Shivam Solar"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Shivam Solar. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Shivam Solar"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Shivam Solar. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user