Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
404
src/app/page.tsx
404
src/app/page.tsx
@@ -34,26 +34,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "realisations",
|
||||
},
|
||||
name: "Réalisations", id: "realisations"},
|
||||
{
|
||||
name: "Produits",
|
||||
id: "produits",
|
||||
},
|
||||
name: "Produits", id: "produits"},
|
||||
{
|
||||
name: "Notre savoir-faire",
|
||||
id: "savoir-faire",
|
||||
},
|
||||
name: "Notre savoir-faire", id: "savoir-faire"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "WhatsApp: +212 600 055 599",
|
||||
href: "https://wa.me/212600055599",
|
||||
}}
|
||||
text: "WhatsApp: +212 600 055 599", href: "https://wa.me/212600055599"}}
|
||||
brandName="INSIDEKO"
|
||||
/>
|
||||
</div>
|
||||
@@ -61,68 +51,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Sculpter l'ombre. Habiter le ciel."
|
||||
description="Voiles d'ombrage sur mesure pour terrasses, jardins et architectures d'exception — Maroc, depuis 2008."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",
|
||||
alt: "Client satisfait, femme",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg", alt: "Client satisfait, femme"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-relaxing-clean-urban-space_23-2149015781.jpg",
|
||||
alt: "Client satisfait, femme",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-relaxing-clean-urban-space_23-2149015781.jpg", alt: "Client satisfait, femme"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-business-woman-speaking-by-phone-holding-coffee-go-successful-european-woman-talking-phone-standing-modern-office-building_158595-6742.jpg",
|
||||
alt: "Client satisfait, femme",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-business-woman-speaking-by-phone-holding-coffee-go-successful-european-woman-talking-phone-standing-modern-office-building_158595-6742.jpg", alt: "Client satisfait, femme"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-white-suit-studio_1303-20664.jpg",
|
||||
alt: "Client satisfait, femme",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-white-suit-studio_1303-20664.jpg", alt: "Client satisfait, femme"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg",
|
||||
alt: "Client satisfait, homme",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg", alt: "Client satisfait, homme"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
{
|
||||
text: "Voir nos réalisations",
|
||||
href: "#realisations",
|
||||
},
|
||||
text: "Voir nos réalisations", href: "#realisations"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Innovation Architecturale",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Innovation Architecturale", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Qualité Certifiée",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Qualité Certifiée", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Design Sur Mesure",
|
||||
icon: Ruler,
|
||||
type: "text-icon", text: "Design Sur Mesure", icon: Ruler,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Durabilité Garantie",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Durabilité Garantie", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expertise Locale",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Expertise Locale", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -136,24 +101,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Depuis",
|
||||
value: "2008",
|
||||
},
|
||||
label: "Depuis", value: "2008"},
|
||||
{
|
||||
icon: Layout,
|
||||
label: "Projets livrés",
|
||||
value: "+500",
|
||||
},
|
||||
label: "Projets livrés", value: "+500"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Garantie",
|
||||
value: "10 ans",
|
||||
},
|
||||
label: "Garantie", value: "10 ans"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Textile certifié",
|
||||
value: "Serge Ferrari",
|
||||
},
|
||||
label: "Textile certifié", value: "Serge Ferrari"},
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
/>
|
||||
@@ -165,17 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Ce diagramme animé illustre les principes fondamentaux de la voile d'ombrage, montrant l'interaction entre la tension, les points d'ancrage stratégiques et la géométrie des formes pour créer une structure stable et esthétique.",
|
||||
],
|
||||
"Ce diagramme animé illustre les principes fondamentaux de la voile d'ombrage, montrant l'interaction entre la tension, les points d'ancrage stratégiques et la géométrie des formes pour créer une structure stable et esthétique."],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Installation précise et rapide par nos équipes qualifiées.",
|
||||
"Matériaux haut de gamme résistants aux intempéries et aux UV.",
|
||||
"Esthétique moderne et intégration harmonieuse à tout type d'architecture.",
|
||||
"Augmentation significative de la valeur et du confort de votre propriété.",
|
||||
],
|
||||
"Installation précise et rapide par nos équipes qualifiées.", "Matériaux haut de gamme résistants aux intempéries et aux UV.", "Esthétique moderne et intégration harmonieuse à tout type d'architecture.", "Augmentation significative de la valeur et du confort de votre propriété."],
|
||||
}}
|
||||
animationType="depth-3d"
|
||||
title="Le voile d'ombrage : une écriture architecturale"
|
||||
description="Au-delà de la simple protection solaire, nos voiles d'ombrage sur mesure transforment les espaces extérieurs en de véritables œuvres d'art. Elles sculptent la lumière, offrent une protection efficace contre les UV et la pluie légère, et définissent des ambiances uniques, prolongeant l'expérience architecturale de votre habitation ou institution."
|
||||
tag="Notre Philosophie"
|
||||
@@ -189,102 +142,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "triangle-isocele",
|
||||
title: "Triangle Isocèle",
|
||||
price: "Sur devis",
|
||||
period: "m²",
|
||||
features: [
|
||||
"Adapté aux espaces réduits",
|
||||
"Design épuré et moderne",
|
||||
"Dimensions personnalisables",
|
||||
],
|
||||
id: "triangle-isocele", title: "Triangle Isocèle", price: "Sur devis", period: "m²", features: [
|
||||
"Adapté aux espaces réduits", "Design épuré et moderne", "Dimensions personnalisables"],
|
||||
button: {
|
||||
text: "Sélectionner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-chair_74190-173.jpg",
|
||||
imageAlt: "Silhouette de voile d'ombrage triangulaire isocèle",
|
||||
},
|
||||
text: "Sélectionner"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-chair_74190-173.jpg", imageAlt: "Silhouette de voile d'ombrage triangulaire isocèle"},
|
||||
{
|
||||
id: "triangle-equilateral",
|
||||
title: "Triangle Équilatéral",
|
||||
price: "Sur devis",
|
||||
period: "m²",
|
||||
features: [
|
||||
"Symphonie des formes géométriques",
|
||||
"Couverture équilibrée",
|
||||
"Esthétique audacieuse",
|
||||
],
|
||||
id: "triangle-equilateral", title: "Triangle Équilatéral", price: "Sur devis", period: "m²", features: [
|
||||
"Symphonie des formes géométriques", "Couverture équilibrée", "Esthétique audacieuse"],
|
||||
button: {
|
||||
text: "Sélectionner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-triangle-shape-banner-design-with-text-space_1017-10523.jpg",
|
||||
imageAlt: "Silhouette de voile d'ombrage triangulaire équilatérale",
|
||||
},
|
||||
text: "Sélectionner"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-triangle-shape-banner-design-with-text-space_1017-10523.jpg", imageAlt: "Silhouette de voile d'ombrage triangulaire équilatérale"},
|
||||
{
|
||||
id: "triangle-rectangle",
|
||||
title: "Triangle Rectangle",
|
||||
price: "Sur devis",
|
||||
period: "m²",
|
||||
features: [
|
||||
"Parfait pour les angles",
|
||||
"Optimisation de l'espace",
|
||||
"Intégration murale facilitée",
|
||||
],
|
||||
id: "triangle-rectangle", title: "Triangle Rectangle", price: "Sur devis", period: "m²", features: [
|
||||
"Parfait pour les angles", "Optimisation de l'espace", "Intégration murale facilitée"],
|
||||
button: {
|
||||
text: "Sélectionner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-blue-umbrella-with-tall-palm-trees_181624-6433.jpg",
|
||||
imageAlt: "Silhouette de voile d'ombrage triangulaire rectangle",
|
||||
},
|
||||
text: "Sélectionner"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-blue-umbrella-with-tall-palm-trees_181624-6433.jpg", imageAlt: "Silhouette de voile d'ombrage triangulaire rectangle"},
|
||||
{
|
||||
id: "carre",
|
||||
title: "Carré",
|
||||
price: "Sur devis",
|
||||
period: "m²",
|
||||
features: [
|
||||
"Couverture maximale",
|
||||
"Polyvalence d'installation",
|
||||
"Classique et intemporel",
|
||||
],
|
||||
id: "carre", title: "Carré", price: "Sur devis", period: "m²", features: [
|
||||
"Couverture maximale", "Polyvalence d'installation", "Classique et intemporel"],
|
||||
button: {
|
||||
text: "Sélectionner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-umbrella_74190-4484.jpg",
|
||||
imageAlt: "Silhouette de voile d'ombrage carrée",
|
||||
},
|
||||
text: "Sélectionner"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-umbrella_74190-4484.jpg", imageAlt: "Silhouette de voile d'ombrage carrée"},
|
||||
{
|
||||
id: "rectangle",
|
||||
title: "Rectangle",
|
||||
price: "Sur devis",
|
||||
period: "m²",
|
||||
features: [
|
||||
"Idéal pour grandes terrasses",
|
||||
"Lignes élégantes et modernes",
|
||||
"Solution pour piscines et allées",
|
||||
],
|
||||
id: "rectangle", title: "Rectangle", price: "Sur devis", period: "m²", features: [
|
||||
"Idéal pour grandes terrasses", "Lignes élégantes et modernes", "Solution pour piscines et allées"],
|
||||
button: {
|
||||
text: "Sélectionner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diving-flippers-isolated-background_53876-71426.jpg",
|
||||
imageAlt: "Silhouette de voile d'ombrage rectangulaire",
|
||||
},
|
||||
text: "Sélectionner"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diving-flippers-isolated-background_53876-71426.jpg", imageAlt: "Silhouette de voile d'ombrage rectangulaire"},
|
||||
{
|
||||
id: "sur-mesure",
|
||||
title: "Sur Mesure",
|
||||
price: "Excellence",
|
||||
period: "unique",
|
||||
features: [
|
||||
"Création illimitée",
|
||||
"Design exclusif et personnalisé",
|
||||
"Intégration architecturale parfaite",
|
||||
],
|
||||
id: "sur-mesure", title: "Sur Mesure", price: "Excellence", period: "unique", features: [
|
||||
"Création illimitée", "Design exclusif et personnalisé", "Intégration architecturale parfaite"],
|
||||
button: {
|
||||
text: "Demander un devis",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-flower-ferromagnetic-liquid-metal-with-copy-space_23-2148253532.jpg",
|
||||
imageAlt: "Silhouette de voile d'ombrage sur mesure",
|
||||
},
|
||||
text: "Demander un devis"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-flower-ferromagnetic-liquid-metal-with-copy-space_23-2148253532.jpg", imageAlt: "Silhouette de voile d'ombrage sur mesure"},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
title="Concevez votre voile d'ombrage idéale"
|
||||
description="Choisissez parmi nos formes standards ou optez pour une création entièrement sur mesure pour une intégration parfaite à votre architecture."
|
||||
/>
|
||||
@@ -298,50 +192,21 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Villa Anfa",
|
||||
price: "Résidentiel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-3454.jpg",
|
||||
imageAlt: "Voile d'ombrage architecturale dans une villa à Anfa, Casablanca",
|
||||
},
|
||||
id: "p1", name: "Villa Anfa", price: "Résidentiel", imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-3454.jpg", imageAlt: "Voile d'ombrage architecturale dans une villa à Anfa, Casablanca"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Restaurant La Sqala",
|
||||
price: "Restauration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2605.jpg",
|
||||
imageAlt: "Voiles d'ombrage pour le restaurant La Sqala à Casablanca",
|
||||
},
|
||||
id: "p2", name: "Restaurant La Sqala", price: "Restauration", imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2605.jpg", imageAlt: "Voiles d'ombrage pour le restaurant La Sqala à Casablanca"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Résidence Bouskoura",
|
||||
price: "Collectif Résidentiel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-young-outdoors-clothes-day_1157-3919.jpg",
|
||||
imageAlt: "Installation de voiles d'ombrage dans une résidence à Bouskoura",
|
||||
},
|
||||
id: "p3", name: "Résidence Bouskoura", price: "Collectif Résidentiel", imageSrc: "http://img.b2bpic.net/free-photo/natural-young-outdoors-clothes-day_1157-3919.jpg", imageAlt: "Installation de voiles d'ombrage dans une résidence à Bouskoura"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hôtel Mgoun",
|
||||
price: "Hôtellerie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-3805.jpg",
|
||||
imageAlt: "Voile d'ombrage moderne pour l'Hôtel Mgoun à Marrakech",
|
||||
},
|
||||
id: "p4", name: "Hôtel Mgoun", price: "Hôtellerie", imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-3805.jpg", imageAlt: "Voile d'ombrage moderne pour l'Hôtel Mgoun à Marrakech"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Marina Smir",
|
||||
price: "Espace Public",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-wooden-awnings-empty-sandy-beach-selective-focus-vacation-seaside-resort_166373-2367.jpg",
|
||||
imageAlt: "Structure d'ombrage innovante à Marina Smir",
|
||||
},
|
||||
id: "p5", name: "Marina Smir", price: "Espace Public", imageSrc: "http://img.b2bpic.net/free-photo/beach-wooden-awnings-empty-sandy-beach-selective-focus-vacation-seaside-resort_166373-2367.jpg", imageAlt: "Structure d'ombrage innovante à Marina Smir"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Port TangerMed",
|
||||
price: "Institutionnel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-playground_23-2147796186.jpg",
|
||||
imageAlt: "Projet de voile d'ombrage au Port TangerMed",
|
||||
},
|
||||
id: "p6", name: "Port TangerMed", price: "Institutionnel", imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-playground_23-2147796186.jpg", imageAlt: "Projet de voile d'ombrage au Port TangerMed"},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
title="Nos Réalisations : L'ombre sublimée"
|
||||
description="Découvrez quelques-unes de nos installations qui transforment les espaces de vie et de travail en véritables déclarations architecturales."
|
||||
description="Découvrez quelques-unes de nos installations qui transforment les espaces de vie et de travail en de véritables déclarations architecturales."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,34 +217,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Fixation",
|
||||
title: "Chevilles Inox A4",
|
||||
description: "Système d'ancrage robuste en acier inoxydable marin, conçu pour résister aux environnements les plus exigeants.",
|
||||
icon: Wrench,
|
||||
id: "m1", value: "Fixation", title: "Chevilles Inox A4", description: "Système d'ancrage robuste en acier inoxydable marin, conçu pour résister aux environnements les plus exigeants.", icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Structure",
|
||||
title: "Aluminium Laqué",
|
||||
description: "Poteaux et supports en aluminium thermolaqué, légers, résistants à la corrosion et disponibles dans une large gamme de couleurs.",
|
||||
icon: Grid,
|
||||
id: "m2", value: "Structure", title: "Aluminium Laqué", description: "Poteaux et supports en aluminium thermolaqué, légers, résistants à la corrosion et disponibles dans une large gamme de couleurs.", icon: Grid,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Contrôle",
|
||||
title: "Motorisation Somfy",
|
||||
description: "(Optionnel) Intégrez une motorisation discrète pour un déploiement et un repli automatisés de vos voiles d'ombrage.",
|
||||
icon: Cog,
|
||||
id: "m3", value: "Contrôle", title: "Motorisation Somfy", description: "(Optionnel) Intégrez une motorisation discrète pour un déploiement et un repli automatisés de vos voiles d'ombrage.", icon: Cog,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Textile",
|
||||
title: "Serge Ferrari",
|
||||
description: "Utilisation exclusive de toiles Serge Ferrari, reconnues pour leur protection UV, leur résistance ignifugée et leur facilité d'entretien.",
|
||||
icon: FileText,
|
||||
id: "m4", value: "Textile", title: "Serge Ferrari", description: "Utilisation exclusive de toiles Serge Ferrari, reconnues pour leur protection UV, leur résistance ignifugée et leur facilité d'entretien.", icon: FileText,
|
||||
},
|
||||
]}
|
||||
animationType="depth-3d"
|
||||
title="L'excellence technique au service de votre projet"
|
||||
description="Nos voiles d'ombrage sont le fruit d'une ingénierie rigoureuse et de matériaux de haute performance, garantissant durabilité, sécurité et esthétique."
|
||||
/>
|
||||
@@ -390,14 +240,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TangerMed",
|
||||
"UM6P Université",
|
||||
"Grand Théâtre de Rabat",
|
||||
"Agadir Corniche",
|
||||
"La Promenade",
|
||||
"Almaz Holding",
|
||||
"Institution Publique",
|
||||
]}
|
||||
"TangerMed", "UM6P Université", "Grand Théâtre de Rabat", "Agadir Corniche", "La Promenade", "Almaz Holding", "Institution Publique"]}
|
||||
title="Ils nous ont fait confiance"
|
||||
description="Nos partenaires et clients prestigieux témoignent de la qualité et de l'impact architectural de nos solutions d'ombrage."
|
||||
/>
|
||||
@@ -408,39 +251,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mme. Fatim-Zahra B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-laptop-by-using-his-female-co-worker-office_23-2148203944.jpg",
|
||||
imageAlt: "Portrait de Mme. Fatim-Zahra B., cliente satisfaite",
|
||||
},
|
||||
id: "t1", name: "Mme. Fatim-Zahra B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-laptop-by-using-his-female-co-worker-office_23-2148203944.jpg", imageAlt: "Portrait de Mme. Fatim-Zahra B., cliente satisfaite"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "M. Youssef L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-woman_23-2148415749.jpg",
|
||||
imageAlt: "Portrait de M. Youssef L., client satisfait",
|
||||
},
|
||||
id: "t2", name: "M. Youssef L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-woman_23-2148415749.jpg", imageAlt: "Portrait de M. Youssef L., client satisfait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mme. Salma A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-safety-helmet-giving-hand-shake_23-2148242884.jpg",
|
||||
imageAlt: "Portrait de Mme. Salma A., cliente satisfaite",
|
||||
},
|
||||
id: "t3", name: "Mme. Salma A.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-safety-helmet-giving-hand-shake_23-2148242884.jpg", imageAlt: "Portrait de Mme. Salma A., cliente satisfaite"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "M. Karim H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg",
|
||||
imageAlt: "Portrait de M. Karim H., client satisfait",
|
||||
},
|
||||
id: "t4", name: "M. Karim H.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg", imageAlt: "Portrait de M. Karim H., client satisfait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mme. Nadia F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-american-african-business-person_1303-2112.jpg",
|
||||
imageAlt: "Portrait de Mme. Nadia F., cliente satisfaite",
|
||||
},
|
||||
id: "t5", name: "Mme. Nadia F.", imageSrc: "http://img.b2bpic.net/free-photo/happy-american-african-business-person_1303-2112.jpg", imageAlt: "Portrait de Mme. Nadia F., cliente satisfaite"},
|
||||
]}
|
||||
cardTitle="Voiles d'ombrage : des clients conquis"
|
||||
cardTag="Témoignages"
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -451,39 +274,21 @@ export default function LandingPage() {
|
||||
description="Décrivez-nous votre vision. Nos experts vous accompagneront de la conception à l'installation de votre voile d'ombrage."
|
||||
inputs={[
|
||||
{
|
||||
name: "nom",
|
||||
type: "text",
|
||||
placeholder: "Votre nom complet",
|
||||
required: true,
|
||||
name: "nom", type: "text", placeholder: "Votre nom complet", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre adresse e-mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Votre adresse e-mail", required: true,
|
||||
},
|
||||
{
|
||||
name: "telephone",
|
||||
type: "tel",
|
||||
placeholder: "Votre numéro de téléphone",
|
||||
required: false,
|
||||
name: "telephone", type: "tel", placeholder: "Votre numéro de téléphone", required: false,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "type-espace",
|
||||
label: "Type d'espace",
|
||||
options: [
|
||||
"Terrasse",
|
||||
"Jardin",
|
||||
"Piscine",
|
||||
"Parking",
|
||||
"Autre",
|
||||
],
|
||||
name: "type-espace", label: "Type d'espace", options: [
|
||||
"Terrasse", "Jardin", "Piscine", "Parking", "Autre"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Décrivez votre projet et vos attentes...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Décrivez votre projet et vos attentes...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918232.jpg"
|
||||
@@ -499,66 +304,39 @@ export default function LandingPage() {
|
||||
logoText="INSIDEKO"
|
||||
columns={[
|
||||
{
|
||||
title: "Explorer",
|
||||
items: [
|
||||
title: "Explorer", items: [
|
||||
{
|
||||
label: "Réalisations",
|
||||
href: "#realisations",
|
||||
},
|
||||
label: "Réalisations", href: "#realisations"},
|
||||
{
|
||||
label: "Produits",
|
||||
href: "#produits",
|
||||
},
|
||||
label: "Produits", href: "#produits"},
|
||||
{
|
||||
label: "Notre savoir-faire",
|
||||
href: "#savoir-faire",
|
||||
},
|
||||
label: "Notre savoir-faire", href: "#savoir-faire"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Produits",
|
||||
items: [
|
||||
title: "Produits", items: [
|
||||
{
|
||||
label: "Voiles d'ombrage",
|
||||
href: "/produits/voiles-dombrage",
|
||||
},
|
||||
label: "Voiles d'ombrage", href: "/produits/voiles-dombrage"},
|
||||
{
|
||||
label: "Toiles tendues",
|
||||
href: "/produits/toiles-tendues",
|
||||
},
|
||||
label: "Toiles tendues", href: "/produits/toiles-tendues"},
|
||||
{
|
||||
label: "Pergolas bioclimatiques",
|
||||
href: "/produits/pergolas",
|
||||
},
|
||||
label: "Pergolas bioclimatiques", href: "/produits/pergolas"},
|
||||
{
|
||||
label: "Parasols géants",
|
||||
href: "/produits/parasols",
|
||||
},
|
||||
label: "Parasols géants", href: "/produits/parasols"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contactez-nous",
|
||||
items: [
|
||||
title: "Contactez-nous", items: [
|
||||
{
|
||||
label: "Casablanca, Maroc",
|
||||
href: "https://maps.app.goo.gl/YourAddress",
|
||||
},
|
||||
label: "Casablanca, Maroc", href: "https://maps.app.goo.gl/YourAddress"},
|
||||
{
|
||||
label: "+212 600 055 599",
|
||||
href: "tel:+212600055599",
|
||||
},
|
||||
label: "+212 600 055 599", href: "tel:+212600055599"},
|
||||
{
|
||||
label: "info@insideko.ma",
|
||||
href: "mailto:info@insideko.ma",
|
||||
},
|
||||
label: "info@insideko.ma", href: "mailto:info@insideko.ma"},
|
||||
{
|
||||
label: "Lun-Ven: 9h-18h",
|
||||
href: "#",
|
||||
},
|
||||
label: "Lun-Ven: 9h-18h", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user