From d0feb1c98c717043faefd1d1070b4af19111f2ee Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 03:30:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 210 +++++++++++++++++------------------------------
 1 file changed, 76 insertions(+), 134 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1511720..7fc752d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,146 +25,88 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Mr Lighting"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Mr Lighting"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Canada's Most Trusted LED Lighting Specialists"
-      description="Hard-to-find bulbs, expert guidance, and next-day shipping—because lighting should be simple. From rare LED retrofits to commercial fixtures, we stock what others can't and price it fairly."
-      buttons={[
-        {
-          text: "Find Your Perfect Light",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg?_wi=1",
-          imageAlt: "Modern LED Lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg?_wi=2",
-          imageAlt: "Modern LED Lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg?_wi=3",
-          imageAlt: "Modern LED Lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg?_wi=4",
-          imageAlt: "Modern LED Lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg?_wi=5",
-          imageAlt: "Modern LED Lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg?_wi=6",
-          imageAlt: "Modern LED Lighting",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="Canada's Most Trusted LED Lighting Specialists"
+            description="Hard-to-find bulbs, expert guidance, and next-day shipping—because lighting should be simple. From rare LED retrofits to commercial fixtures, we stock what others can't and price it fairly."
+            buttons={[{ text: "Find Your Perfect Light", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg", imageAlt: "Modern LED Lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg", imageAlt: "Modern LED Lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg", imageAlt: "Modern LED Lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg", imageAlt: "Modern LED Lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg", imageAlt: "Modern LED Lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-pink-red-lights_1268-14350.jpg", imageAlt: "Modern LED Lighting" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Expert Guidance, Personalized Service"
-      description="We understand that lighting is more than just bulbs—it's about creating the perfect atmosphere. Our team offers expert consultations for homeowners, contractors, and designers to ensure you get exactly what you need."
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-modern-man-cleaning-doing-household-chores_23-2151468746.jpg"
-      imageAlt="Lighting expert consultant"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Expert Guidance, Personalized Service"
+            description="We understand that lighting is more than just bulbs—it's about creating the perfect atmosphere. Our team offers expert consultations for homeowners, contractors, and designers to ensure you get exactly what you need."
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-modern-man-cleaning-doing-household-chores_23-2151468746.jpg"
+            imageAlt="Lighting expert consultant"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Limited big-box options",
-          "Lack of technical advice",
-          "Long shipping times",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Curated rare fixtures",
-          "Personalized expert support",
-          "Next-day shipping available",
-        ],
-      }}
-      title="Why Choose Mr Lighting"
-      description="Premium service and expertise for every lighting project."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Limited big-box options", "Lack of technical advice", "Long shipping times"] }}
+            positiveCard={{ items: ["Curated rare fixtures", "Personalized expert support", "Next-day shipping available"] }}
+            title="Why Choose Mr Lighting"
+            description="Premium service and expertise for every lighting project."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Lumina Design",
-        "TechBright Systems",
-        "GreenEnergy LED",
-        "SmartNode Solutions",
-        "Elite Electrical",
-        "Maple Home Renovations",
-        "Architectural Lighting Co.",
-      ]}
-      title="Trusted by Experts"
-      description="Serving contractors, designers, and homeowners across Canada."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Lumina Design", "TechBright Systems", "GreenEnergy LED", "SmartNode Solutions", "Elite Electrical", "Maple Home Renovations", "Architectural Lighting Co."]}
+            title="Trusted by Experts"
+            description="Serving contractors, designers, and homeowners across Canada."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to Start?"
-      title="Find Your Perfect Light"
-      description="Submit your project details or product requirements, and our team will get back to you with expert guidance."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-traditional-fireworks-display-local-maltese-village-feast_181624-1122.jpg"
-      imageAlt="Quality LED component"
-      mediaAnimation="opacity"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Ready to Start?"
+            title="Find Your Perfect Light"
+            description="Submit your project details or product requirements, and our team will get back to you with expert guidance."
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-traditional-fireworks-display-local-maltese-village-feast_181624-1122.jpg"
+            imageAlt="Quality LED component"
+            mediaAnimation="opacity"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Mr Lighting"
-      copyrightText="© 2025 Mr Lighting Canada"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Mr Lighting"
+            copyrightText="© 2025 Mr Lighting Canada"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1