bender/444f72ec-5ecf-469c-a763-6fa5154e3cf2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 21:13:50 +00:00
parent ee3b52f3bf
commit d893f81495
1 changed files with 57 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

398
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "hero",
},
{
name: "À Propos",
id: "about",
},
{
name: "Produits",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Accueil", id: "hero" },
{ name: "À Propos", id: "about" },
{ name: "Produits", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Cogemil"
/>
@@ -56,110 +44,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Matériaux de Construction à Marrakech"
description="Cogemil : Votre partenaire de confiance pour la construction, la rénovation et l'outillage de qualité supérieure."
testimonials={[
{
name: "Ahmed K.",
handle: "@cogemil",
testimonial: "Disponibilité et bonne qualité de service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vintage-items-second-hand-market_23-2149338439.jpg?_wi=1",
imageAlt: "construction building materials supply depot",
},
{
name: "Fatima Z.",
handle: "@cogemil",
testimonial: "On trouve de tout pour la construction ou la rénovation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=1",
imageAlt: "construction building materials supply depot",
},
{
name: "Youssef M.",
handle: "@cogemil",
testimonial: "Endroit parfait pour le monde de la construction et l'aménagement.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-53025.jpg?_wi=1",
imageAlt: "construction building materials supply depot",
},
{
name: "Saïd B.",
handle: "@cogemil",
testimonial: "Très grand choix d'outils, équipe efficace.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg?_wi=1",
imageAlt: "construction building materials supply depot",
},
{
name: "Nadia L.",
handle: "@cogemil",
testimonial: "Conseils précieux pour mes travaux de rénovation.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=1",
imageAlt: "construction building materials supply depot",
},
{ name: "Ahmed K.", handle: "@cogemil", testimonial: "Disponibilité et bonne qualité de service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vintage-items-second-hand-market_23-2149338439.jpg", imageAlt: "construction building materials supply depot" },
{ name: "Fatima Z.", handle: "@cogemil", testimonial: "On trouve de tout pour la construction ou la rénovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg", imageAlt: "construction building materials supply depot" },
{ name: "Youssef M.", handle: "@cogemil", testimonial: "Endroit parfait pour le monde de la construction et l'aménagement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-53025.jpg", imageAlt: "construction building materials supply depot" },
{ name: "Saïd B.", handle: "@cogemil", testimonial: "Très grand choix d'outils, équipe efficace.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg", imageAlt: "construction building materials supply depot" },
{ name: "Nadia L.", handle: "@cogemil", testimonial: "Conseils précieux pour mes travaux de rénovation.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg", imageAlt: "construction building materials supply depot" }
]}
buttons={[
{
text: "Nos Produits",
href: "#products",
},
{
text: "Contactez-nous",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/vintage-items-second-hand-market_23-2149338439.jpg?_wi=2"
buttons={[{ text: "Nos Produits", href: "#products" }, { text: "Contactez-nous", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/vintage-items-second-hand-market_23-2149338439.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5089.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13266.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/technology-mobile-crowded-model-view_1258-124.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5089.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13266.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/technology-mobile-crowded-model-view_1258-124.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg", alt: "Client 5" }
]}
avatarText="Rejoignez nos 500+ clients satisfaits"
marqueeItems={[
{
type: "text",
text: "Ciment",
},
{
type: "text",
text: "Outillage",
},
{
type: "text",
text: "Fer à béton",
},
{
type: "text",
text: "Carrelage",
},
{
type: "text",
text: "Peinture",
},
]}
marqueeItems={[{ type: "text", text: "Ciment" }, { type: "text", text: "Outillage" }, { type: "text", text: "Fer à béton" }, { type: "text", text: "Carrelage" }, { type: "text", text: "Peinture" }]}
/>
</div>
@@ -168,21 +74,8 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Cogemil : L'Expertise en Construction"
description="Situé sur la Route de Safi, nous servons les professionnels et les particuliers depuis des années avec une sélection rigoureuse de matériaux."
metrics={[
{
value: "4.5/5",
title: "Note Google",
},
{
value: "27+",
title: "Avis Clients",
},
{
value: "Large",
title: "Choix outillage",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=2"
metrics={[{ value: "4.5/5", title: "Note Google" }, { value: "27+", title: "Avis Clients" }, { value: "Large", title: "Choix outillage" }]}
imageSrc="http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -195,50 +88,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Large Choix",
description: "Une gamme complète pour la construction et l'aménagement.",
icon: Wrench,
title: "Large Choix", description: "Une gamme complète pour la construction et l'aménagement.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-53025.jpg?_wi=2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/vintage-items-second-hand-market_23-2149338439.jpg?_wi=3",
imageAlt: "various building materials bricks stacks",
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-53025.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg" }
]
},
{
title: "Outillage",
description: "Rayon complet pour vos besoins de chantier.",
icon: Wrench,
title: "Outillage", description: "Rayon complet pour vos besoins de chantier.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138421.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools-equipment_1170-2529.jpg?_wi=3",
imageAlt: "various building materials bricks stacks",
{ imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138421.jpg" }
]
},
{
title: "Qualité Service",
description: "Conseils d'experts pour réussir vos projets.",
icon: CheckCircle,
title: "Qualité Service", description: "Conseils d'experts pour réussir vos projets.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/diverse-warehouse-team-using-bar-code-scanners-manage-packages_482257-131454.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12821.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/stacks-timber-planks-building-construction-generated-by-ai_188544-26233.jpg?_wi=1",
imageAlt: "various building materials bricks stacks",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-warehouse-team-using-bar-code-scanners-manage-packages_482257-131454.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12821.jpg" }
]
}
]}
title="Nos Services"
description="Pourquoi choisir Cogemil pour vos travaux ?"
@@ -252,48 +121,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Ciment",
price: "Sur demande",
variant: "Construction",
imageSrc: "http://img.b2bpic.net/free-photo/stacks-timber-planks-building-construction-generated-by-ai_188544-26233.jpg?_wi=2",
},
{
id: "2",
name: "Fer à béton",
price: "Sur demande",
variant: "Structure",
imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953938.jpg",
},
{
id: "3",
name: "Carrelage",
price: "Sur demande",
variant: "Finitions",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334533.jpg",
},
{
id: "4",
name: "Peinture",
price: "Sur demande",
variant: "Rénovation",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bike-parking-near-bright-yellow-profiled-metal-wall-fence-warehouse-idea-screen-background-design-articles_166373-3524.jpg",
},
{
id: "5",
name: "Outillage Manuel",
price: "Sur demande",
variant: "Outils",
imageSrc: "http://img.b2bpic.net/free-photo/builder-orange-work-clothes-using-hammer-with-stand-different-tools-near-workshop_574295-1632.jpg",
},
{
id: "6",
name: "Outillage Électrique",
price: "Sur demande",
variant: "Outils",
imageSrc: "http://img.b2bpic.net/free-photo/worker-using-iron-front-view_23-2149916279.jpg",
},
{ id: "1", name: "Ciment", price: "Sur demande", variant: "Construction", imageSrc: "http://img.b2bpic.net/free-photo/stacks-timber-planks-building-construction-generated-by-ai_188544-26233.jpg" },
{ id: "2", name: "Fer à béton", price: "Sur demande", variant: "Structure", imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953938.jpg" },
{ id: "3", name: "Carrelage", price: "Sur demande", variant: "Finitions", imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334533.jpg" },
{ id: "4", name: "Peinture", price: "Sur demande", variant: "Rénovation", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bike-parking-near-bright-yellow-profiled-metal-wall-fence-warehouse-idea-screen-background-design-articles_166373-3524.jpg" },
{ id: "5", name: "Outillage Manuel", price: "Sur demande", variant: "Outils", imageSrc: "http://img.b2bpic.net/free-photo/builder-orange-work-clothes-using-hammer-with-stand-different-tools-near-workshop_574295-1632.jpg" },
{ id: "6", name: "Outillage Électrique", price: "Sur demande", variant: "Outils", imageSrc: "http://img.b2bpic.net/free-photo/worker-using-iron-front-view_23-2149916279.jpg" }
]}
title="Matériaux Disponibles"
description="Des fondations à la finition, tout le nécessaire pour bâtir."
@@ -306,61 +139,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ahmed K.",
role: "Maçon",
company: "Client local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
},
{
id: "2",
name: "Fatima Z.",
role: "Particulier",
company: "Rénovation",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/building-workers-their-work-space_329181-15640.jpg",
},
{
id: "3",
name: "Youssef M.",
role: "Architecte",
company: "Projet privé",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-lady-standing-near-model-building-table_23-2148039868.jpg",
},
{
id: "4",
name: "Saïd B.",
role: "Entrepreneur",
company: "Cogemil Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148921381.jpg",
},
{
id: "5",
name: "Nadia L.",
role: "Décoratrice",
company: "Aménagement",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2151657936.jpg",
},
]}
kpiItems={[
{
value: "4.5",
label: "Note Google",
},
{
value: "27",
label: "Avis vérifiés",
},
{
value: "100%",
label: "Disponibilité",
},
{ id: "1", name: "Ahmed K.", role: "Maçon", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg" },
{ id: "2", name: "Fatima Z.", role: "Particulier", company: "Rénovation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-workers-their-work-space_329181-15640.jpg" },
{ id: "3", name: "Youssef M.", role: "Architecte", company: "Projet privé", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-lady-standing-near-model-building-table_23-2148039868.jpg" },
{ id: "4", name: "Saïd B.", role: "Entrepreneur", company: "Cogemil Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148921381.jpg" },
{ id: "5", name: "Nadia L.", role: "Décoratrice", company: "Aménagement", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2151657936.jpg" }
]}
kpiItems={[{ value: "4.5", label: "Note Google" }, { value: "27", label: "Avis vérifiés" }, { value: "100%", label: "Disponibilité" }]}
title="Avis Clients"
description="Ce que disent nos fidèles clients."
/>
@@ -373,27 +158,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "40000",
title: "Code Postal",
description: "Basés au cœur de Marrakech.",
icon: MapPin,
},
{
id: "m2",
value: "06-62",
title: "Service Client",
description: "Toujours à votre écoute.",
icon: Phone,
},
{
id: "m3",
value: "08:00",
title: "Ouverture",
description: "Dès le mardi matin.",
icon: Clock,
},
{ id: "m1", value: "40000", title: "Code Postal", description: "Basés au cœur de Marrakech.", icon: MapPin },
{ id: "m2", value: "06-62", title: "Service Client", description: "Toujours à votre écoute.", icon: Phone },
{ id: "m3", value: "08:00", title: "Ouverture", description: "Dès le mardi matin.", icon: Clock }
]}
title="Notre Engagement"
description="Qualité, Service et Proximité à Marrakech."
@@ -405,21 +172,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Quels sont vos horaires ?",
content: "Nous sommes ouverts à partir de 08:00 le mardi.",
},
{
id: "2",
title: "Où êtes-vous situés ?",
content: "Route de Safi, MXG2+M47, Marrakech 40000.",
},
{
id: "3",
title: "Proposez-vous de l'outillage ?",
content: "Oui, nous disposons d'un rayon outillage complet pour vos projets.",
},
{ id: "1", title: "Quels sont vos horaires ?", content: "Nous sommes ouverts à partir de 08:00 le mardi." },
{ id: "2", title: "Où êtes-vous situés ?", content: "Route de Safi, MXG2+M47, Marrakech 40000." },
{ id: "3", title: "Proposez-vous de l'outillage ?", content: "Oui, nous disposons d'un rayon outillage complet pour vos projets." }
]}
title="Questions Fréquentes"
description="Besoin d'informations sur nos services ?"
@@ -433,25 +188,10 @@ export default function LandingPage() {
title="Contactez-nous"
description="Besoin d'un devis ou de conseils ? Contactez l'équipe Cogemil."
inputs={[
{
name: "name",
type: "text",
placeholder: "Nom complet",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Adresse email",
required: true,
},
{ name: "name", type: "text", placeholder: "Nom complet", required: true },
{ name: "email", type: "email", placeholder: "Adresse email", required: true }
]}
textarea={{
name: "message",
placeholder: "Votre demande...",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Votre demande...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317234.jpg"
/>
</div>
@@ -459,32 +199,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "À Propos",
items: [
{
label: "Notre Histoire",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Contact",
items: [
{
label: "06 62 39 42 83",
href: "tel:0662394283",
},
{
label: "Route de Safi, Marrakech",
href: "#",
},
],
},
{ title: "À Propos", items: [{ label: "Notre Histoire", href: "#about" }, { label: "Services", href: "#features" }] },
{ title: "Contact", items: [{ label: "06 62 39 42 83", href: "tel:0662394283" }, { label: "Route de Safi, Marrakech", href: "#" }] }
]}
logoText="Cogemil"
copyrightText="© 2025 Cogemil Marrakech"
@@ -493,4 +209,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}