bender/ecfda818-948c-4605-bb3d-4bd4696ce741
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 14:04:51 +00:00
parent c4ce8c4749
commit a1dbdf3d40
1 changed files with 45 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/app/page.tsx
View File

@@ -30,7 +30,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
brandName="Doors the Biz"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Home", id: "/" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Team", id: "team" },
@@ -49,21 +49,26 @@ export default function LandingPage() {
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Browse Collection", href: "#products" },
{ text: "Request Consultation", href: "#contact" },
{ text: "Browse Collection", href: "products" },
{ text: "Request Consultation", href: "contact" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692169.jpg", imageAlt: "Modern glass entrance door with sleek frame"},
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692169.jpg", imageAlt: "Modern glass entrance door with sleek frame"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=1", imageAlt: "Contemporary sliding glass door system"},
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=1", imageAlt: "Contemporary sliding glass door system"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/light-double-doors-soft-arch-calm-classic-entrance_169016-71090.jpg", imageAlt: "Classic wooden panel door with intricate details"},
imageSrc: "http://img.b2bpic.net/free-photo/light-double-doors-soft-arch-calm-classic-entrance_169016-71090.jpg", imageAlt: "Classic wooden panel door with intricate details"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/door-with-grey-chevron-pattern-yellow-house-stylish-number-eleven_169016-70816.jpg", imageAlt: "Industrial steel security door with modern finish"},
imageSrc: "http://img.b2bpic.net/free-photo/door-with-grey-chevron-pattern-yellow-house-stylish-number-eleven_169016-70816.jpg", imageAlt: "Industrial steel security door with modern finish"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=2", imageAlt: "Elegant bifold door opening to outdoor space"},
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=2", imageAlt: "Elegant bifold door opening to outdoor space"
},
]}
/>
</div>
@@ -75,7 +80,7 @@ export default function LandingPage() {
tag="Our Advantages"
tagIcon={Award}
tagAnimation="slide-up"
buttons={[{ text: "Learn More", href: "#contact" }]}
buttons={[{ text: "Learn More", href: "contact" }]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -83,16 +88,20 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Expert Installation", description: "Our certified technicians ensure perfect installation every time, with attention to every detail for lasting durability and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hummer-tools-stairs-house-construction_181624-28753.jpg", imageAlt: "Professional door installation process"},
title: "Expert Installation", description: "Our certified technicians ensure perfect installation every time, with attention to every detail for lasting durability and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hummer-tools-stairs-house-construction_181624-28753.jpg", imageAlt: "Professional door installation process"
},
{
id: 2,
title: "Premium Quality Materials", description: "We source only the finest materials from trusted suppliers, ensuring your doors stand the test of time with exceptional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg", imageAlt: "Premium door materials and finishes"},
title: "Premium Quality Materials", description: "We source only the finest materials from trusted suppliers, ensuring your doors stand the test of time with exceptional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg", imageAlt: "Premium door materials and finishes"
},
{
id: 3,
title: "Custom Design Solutions", description: "Transform your space with our bespoke design consultations. We create doors that perfectly match your aesthetic and functional requirements.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-shows-color-swatches-lady-customer-new-kitchen-furniture_93675-134887.jpg", imageAlt: "Custom door design consultation"},
title: "Custom Design Solutions", description: "Transform your space with our bespoke design consultations. We create doors that perfectly match your aesthetic and functional requirements.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-shows-color-swatches-lady-customer-new-kitchen-furniture_93675-134887.jpg", imageAlt: "Custom door design consultation"
},
{
id: 4,
title: "Lifetime Warranty", description: "Complete peace of mind with our industry-leading warranty coverage, protecting your investment for years to come.", imageSrc: "http://img.b2bpic.net/free-vector/extend-guarantee-assurance-shield-badge-business-marketing_1017-62780.jpg", imageAlt: "Warranty protection and support"},
title: "Lifetime Warranty", description: "Complete peace of mind with our industry-leading warranty coverage, protecting your investment for years to come.", imageSrc: "http://img.b2bpic.net/free-vector/extend-guarantee-assurance-shield-badge-business-marketing_1017-62780.jpg", imageAlt: "Warranty protection and support"
},
]}
/>
</div>
@@ -104,7 +113,7 @@ export default function LandingPage() {
tag="Premium Selection"
tagIcon={Package}
tagAnimation="slide-up"
buttons={[{ text: "View All Products", href: "#contact" }]}
buttons={[{ text: "View All Products", href: "contact" }]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
@@ -113,11 +122,14 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "1", name: "Minimalist White Door", price: "$1,299", variant: "Frameless • 2 Finishes", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378907.jpg", imageAlt: "Minimalist white frameless door"},
id: "1", name: "Minimalist White Door", price: "$1,299", variant: "Frameless • 2 Finishes", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378907.jpg", imageAlt: "Minimalist white frameless door"
},
{
id: "2", name: "Classic Hardwood Door", price: "$1,599", variant: "Oak • 4 Stains", imageSrc: "http://img.b2bpic.net/free-photo/wooden-gothic-doors-with-carved-arches-old-facade-gothic-wooden-doors_169016-70820.jpg", imageAlt: "Classic hardwood panel door"},
id: "2", name: "Classic Hardwood Door", price: "$1,599", variant: "Oak • 4 Stains", imageSrc: "http://img.b2bpic.net/free-photo/wooden-gothic-doors-with-carved-arches-old-facade-gothic-wooden-doors_169016-70820.jpg", imageAlt: "Classic hardwood panel door"
},
{
id: "3", name: "Modern Glass Door", price: "$1,899", variant: "Tempered Glass • 3 Frame Colors", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-standing-doorway-balcony-looking-outside-into-yard_231208-9988.jpg", imageAlt: "Modern frameless glass sliding door"},
id: "3", name: "Modern Glass Door", price: "$1,899", variant: "Tempered Glass • 3 Frame Colors", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-standing-doorway-balcony-looking-outside-into-yard_231208-9988.jpg", imageAlt: "Modern frameless glass sliding door"
},
]}
/>
</div>
@@ -132,7 +144,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Home Depot", "Lowe's", "IKEA", "Restoration Hardware", "Architectural Digest", "Forbes", "Builder Magazine"]}
"Home Depot", "Lowe's", "IKEA", "Restoration Hardware", "Architectural Digest", "Forbes", "Builder Magazine"
]}
showCard={true}
speed={40}
/>
@@ -151,15 +164,18 @@ export default function LandingPage() {
metrics={[
{
id: "1", value: "15K+", title: "Doors Installed", items: [
"Residential & commercial projects", "95% customer satisfaction rating", "Average 10 year lifespan"],
"Residential & commercial projects", "95% customer satisfaction rating", "Average 10 year lifespan"
]
},
{
id: "2", value: "25+", title: "Years Experience", items: [
"Family-owned business heritage", "Multiple industry awards", "Certified master installers"],
"Family-owned business heritage", "Multiple industry awards", "Certified master installers"
]
},
{
id: "3", value: "50+", title: "Design Options", items: [
"Custom configurations available", "Premium material selection", "Bespoke finishing services"],
"Custom configurations available", "Premium material selection", "Bespoke finishing services"
]
},
]}
/>
@@ -226,16 +242,20 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/doorsbiz", ariaLabel: "Follow us on Facebook"},
href: "https://facebook.com/doorsbiz", ariaLabel: "Follow us on Facebook"
},
{
icon: Instagram,
href: "https://instagram.com/doorsbiz", ariaLabel: "Follow us on Instagram"},
href: "https://instagram.com/doorsbiz", ariaLabel: "Follow us on Instagram"
},
{
icon: Linkedin,
href: "https://linkedin.com/company/doorsbiz", ariaLabel: "Connect on LinkedIn"},
href: "https://linkedin.com/company/doorsbiz", ariaLabel: "Connect on LinkedIn"
},
{
icon: Twitter,
href: "https://twitter.com/doorsbiz", ariaLabel: "Follow us on Twitter"},
href: "https://twitter.com/doorsbiz", ariaLabel: "Follow us on Twitter"
},
]}
/>
</ThemeProvider>