Merge version_5 into main #7
144
src/app/page.tsx
144
src/app/page.tsx
@@ -30,43 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Caisson Bois"
|
||||
button={{
|
||||
text: "Demander un devis", href: "#contact"
|
||||
}}
|
||||
brandName="Caisson Bois Maroc"
|
||||
button={{ text: "Demander un devis", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Caisson Bois"
|
||||
description="Artisanat de précision en bois massif. Créations sur-mesure pour votre intérieur."
|
||||
logoText="Caisson Bois Maroc"
|
||||
description="Partenaire B2B de référence au Maroc pour le commerce et la transformation industrielle du bois."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir nos projets", href: "#products"},
|
||||
{ text: "Explorer nos services", href: "#features" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop-man-using-electric-hand-saw-wooden-planks_1163-3119.jpg", imageAlt: "Bespoke furniture work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185396.jpg", imageAlt: "Workshop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg", imageAlt: "Finishing process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-wooden-product-machine_169016-5436.jpg", imageAlt: "Wood texture detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185403.jpg", imageAlt: "Custom desk project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-engraving_23-2149286548.jpg", imageAlt: "Artisan joinery"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop-man-using-electric-hand-saw-wooden-planks_1163-3119.jpg", imageAlt: "Découpe bois industriel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-wooden-product-machine_169016-5436.jpg", imageAlt: "Transformation bois B2B" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg", imageAlt: "Production artisanale et industrielle" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,28 +58,25 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="L'Art du Travail du Bois"
|
||||
description="Chez Caisson Bois, nous transformons des essences de bois nobles en pièces uniques. Chaque création raconte une histoire d'artisanat, de durabilité et d'esthétique intemporelle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-natural-wooden-texture_23-2149091266.jpg"
|
||||
imageAlt="Wood detail"
|
||||
title="Expertise Bois pour Professionnels"
|
||||
description="Caisson Bois Maroc accompagne les professionnels avec des solutions sur-mesure : découpe industrielle précise, logistique de commande, et gestion complète de projets bois de grande envergure."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg"
|
||||
imageAlt="Atelier de transformation bois"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Pourquoi Choisir Caisson Bois?"
|
||||
description="L'excellence artisanale au service de vos projets de mobilier sur-mesure."
|
||||
title="Services B2B Dédiés"
|
||||
description="Nous optimisons votre chaîne d'approvisionnement avec des services adaptés aux exigences des entreprises marocaines."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1", title: "Artisanat Expert", content: "Nous privilégions des techniques traditionnelles de menuiserie pour garantir solidité et finesse."},
|
||||
{
|
||||
id: "f2", title: "Design Sur-Mesure", content: "Chaque projet est conçu en collaboration avec vous, selon vos besoins et votre style."},
|
||||
{
|
||||
id: "f3", title: "Matériaux Durables", content: "Nous sélectionnons rigoureusement nos bois pour leur beauté et leur gestion écologique."},
|
||||
{ id: "f1", title: "Découpe Sur-Mesure", content: "Équipements de pointe pour une précision millimétrée adaptée à vos besoins spécifiques." },
|
||||
{ id: "f2", title: "Gestion des Commandes", content: "Suivi rigoureux de vos stocks et délais pour garantir une continuité de vos opérations." },
|
||||
{ id: "f3", title: "Support Client Expert", content: "Un accompagnement dédié pour conseiller et optimiser vos achats de bois professionnel." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-assortment_23-2148732419.jpg"
|
||||
imageAlt="Craft tools"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-natural-wooden-texture_23-2149091266.jpg"
|
||||
imageAlt="Services bois B2B"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -107,36 +88,24 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Table de salle à manger", price: "1200€", variant: "Chêne massif", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg"},
|
||||
{
|
||||
id: "p2", name: "Bibliothèque murale", price: "850€", variant: "Noyer", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pots-with-house-plants-home-decor-detail_169016-20194.jpg"},
|
||||
{
|
||||
id: "p3", name: "Table de chevet", price: "250€", variant: "Frêne", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104689.jpg"},
|
||||
{
|
||||
id: "p4", name: "Console d'entrée", price: "450€", variant: "Chêne", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885672.jpg"},
|
||||
{
|
||||
id: "p5", name: "Bureau design", price: "950€", variant: "Hêtre", imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155603.jpg"},
|
||||
{
|
||||
id: "p6", name: "Casier à vin décoratif", price: "300€", variant: "Noyer", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821138.jpg"},
|
||||
{ id: "p1", name: "Panneaux Massifs", price: "Sur demande", variant: "Essences locales", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg" },
|
||||
{ id: "p2", name: "Bois de Charpente", price: "Sur demande", variant: "Traitement haute densité", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885672.jpg" },
|
||||
{ id: "p3", name: "Transformation sur mesure", price: "Sur demande", variant: "Découpe industrielle", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop-man-using-electric-hand-saw-wooden-planks_1163-3119.jpg" },
|
||||
]}
|
||||
title="Nos Créations"
|
||||
description="Découvrez notre gamme de mobilier artisanal et design."
|
||||
title="Notre Catalogue Professionnel"
|
||||
description="Une gamme complète de bois traités et façonnés pour tous vos projets de construction et d'aménagement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Chiffres Clés"
|
||||
tag="Expérience"
|
||||
title="Notre Engagement"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", description: "Années d'expérience"},
|
||||
{
|
||||
id: "m2", value: "500+", description: "Projets réalisés"},
|
||||
{
|
||||
id: "m3", value: "100%", description: "Bois certifié"},
|
||||
{ id: "m1", value: "100%", description: "Qualité certifiée" },
|
||||
{ id: "m2", value: "24/48h", description: "Réponse aux demandes" },
|
||||
{ id: "m3", value: "B2B", description: "Expertise partenaires" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -149,35 +118,22 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Marie L.", role: "Architecte", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-young-man-with-table-happy-expression_1194-4608.jpg"},
|
||||
{
|
||||
id: "t2", name: "Pierre D.", role: "Directeur", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workers-working-internet-store-office_259150-60587.jpg"},
|
||||
{
|
||||
id: "t3", name: "Sophie M.", role: "Designer", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg"},
|
||||
{
|
||||
id: "t4", name: "Julien B.", role: "Entrepreneur", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15634.jpg"},
|
||||
{
|
||||
id: "t5", name: "Camille R.", role: "Client", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-near-bookshelf-looking-camera_23-2147797429.jpg"},
|
||||
{ id: "t1", name: "Entreprise de Construction", role: "Partenaire", company: "Secteur Public", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-workers-working-internet-store-office_259150-60587.jpg" },
|
||||
{ id: "t2", name: "Atelier d'Architecture", role: "Partenaire", company: "Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-near-bookshelf-looking-camera_23-2147797429.jpg" },
|
||||
]}
|
||||
title="Témoignages Clients"
|
||||
description="La satisfaction de nos clients est notre meilleure publicité."
|
||||
title="Ils nous font confiance"
|
||||
description="La fiabilité au service de nos partenaires professionnels."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Besoin d'un devis ou d'informations ?"
|
||||
description="Caisson Bois Maroc est à votre écoute pour concrétiser vos projets de menuiserie. Contactez-nous pour toute demande."
|
||||
title="Parlons de vos besoins professionnels"
|
||||
description="Contactez Caisson Bois Maroc pour obtenir un devis personnalisé ou discuter de vos besoins en transformation de bois et support commercial."
|
||||
buttons={[
|
||||
{ text: "Nous appeler: +212 600 000 000", href: "tel:+212600000000" },
|
||||
{ text: "Envoyer un mail", href: "mailto:contact@caissonbois.ma" }
|
||||
{ text: "Nous appeler: +212 500 000 000", href: "tel:+212500000000" },
|
||||
{ text: "Envoyer une demande B2B", href: "mailto:commercial@caissonbois.ma" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -187,22 +143,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Caisson Bois Maroc"
|
||||
copyrightText="© 2025 | Caisson Bois Maroc. Tous droits réservés."
|
||||
copyrightText="© 2025 | Caisson Bois Maroc B2B. Tous droits réservés."
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "#hero" },
|
||||
{ label: "À propos", href: "#about" },
|
||||
{ label: "Portfolio", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Informations", items: [
|
||||
{ label: "Siège Social: Casablanca, Maroc", href: "#" },
|
||||
{ label: "Horaires: Lun-Ven, 09h-18h", href: "#" }
|
||||
]
|
||||
}
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Découpe sur-mesure", href: "#features" }, { label: "Support Opérationnel", href: "#features" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user