Merge version_1 into main #2
210
src/app/page.tsx
210
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user