346 lines
16 KiB
TypeScript
346 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Sparkles, CheckCircle, Hammer, Image, Trophy, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ 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"
|
|
}}
|
|
brandName="MBG Kitchens"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Custom Kitchens Designed for Modern Living"
|
|
description="Beautiful kitchens designed and built for Los Angeles homeowners. Transform your space with premium materials, thoughtful layouts, and stunning design."
|
|
tag="Premium Kitchen Design"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Schedule Consultation", href: "#contact-cta"
|
|
},
|
|
{
|
|
text: "Call Now", href: "tel:(818) 939-7725"
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{
|
|
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/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/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"
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
ariaLabel="MBG Kitchens hero section featuring premium kitchen designs"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About MBG Kitchens"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Expert Kitchen Design and Cabinetry Solutions for Los Angeles Homeowners"
|
|
buttons={[
|
|
{
|
|
text: "Learn Our Process", href: "#services"
|
|
},
|
|
{
|
|
text: "Visit Showroom", href: "#contact-cta"
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About MBG Kitchens"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
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: "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: "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 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"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Get Kitchen Quote", href: "#contact-cta"
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="MBG Kitchens services overview"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
title="Portfolio Gallery"
|
|
description="Explore our collection of stunning kitchen transformations. Each project showcases our commitment to quality design and expert craftsmanship."
|
|
tag="Featured Projects"
|
|
tagIcon={Image}
|
|
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: "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: "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: "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"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "View All Projects", href: "#portfolio"
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselMode="buttons"
|
|
ariaLabel="Kitchen portfolio showcase"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<MetricCardTwo
|
|
title="Why Choose MBG Kitchens"
|
|
description="Proven expertise in kitchen design and cabinetry with a commitment to quality and customer satisfaction."
|
|
tag="Our Strengths"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
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: "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"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="MBG Kitchens key strengths and benefits"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="MBG Kitchens completely transformed our kitchen. The design process was smooth, the craftsmanship is exceptional, and our new kitchen is exactly what we envisioned. We couldn't be happier with the results."
|
|
rating={5}
|
|
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/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/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/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"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Customer testimonial for MBG Kitchens"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-areas" data-section="service-areas">
|
|
<SocialProofOne
|
|
title="Serving the Greater Los Angeles Area"
|
|
description="We proudly serve homeowners throughout Sherman Oaks, San Fernando Valley, and Los Angeles County with premium kitchen design and remodeling services."
|
|
tag="Service Areas"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"Sherman Oaks", "Encino", "Studio City", "Toluca Lake", "Burbank", "Glendale", "Los Angeles", "San Fernando Valley"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={40}
|
|
ariaLabel="MBG Kitchens service areas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactText
|
|
text="Ready to transform your kitchen? Schedule your consultation with our design experts today. Let's create the kitchen of your dreams."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{
|
|
text: "Schedule Consultation", href: "#contact-cta"
|
|
},
|
|
{
|
|
text: "Call (818) 939-7725", href: "tel:(818) 939-7725"
|
|
},
|
|
]}
|
|
background={{
|
|
variant: "plain"
|
|
}}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact CTA for kitchen consultation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-with-contemporary-interior-decor-furnishings_23-2150886722.jpg?_wi=1"
|
|
imageAlt="kitchen showroom display interior design"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Design", href: "#services"
|
|
},
|
|
{
|
|
label: "Custom Cabinets", href: "#services"
|
|
},
|
|
{
|
|
label: "Installation", href: "#services"
|
|
},
|
|
{
|
|
label: "Interior Finishing", href: "#services"
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"
|
|
},
|
|
{
|
|
label: "Portfolio", href: "#portfolio"
|
|
},
|
|
{
|
|
label: "Contact", href: "#contact-cta"
|
|
},
|
|
{
|
|
label: "Visit Showroom", href: "#contact-cta"
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "14806 Oxnard St, Sherman Oaks, CA 91411", href: "#"
|
|
},
|
|
{
|
|
label: "(818) 939-7725", href: "tel:(818) 939-7725"
|
|
},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"
|
|
},
|
|
{
|
|
label: "Facebook", href: "https://facebook.com"
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="MBG Kitchens"
|
|
copyrightText="© 2025 MBG Kitchens. All rights reserved."
|
|
ariaLabel="MBG Kitchens footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|