Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 03:30:19 +00:00

View File

@@ -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>
);
}
}