Merge version_1_1781472737897 into main #1

Merged
bender merged 3 commits from version_1_1781472737897 into main 2026-06-14 21:33:50 +00:00
2 changed files with 137 additions and 298 deletions

View File

@@ -7,81 +7,46 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Accueil",
"href": "#hero"
},
{
"name": "À propos",
"href": "#about"
},
{
"name": "Galerie",
"href": "#products"
},
{
"name": "Contact",
"href": "#contact"
},
{
"name": "Features",
"href": "#features"
},
{
"name": "Metrics",
"href": "#metrics"
},
{
"name": "Testimonials",
"href": "#testimonials"
}
];
{ name: "Accueil", href: "#hero" },
{ name: "À propos", href: "#about" },
{ name: "Galerie", href: "#products" },
{ name: "Contact", href: "#contact" }
];
return (
<StyleProvider buttonVariant="stagger" siteBackground="gridLines" heroBackground="horizonGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarInline
logo="MHK Cuisine"
ctaButton={{
text: "Demander une étude",
href: "#contact",
}}
navItems={navItems} />
logo="MHK Cuisine"
ctaButton={{
text: "Demander une étude", href: "#contact"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleCard
brand="MHK Cuisine Sétif"
columns={[
{
title: "Service",
items: [
brand="MHK Cuisine Sétif"
columns={[
{
label: "Réalisations",
href: "#products",
title: "Service", items: [
{ label: "Réalisations", href: "#products" },
{ label: "Contact", href: "#contact" },
],
},
{
label: "Contact",
href: "#contact",
title: "Légal", items: [
{ label: "Mentions Légales", href: "#" },
],
},
],
},
{
title: "Légal",
items: [
{
label: "Mentions Légales",
href: "#",
},
],
},
]}
copyright="© 2024 MHK Cuisine. Tous droits réservés."
/>
]}
copyright="© 2024 MHK Cuisine. Tous droits réservés."
links={[]}
/>
</SectionErrorBoundary>
</StyleProvider>
);
}
}

View File

@@ -6,264 +6,138 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import { CheckCircle, Tool, Users } from "lucide-react";
import { CheckCircle, Wrench, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroTiltedCards
tag="Expertise en cuisines équipées"
title="Concevez la cuisine de vos rêves à Sétif"
description="Design moderne, fabrication sur mesure et installation professionnelle pour transformer votre espace."
primaryButton={{
text: "Explorer nos réalisations",
href: "#products",
}}
secondaryButton={{
text: "Nous contacter",
href: "#contact",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-kitchen-faucet-stainless-sink-white-marble_169016-69044.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-closeup-wooden-handle-premium-minimalism_169016-69005.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008679.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fermented-tomato-slices-blue-plate_114579-55147.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Expertise en cuisines équipées"
title="Concevez la cuisine de vos rêves à Sétif"
description="Design moderne, fabrication sur mesure et installation professionnelle pour transformer votre espace."
primaryButton={{
text: "Explorer nos réalisations", href: "#products"}}
secondaryButton={{
text: "Nous contacter", href: "#contact"}}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-kitchen-faucet-stainless-sink-white-marble_169016-69044.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-closeup-wooden-handle-premium-minimalism_169016-69005.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-kitchen-interior-design_23-2151008679.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fermented-tomato-slices-blue-plate_114579-55147.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Pourquoi MHK ?"
title="Qualité et savoir-faire"
description="Situé à Sétif, MHK combine innovation technologique et artisanat traditionnel pour des cuisines durables."
items={[
{
icon: CheckCircle,
title: "Sur Mesure",
description: "Conception unique selon vos besoins.",
},
{
icon: Tool,
title: "Fabrication locale",
description: "Contrôle qualité à chaque étape.",
},
{
icon: Users,
title: "Accompagnement",
description: "Expertise conseil de A à Z.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-it-girl-woman-works-freelance-from-home-sits-floor-with-laptop-girl-student-does-homework_1258-200094.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Pourquoi MHK ?"
title="Qualité et savoir-faire"
description="Situé à Sétif, MHK combine innovation technologique et artisanat traditionnel pour des cuisines durables."
items={[
{ icon: "CheckCircle", title: "Sur Mesure", description: "Conception unique selon vos besoins." },
{ icon: "Wrench", title: "Fabrication locale", description: "Contrôle qualité à chaque étape." },
{ icon: "Users", title: "Accompagnement", description: "Expertise conseil de A à Z." }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-it-girl-woman-works-freelance-from-home-sits-floor-with-laptop-girl-student-does-homework_1258-200094.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesComparison
tag="Notre Différence"
title="Standard vs MHK"
description="Comparez la qualité MHK par rapport aux standards du marché."
negativeItems={[
"Matériaux de faible qualité",
"Designs génériques",
"Délais non respectés",
"Suivi inexistant",
]}
positiveItems={[
"Matériaux premium certifiés",
"Design 100% personnalisé",
"Installation précise garantie",
"Service après-vente dédié",
]}
/>
</SectionErrorBoundary>
</div>
tag="Notre Différence"
title="Standard vs MHK"
description="Comparez la qualité MHK par rapport aux standards du marché."
negativeItems={["Matériaux de faible qualité", "Designs génériques", "Délais non respectés", "Suivi inexistant"]}
positiveItems={["Matériaux premium certifiés", "Design 100% personnalisé", "Installation précise garantie", "Service après-vente dédié"]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Galerie"
title="Découvrez nos modèles"
description="Une sélection de cuisines modernes conçues par notre équipe."
items={[
{
title: "Modèle Élégance",
description: "Design minimaliste blanc.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-10511.jpg",
},
{
title: "Modèle Prestige",
description: "Finitions bois sombre.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-place-cooking-extractor-stove_169016-19751.jpg",
},
{
title: "Modèle Moderne",
description: "Style industriel chic.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-break-from-work-sitting-kitchen-using-smartphone-girl-studies-home_1258-199919.jpg",
},
{
title: "Modèle Compact",
description: "Optimisation intelligente.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg",
},
{
title: "Modèle Design",
description: "Finitions or brossé.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157788.jpg",
},
{
title: "Modèle Classique",
description: "Fusion contemporaine.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/dark-kitchen-cabinets-with-gold-hardware-details-elegant-interior-with-wooden-counter-plant_169016-72764.jpg",
},
{
title: "Modèle Signature",
description: "Notre chef d'œuvre.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821254.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Galerie"
title="Découvrez nos modèles"
description="Une sélection de cuisines modernes conçues par notre équipe."
items={[
{ title: "Modèle Élégance", description: "Design minimaliste blanc.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-10511.jpg" },
{ title: "Modèle Prestige", description: "Finitions bois sombre.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-place-cooking-extractor-stove_169016-19751.jpg" },
{ title: "Modèle Moderne", description: "Style industriel chic.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-break-from-work-sitting-kitchen-using-smartphone-girl-studies-home_1258-199919.jpg" },
{ title: "Modèle Compact", description: "Optimisation intelligente.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg" },
{ title: "Modèle Design", description: "Finitions or brossé.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157788.jpg" },
{ title: "Modèle Classique", description: "Fusion contemporaine.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/dark-kitchen-cabinets-with-gold-hardware-details-elegant-interior-with-wooden-counter-plant_169016-72764.jpg" },
{ title: "Modèle Signature", description: "Notre chef d'œuvre.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821254.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Nos Chiffres"
title="La confiance MHK"
description="Des années d'expérience et des centaines de cuisines installées."
metrics={[
{
value: "15+",
title: "Années",
description: "D'expertise",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185397.jpg",
},
{
value: "500+",
title: "Installations",
description: "Réalisées à Sétif",
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278646.jpg",
},
{
value: "100%",
title: "Client",
description: "Satisfaction",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185404.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Nos Chiffres"
title="La confiance MHK"
description="Des années d'expérience et des centaines de cuisines installées."
metrics={[
{ value: "15+", title: "Années", description: "D'expertise", imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185397.jpg" },
{ value: "500+", title: "Installations", description: "Réalisées à Sétif", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278646.jpg" },
{ value: "100%", title: "Client", description: "Satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185404.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Témoignages"
title="Ils nous ont fait confiance"
testimonials={[
{
name: "Karim R.",
role: "Client",
quote: "Une cuisine magnifique, installée dans les délais.",
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg",
},
{
name: "Samira B.",
role: "Client",
quote: "Le design sur mesure est tout simplement incroyable.",
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg",
},
{
name: "Amine L.",
role: "Client",
quote: "Service très professionnel, du choix à la pose.",
imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-young-man-drinking-tea-kitchen-with-stylish-interior-indoor-portrait-carefree-couple-enjoying-breakfast_197531-12213.jpg",
},
{
name: "Nadia S.",
role: "Client",
quote: "Le meilleur showroom de Sétif pour les cuisines.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-tired-redhead-caucasian-student-female-working-laptop-enjoying-pleasant-massage_273609-14136.jpg",
},
{
name: "Yassine M.",
role: "Client",
quote: "Qualité irréprochable et conseils avisés.",
imageSrc: "http://img.b2bpic.net/free-photo/man-serving-bread-coffee-wooden-table_23-2148195244.jpg",
},
]}
description="Découvrez les avis de nos clients satisfaits."
/>
</SectionErrorBoundary>
</div>
tag="Témoignages"
title="Ils nous ont fait confiance"
testimonials={[
{ name: "Karim R.", role: "Client", quote: "Une cuisine magnifique, installée dans les délais.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg" },
{ name: "Samira B.", role: "Client", quote: "Le design sur mesure est tout simplement incroyable.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg" },
{ name: "Amine L.", role: "Client", quote: "Service très professionnel, du choix à la pose.", imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-young-man-drinking-tea-kitchen-with-stylish-interior-indoor-portrait-carefree-couple-enjoying-breakfast_197531-12213.jpg" },
{ name: "Nadia S.", role: "Client", quote: "Le meilleur showroom de Sétif pour les cuisines.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-tired-redhead-caucasian-student-female-working-laptop-enjoying-pleasant-massage_273609-14136.jpg" },
{ name: "Yassine M.", role: "Client", quote: "Qualité irréprochable et conseils avisés.", imageSrc: "http://img.b2bpic.net/free-photo/man-serving-bread-coffee-wooden-table_23-2148195244.jpg" }
]}
description="Découvrez les avis de nos clients satisfaits."
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Questions Fréquentes"
title="Besoin d'informations ?"
items={[
{
question: "Proposez-vous des devis gratuits ?",
answer: "Oui, nous proposons une étude personnalisée sur place.",
},
{
question: "Quels sont les délais de fabrication ?",
answer: "En moyenne 4 à 6 semaines selon le modèle.",
},
{
question: "Couvrez-vous d'autres wilayas ?",
answer: "Nous sommes basés à Sétif et intervenons dans la région.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-707.jpg"
description="Nous répondons à toutes vos interrogations sur nos services."
/>
</SectionErrorBoundary>
</div>
tag="Questions Fréquentes"
title="Besoin d'informations ?"
items={[
{ question: "Proposez-vous des devis gratuits ?", answer: "Oui, nous proposons une étude personnalisée sur place." },
{ question: "Quels sont les délais de fabrication ?", answer: "En moyenne 4 à 6 semaines selon le modèle." },
{ question: "Couvrez-vous d'autres wilayas ?", answer: "Nous sommes basés à Sétif et intervenons dans la région." }
]}
imageSrc="http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-707.jpg"
description="Nous répondons à toutes vos interrogations sur nos services."
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contactez-nous"
text="Prêt à créer votre cuisine ? Appelez-nous au +213 30 75 75 38 ou demandez une visite."
primaryButton={{
text: "Appeler +213 30 75 75 38",
href: "tel:+21330757538",
}}
secondaryButton={{
text: "Visiter le Showroom",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Contactez-nous"
text="Prêt à créer votre cuisine ? Appelez-nous au +213 30 75 75 38 ou demandez une visite."
primaryButton={{ text: "Appeler +213 30 75 75 38", href: "tel:+21330757538" }}
secondaryButton={{ text: "Visiter le Showroom", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}