From 7a82b62c6899bcece70932fc2bb5dc9b66517270 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 16:46:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 409 ++++++++++++++---------------------------------
 1 file changed, 120 insertions(+), 289 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8c69875..85c261e 100644
--- a/src/app/page.tsx
+++ b/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>
   );