Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 86e01e4a45 | |||
| 4cc3e0e326 | |||
| cf81db0c44 | |||
| 7d0e1d01a3 | |||
| 73ad830ef6 | |||
| 89ea5addfc | |||
| 8129d43f95 | |||
| c67205f9bc | |||
| 56ec267837 | |||
| aee4ecdc68 | |||
| 54f4b9c253 |
1437
src/app/layout.tsx
1437
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
161
src/app/page.tsx
161
src/app/page.tsx
@@ -32,17 +32,24 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Kitchen Design", id: "/kitchen-design" },
|
||||
{ name: "Design Process", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact-cta" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:(818) 939-7725"}}
|
||||
text: "Call Now", href: "tel:(818) 939-7725"
|
||||
}}
|
||||
brandName="MBG Kitchens"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="logo-slot" data-section="logo-slot">
|
||||
<div className="flex items-center justify-center py-8 bg-background">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgsfEK7AJjOjkwtwoFiYFE6krF/uploaded-1773028810233-vzl3yg3u.png" alt="MBG Kitchens Logo" className="h-16 w-auto" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Custom Kitchens Designed for Modern Living"
|
||||
@@ -52,24 +59,32 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation", href: "#contact-cta"},
|
||||
text: "Schedule Consultation", href: "#contact-cta"
|
||||
},
|
||||
{
|
||||
text: "Call Now", href: "tel:(818) 939-7725"},
|
||||
text: "Call Now", href: "tel:(818) 939-7725"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
variant: "plain"
|
||||
}}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-lady-looking-aside-while-have-breakfast-kitchen_171337-4956.jpg", imageAlt: "modern luxury kitchen white cabinets island"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-lady-looking-aside-while-have-breakfast-kitchen_171337-4956.jpg", imageAlt: "modern luxury kitchen white cabinets island"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-green-broccoli-black_114579-59942.jpg", imageAlt: "dark modern kitchen design with island"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-green-broccoli-black_114579-59942.jpg", imageAlt: "dark modern kitchen design with island"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=1", imageAlt: "elegant kitchen renovation luxury design"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=1", imageAlt: "elegant kitchen renovation luxury design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-food-glass-containers_23-2148927394.jpg?_wi=1", imageAlt: "modern kitchen custom built-in storage"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-food-glass-containers_23-2148927394.jpg?_wi=1", imageAlt: "modern kitchen custom built-in storage"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-is-resting-windowsill-bed_651396-2780.jpg", imageAlt: "luxury kitchen space designer finishes"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-is-resting-windowsill-bed_651396-2780.jpg", imageAlt: "luxury kitchen space designer finishes"
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="MBG Kitchens hero section featuring premium kitchen designs"
|
||||
@@ -84,9 +99,11 @@ export default function HomePage() {
|
||||
title="Expert Kitchen Design and Cabinetry Solutions for Los Angeles Homeowners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Process", href: "/kitchen-design"},
|
||||
text: "Learn Our Process", href: "#services"
|
||||
},
|
||||
{
|
||||
text: "Visit Showroom", href: "#contact-cta"},
|
||||
text: "Visit Showroom", href: "#contact-cta"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -96,20 +113,24 @@ export default function HomePage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
title="Our Services"
|
||||
description="Complete kitchen transformation from design to installation. We specialize in custom solutions that blend functionality with stunning aesthetics."
|
||||
title="Our Kitchen Design Process"
|
||||
description="Complete kitchen transformation from design to installation. We guide you through every step of creating your dream kitchen."
|
||||
tag="Services"
|
||||
tagIcon={Hammer}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Kitchen Design", description: "Custom kitchen layouts optimized for your lifestyle. Professional design guidance from concept to completion.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard_176420-6474.jpg?_wi=1", imageAlt: "kitchen designer consultation planning modern"},
|
||||
id: "01", title: "Design", description: "Custom kitchen layouts optimized for your lifestyle. Professional design guidance from concept to completion.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard_176420-6474.jpg?_wi=1", imageAlt: "kitchen designer consultation planning modern"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Custom Cabinets", description: "Premium cabinetry crafted to your specifications. Wide selection of materials, finishes, and hardware options.", imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13062.jpg?_wi=1", imageAlt: "custom kitchen cabinets installation modern"},
|
||||
id: "02", title: "Custom Cabinets", description: "Premium cabinetry crafted to your specifications. Wide selection of materials, finishes, and hardware options.", imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13062.jpg?_wi=1", imageAlt: "custom kitchen cabinets installation modern"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Kitchen Remodeling", description: "Complete kitchen renovations with premium materials and expert craftsmanship. Full project management included.", imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-modern-house-kitchen-with-large-windows_181624-24368.jpg?_wi=1", imageAlt: "kitchen remodeling renovation transformation"},
|
||||
id: "03", title: "Installation", description: "Expert installation with precision and care. Our skilled craftsmen ensure flawless execution of your kitchen design.", imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-modern-house-kitchen-with-large-windows_181624-24368.jpg?_wi=1", imageAlt: "kitchen remodeling renovation transformation"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Interior Design", description: "Modern interior solutions that transform your space. We create beautiful, functional kitchens that reflect your style.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-cooking-salad-cute-girl-vegan-chopping-vegetables-kitchen-counter_1258-203700.jpg?_wi=1", imageAlt: "modern interior design kitchen space"},
|
||||
id: "04", title: "Interior Finishing", description: "Beautiful finishing touches that complete your kitchen. We create functional, stunning spaces that reflect your style.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-cooking-salad-cute-girl-vegan-chopping-vegetables-kitchen-counter_1258-203700.jpg?_wi=1", imageAlt: "modern interior design kitchen space"
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
@@ -117,7 +138,8 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Kitchen Quote", href: "#contact-cta"},
|
||||
text: "Get Kitchen Quote", href: "#contact-cta"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="MBG Kitchens services overview"
|
||||
@@ -133,17 +155,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Modern White Kitchen", price: "Luxury Modern", imageSrc: "http://img.b2bpic.net/free-photo/person-reaching-matte-black-kitchen-faucet-before-turning-water_169016-69327.jpg", imageAlt: "modern white kitchen cabinets marble counters"},
|
||||
id: "1", name: "Modern White Kitchen", price: "Luxury Modern", imageSrc: "http://img.b2bpic.net/free-photo/person-reaching-matte-black-kitchen-faucet-before-turning-water_169016-69327.jpg", imageAlt: "modern white kitchen cabinets marble counters"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Classic Dark Wood Kitchen", price: "Elegant Classic", imageSrc: "http://img.b2bpic.net/free-photo/room-house-decorated-with-brazilian-folklore-design_23-2150794003.jpg", imageAlt: "classic dark wood kitchen cabinets elegant"},
|
||||
id: "2", name: "Classic Dark Wood Kitchen", price: "Elegant Classic", imageSrc: "http://img.b2bpic.net/free-photo/room-house-decorated-with-brazilian-folklore-design_23-2150794003.jpg", imageAlt: "classic dark wood kitchen cabinets elegant"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Open Concept Modern", price: "Contemporary Design", imageSrc: "http://img.b2bpic.net/free-photo/daughter-making-surprise-mother-kitchen_23-2147788211.jpg", imageAlt: "open concept kitchen island modern design"},
|
||||
id: "3", name: "Open Concept Modern", price: "Contemporary Design", imageSrc: "http://img.b2bpic.net/free-photo/daughter-making-surprise-mother-kitchen_23-2147788211.jpg", imageAlt: "open concept kitchen island modern design"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Luxury Chef's Kitchen", price: "Premium Renovation", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-drink-bar_23-2150444006.jpg", imageAlt: "luxury chef kitchen professional appliances"},
|
||||
id: "4", name: "Luxury Chef's Kitchen", price: "Premium Renovation", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-drink-bar_23-2150444006.jpg", imageAlt: "luxury chef kitchen professional appliances"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Scandinavian Minimalist", price: "Modern Minimal", imageSrc: "http://img.b2bpic.net/free-photo/girls-having-meal-kitchen_23-2147810142.jpg", imageAlt: "scandinavian minimalist kitchen light wood"},
|
||||
id: "5", name: "Scandinavian Minimalist", price: "Modern Minimal", imageSrc: "http://img.b2bpic.net/free-photo/girls-having-meal-kitchen_23-2147810142.jpg", imageAlt: "scandinavian minimalist kitchen light wood"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Mediterranean Elegance", price: "Classic Mediterranean", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ingredients-arrangement_23-2149707912.jpg", imageAlt: "mediterranean kitchen warm earth tones"},
|
||||
id: "6", name: "Mediterranean Elegance", price: "Classic Mediterranean", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ingredients-arrangement_23-2149707912.jpg", imageAlt: "mediterranean kitchen warm earth tones"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -151,7 +179,8 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Projects", href: "/kitchen-design"},
|
||||
text: "View All Projects", href: "#portfolio"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselMode="buttons"
|
||||
@@ -168,13 +197,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "Expert Design", description: "Custom kitchen expertise and professional design guidance"},
|
||||
id: "1", value: "Expert Design", description: "Custom kitchen expertise and professional design guidance"
|
||||
},
|
||||
{
|
||||
id: "2", value: "Premium Quality", description: "Only the finest materials and quality craftsmanship"},
|
||||
id: "2", value: "Premium Quality", description: "Only the finest materials and quality craftsmanship"
|
||||
},
|
||||
{
|
||||
id: "3", value: "Local Showroom", description: "Visit our Sherman Oaks showroom to see designs in person"},
|
||||
id: "3", value: "Local Showroom", description: "Visit our Sherman Oaks showroom to see designs in person"
|
||||
},
|
||||
{
|
||||
id: "4", value: "Full Service", description: "From concept through completion, we handle everything"},
|
||||
id: "4", value: "Full Service", description: "From concept through completion, we handle everything"
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -191,17 +224,23 @@ export default function HomePage() {
|
||||
author="Sarah & Michael Johnson, Los Angeles"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-indoors-medium-shot_23-2148944925.jpg", alt: "Customer Sarah Johnson"},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-indoors-medium-shot_23-2148944925.jpg", alt: "Customer Sarah Johnson"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer Michael Johnson"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer Michael Johnson"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-home-drinks-cup-tea-kitchen-relaxes-enjoys-dayoff_1258-199867.jpg", alt: "Customer review photo"},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-home-drinks-cup-tea-kitchen-relaxes-enjoys-dayoff_1258-199867.jpg", alt: "Customer review photo"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-man-having-morning-breakfast-kitchen_23-2148195297.jpg", alt: "Kitchen design review"},
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-man-having-morning-breakfast-kitchen_23-2148195297.jpg", alt: "Kitchen design review"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/storing-cookware-kitchen-order-stylish-routine_169016-68842.jpg", alt: "Completed kitchen project"},
|
||||
src: "http://img.b2bpic.net/free-photo/storing-cookware-kitchen-order-stylish-routine_169016-68842.jpg", alt: "Completed kitchen project"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-placing-pot-into-built-oven-modern-kitchen-home-cooking_169016-71176.jpg", alt: "MBG kitchen project professional portfolio"},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-placing-pot-into-built-oven-modern-kitchen-home-cooking_169016-71176.jpg", alt: "MBG kitchen project professional portfolio"
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -218,7 +257,8 @@ export default function HomePage() {
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Sherman Oaks", "Encino", "Studio City", "Toluca Lake", "Burbank", "Glendale", "Los Angeles", "San Fernando Valley"]}
|
||||
"Sherman Oaks", "Encino", "Studio City", "Toluca Lake", "Burbank", "Glendale", "Los Angeles", "San Fernando Valley"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
@@ -233,12 +273,15 @@ export default function HomePage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation", href: "#contact-cta"},
|
||||
text: "Schedule Consultation", href: "#contact-cta"
|
||||
},
|
||||
{
|
||||
text: "Call (818) 939-7725", href: "tel:(818) 939-7725"},
|
||||
text: "Call (818) 939-7725", href: "tel:(818) 939-7725"
|
||||
},
|
||||
]}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
variant: "plain"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Contact CTA for kitchen consultation"
|
||||
/>
|
||||
@@ -252,37 +295,49 @@ export default function HomePage() {
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Kitchen Design", href: "/kitchen-design"},
|
||||
label: "Design", href: "#services"
|
||||
},
|
||||
{
|
||||
label: "Custom Cabinets", href: "/kitchen-design"},
|
||||
label: "Custom Cabinets", href: "#services"
|
||||
},
|
||||
{
|
||||
label: "Kitchen Remodeling", href: "/kitchen-design"},
|
||||
label: "Installation", href: "#services"
|
||||
},
|
||||
{
|
||||
label: "Interior Design", href: "/kitchen-design"},
|
||||
label: "Interior Finishing", href: "#services"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
label: "About Us", href: "#about"
|
||||
},
|
||||
{
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
label: "Portfolio", href: "#portfolio"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact-cta"},
|
||||
label: "Contact", href: "#contact-cta"
|
||||
},
|
||||
{
|
||||
label: "Visit Showroom", href: "#contact-cta"},
|
||||
label: "Visit Showroom", href: "#contact-cta"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "14806 Oxnard St, Sherman Oaks, CA 91411", href: "#"},
|
||||
label: "14806 Oxnard St, Sherman Oaks, CA 91411", href: "#"
|
||||
},
|
||||
{
|
||||
label: "(818) 939-7725", href: "tel:(818) 939-7725"},
|
||||
label: "(818) 939-7725", href: "tel:(818) 939-7725"
|
||||
},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
label: "Instagram", href: "https://instagram.com"
|
||||
},
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
label: "Facebook", href: "https://facebook.com"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -293,4 +348,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user