Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-06-04 15:31:07 +00:00

View File

@@ -30,78 +30,47 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Pourquoi",
id: "why-website",
},
name: "Pourquoi", id: "why-website"},
{
name: "Portfolio",
id: "portfolio",
},
name: "Portfolio", id: "portfolio"},
{
name: "À Propos",
id: "about",
},
name: "Témoignages", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "À Propos", id: "about"},
{
name: "Contact", id: "contact"},
]}
brandName="Malik Web Studio"
button={{
text: "Demander une soumission",
href: "#contact",
}}
text: "Demander une soumission", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
title="Des sites web modernes pour les entreprises locales"
description="Nous aidons les petites entreprises à bâtir une présence en ligne crédible et à être trouvées par leurs clients potentiels, transformant les visiteurs en opportunités commerciales."
buttons={[
{
text: "Demander une soumission",
href: "#contact",
},
text: "Demander une soumission", href: "#contact"},
]}
carouselItems={[
{
id: "hero-1",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-15732.jpg",
imageAlt: "Site web de garage automobile moderne",
},
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-15732.jpg", imageAlt: "Site web de garage automobile moderne"},
{
id: "hero-2",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop-nature_23-2151004287.jpg",
imageAlt: "Site web d'entreprise de paysagement",
},
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop-nature_23-2151004287.jpg", imageAlt: "Site web d'entreprise de paysagement"},
{
id: "hero-3",
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-with-photo-man-hugging-car_23-2148455516.jpg",
imageAlt: "Site web de centre de detailing automobile",
},
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-with-photo-man-hugging-car_23-2148455516.jpg", imageAlt: "Site web de centre de detailing automobile"},
{
id: "hero-4",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
imageAlt: "Site web de salon de coiffure",
},
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg", imageAlt: "Site web de salon de coiffure"},
{
id: "hero-5",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-take-away-order-online-delivery-menu-concept_53876-124758.jpg",
imageAlt: "Site web de café local",
},
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/coffee-take-away-order-online-delivery-menu-concept_53876-124758.jpg", imageAlt: "Site web de café local"},
{
id: "hero-6",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-leisure-recreation-activity-icon_53876-21314.jpg",
imageAlt: "Site web de boutique de mode indépendante",
},
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-leisure-recreation-activity-icon_53876-21314.jpg", imageAlt: "Site web de boutique de mode indépendante"},
]}
/>
</div>
@@ -113,23 +82,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Création de Sites Web Professionnels",
description: "Des sites élégants et performants, conçus pour impressionner et convertir vos visiteurs en clients.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-hand-drawn-people-starting-business-project_52683-56515.jpg",
imageAlt: "Icône de développement web",
},
title: "Création de Sites Web Professionnels", description: "Des sites élégants et performants, conçus pour impressionner et convertir vos visiteurs en clients.", imageSrc: "http://img.b2bpic.net/free-vector/flat-hand-drawn-people-starting-business-project_52683-56515.jpg", imageAlt: "Icône de développement web"},
{
title: "Optimisation Mobile Responsive",
description: "Votre site s'adapte parfaitement à tous les écrans, offrant une expérience utilisateur fluide sur mobiles et tablettes.",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038906.jpg",
imageAlt: "Smartphone et tablette affichant un site web responsive",
},
title: "Optimisation Mobile Responsive", description: "Votre site s'adapte parfaitement à tous les écrans, offrant une expérience utilisateur fluide sur mobiles et tablettes.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038906.jpg", imageAlt: "Smartphone et tablette affichant un site web responsive"},
{
title: "Maintenance & Support Continu",
description: "Assurez la sécurité et la performance de votre site web avec nos forfaits de maintenance et notre support technique dédié.",
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-passcode_78370-7893.jpg",
imageAlt: "Icône de maintenance web et sécurité",
},
title: "Maintenance & Support Continu", description: "Assurez la sécurité et la performance de votre site web avec nos forfaits de maintenance et notre support technique dédié.", imageSrc: "http://img.b2bpic.net/free-vector/shield-with-passcode_78370-7893.jpg", imageAlt: "Icône de maintenance web et sécurité"},
]}
title="Nos Services de Création Web"
description="Nous offrons une gamme complète de services pour propulser votre entreprise locale en ligne."
@@ -143,23 +100,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Être Trouvé sur Google",
description: "Augmentez votre visibilité locale et attirez de nouveaux clients grâce à un référencement optimisé pour les moteurs de recherche.",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-bulk-products-store_482257-76266.jpg",
imageAlt: "Loupe et carte du monde",
},
title: "Être Trouvé sur Google", description: "Augmentez votre visibilité locale et attirez de nouveaux clients grâce à un référencement optimisé pour les moteurs de recherche.", imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-bulk-products-store_482257-76266.jpg", imageAlt: "Loupe et carte du monde"},
{
title: "Crédibilité et Confiance",
description: "Un site professionnel inspire la confiance et renforce votre image de marque auprès de votre clientèle potentielle.",
imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150969873.jpg",
imageAlt: "Poignée de main devant un ordinateur portable",
},
title: "Crédibilité et Confiance", description: "Un site professionnel inspire la confiance et renforce votre image de marque auprès de votre clientèle potentielle.", imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150969873.jpg", imageAlt: "Poignée de main devant un ordinateur portable"},
{
title: "Vitrine Ouverte 24h/24",
description: "Présentez vos services et produits à tout moment, sans aucune restriction géographique ou horaire, 7 jours sur 7.",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wall-clock-still-life_23-2150533051.jpg",
imageAlt: "Horloge et icône de site web",
},
title: "Vitrine Ouverte 24h/24", description: "Présentez vos services et produits à tout moment, sans aucune restriction géographique ou horaire, 7 jours sur 7.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wall-clock-still-life_23-2150533051.jpg", imageAlt: "Horloge et icône de site web"},
]}
title="Pourquoi Votre Entreprise a Besoin d'un Site Web Moderne"
description="Un site web est un investissement essentiel pour la croissance et la crédibilité de votre entreprise locale."
@@ -175,47 +120,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "portfolio-1",
name: "Garage Automobile Expert",
price: "À partir de 1 200$",
imageSrc: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg",
imageAlt: "Aperçu de site web de garage automobile",
},
id: "portfolio-1", name: "Garage Automobile Expert", price: "À partir de 1 200$", imageSrc: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg", imageAlt: "Aperçu de site web de garage automobile"},
{
id: "portfolio-2",
name: "Paysagiste Créatif",
price: "À partir de 1 500$",
imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-35129.jpg",
imageAlt: "Aperçu de site web d'entreprise de paysagement",
},
id: "portfolio-2", name: "Paysagiste Créatif", price: "À partir de 1 500$", imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-35129.jpg", imageAlt: "Aperçu de site web d'entreprise de paysagement"},
{
id: "portfolio-3",
name: "Centre de Detailing Premium",
price: "À partir de 1 350$",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137517.jpg",
imageAlt: "Aperçu de site web de centre de detailing automobile",
},
id: "portfolio-3", name: "Centre de Detailing Premium", price: "À partir de 1 350$", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137517.jpg", imageAlt: "Aperçu de site web de centre de detailing automobile"},
{
id: "portfolio-4",
name: "Salon de Coiffure Chic",
price: "À partir de 1 100$",
imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-laptop_53876-133933.jpg",
imageAlt: "Aperçu de site web de salon de coiffure",
},
id: "portfolio-4", name: "Salon de Coiffure Chic", price: "À partir de 1 100$", imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-laptop_53876-133933.jpg", imageAlt: "Aperçu de site web de salon de coiffure"},
{
id: "portfolio-5",
name: "Café Le Coin Tranquille",
price: "À partir de 950$",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg",
imageAlt: "Aperçu de site web de café local",
},
id: "portfolio-5", name: "Café Le Coin Tranquille", price: "À partir de 950$", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg", imageAlt: "Aperçu de site web de café local"},
{
id: "portfolio-6",
name: "Boutique Mode Indépendante",
price: "À partir de 1 600$",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169240.jpg",
imageAlt: "Aperçu de site web de boutique de mode",
},
id: "portfolio-6", name: "Boutique Mode Indépendante", price: "À partir de 1 600$", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169240.jpg", imageAlt: "Aperçu de site web de boutique de mode"},
]}
title="Notre Portfolio : Des Sites Web qui Parlent à Vos Clients"
description="Découvrez quelques-unes de nos réalisations fictives, conçues pour illustrer la qualité et l'efficacité de nos créations web."
@@ -230,50 +145,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophie Martin",
role: "Propriétaire",
company: "Boulangerie 'Le Pain Doré'",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
imageAlt: "Photo de Sophie Martin",
},
id: "1", name: "Sophie Martin", role: "Propriétaire", company: "Boulangerie 'Le Pain Doré'", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Photo de Sophie Martin"},
{
id: "2",
name: "Marc Dubois",
role: "Gérant",
company: "Garage Auto-Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-owner-concept-portrait-happy-young-bearded-caucasian-barista-apron-with-confident-looking-smiling-camera-coffee-shop-counter_1258-103925.jpg",
imageAlt: "Photo de Marc Dubois",
},
id: "2", name: "Marc Dubois", role: "Gérant", company: "Garage Auto-Pro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-owner-concept-portrait-happy-young-bearded-caucasian-barista-apron-with-confident-looking-smiling-camera-coffee-shop-counter_1258-103925.jpg", imageAlt: "Photo de Marc Dubois"},
{
id: "3",
name: "Émilie Leclerc",
role: "Directrice",
company: "Boutique 'Tendances'",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",
imageAlt: "Photo d'Émilie Leclerc",
},
id: "3", name: "Émilie Leclerc", role: "Directrice", company: "Boutique 'Tendances'", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg", imageAlt: "Photo d'Émilie Leclerc"},
{
id: "4",
name: "Thomas Gauthier",
role: "Chef Cuisinier",
company: "Restaurant 'La Table Gourmande'",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-leaning-bar-counter-happily-looking-camera-while-holding-portafilter-hand-cafe_574295-3476.jpg",
imageAlt: "Photo de Thomas Gauthier",
},
id: "4", name: "Thomas Gauthier", role: "Chef Cuisinier", company: "Restaurant 'La Table Gourmande'", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-leaning-bar-counter-happily-looking-camera-while-holding-portafilter-hand-cafe_574295-3476.jpg", imageAlt: "Photo de Thomas Gauthier"},
{
id: "5",
name: "Chloé Petit",
role: "Artisan Fleuriste",
company: "Atelier Floral 'La Rose Bleue'",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-darkroom_23-2149893833.jpg",
imageAlt: "Photo de Chloé Petit",
},
id: "5", name: "Chloé Petit", role: "Artisan Fleuriste", company: "Atelier Floral 'La Rose Bleue'", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-darkroom_23-2149893833.jpg", imageAlt: "Photo de Chloé Petit"},
]}
title="Ce que disent nos clients satisfaits"
description="Le succès de nos clients est notre plus grande fierté. Découvrez leurs expériences avec Malik Web Studio."
@@ -289,17 +174,11 @@ export default function LandingPage() {
description="Je suis Malik, un jeune entrepreneur passionné par le web et dédié à aider les petites entreprises locales à prospérer en ligne. Ma mission est de vous offrir des solutions web élégantes, fonctionnelles et abordables qui reflètent le meilleur de votre marque."
bulletPoints={[
{
title: "Approche Personnalisée",
description: "Chaque site est conçu sur mesure pour répondre aux besoins spécifiques de votre entreprise.",
},
title: "Approche Personnalisée", description: "Chaque site est conçu sur mesure pour répondre aux besoins spécifiques de votre entreprise."},
{
title: "Qualité et Esthétique",
description: "Un design épuré, moderne et professionnel qui inspire confiance et met en valeur vos services.",
},
title: "Qualité et Esthétique", description: "Un design épuré, moderne et professionnel qui inspire confiance et met en valeur vos services."},
{
title: "Résultats Orientés",
description: "Notre objectif est de transformer votre présence en ligne en une source de nouvelles opportunités.",
},
title: "Résultats Orientés", description: "Notre objectif est de transformer votre présence en ligne en une source de nouvelles opportunités."},
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379239.jpg"
imageAlt="Portrait de Malik, jeune entrepreneur"
@@ -314,41 +193,24 @@ export default function LandingPage() {
description="Contactez-nous dès aujourd'hui pour une soumission gratuite et sans engagement. Ensemble, créons le site web qui fera la différence pour votre entreprise."
inputs={[
{
name: "Nom",
type: "text",
placeholder: "Votre nom",
required: true,
name: "Nom", type: "text", placeholder: "Votre nom", required: true,
},
{
name: "Email",
type: "email",
placeholder: "Votre adresse email",
required: true,
name: "Email", type: "email", placeholder: "Votre adresse email", required: true,
},
{
name: "Téléphone",
type: "tel",
placeholder: "Votre numéro de téléphone (optionnel)",
},
name: "Téléphone", type: "tel", placeholder: "Votre numéro de téléphone (optionnel)"},
]}
multiSelect={{
name: "serviceInterest",
label: "Quel service vous intéresse le plus?",
options: [
"Création de site web",
"Optimisation mobile",
"Maintenance et support",
"Consultation",
],
name: "serviceInterest", label: "Quel service vous intéresse le plus?", options: [
"Création de site web", "Optimisation mobile", "Maintenance et support", "Consultation"],
}}
textarea={{
name: "Message",
placeholder: "Décrivez brièvement votre projet ou vos besoins",
rows: 5,
name: "Message", placeholder: "Décrivez brièvement votre projet ou vos besoins", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/laptop_23-2148155402.jpg"
imageAlt="Bureau moderne avec ordinateur portable et formulaire de contact"
imageAlt="Bureau moderne avec ordinateur laptop et formulaire de contact"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Envoyer ma demande"
@@ -359,54 +221,33 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Création de Sites Web",
href: "#services",
},
label: "Création de Sites Web", href: "#services"},
{
label: "Optimisation Mobile",
href: "#services",
},
label: "Optimisation Mobile", href: "#services"},
{
label: "Maintenance",
href: "#services",
},
label: "Maintenance", href: "#services"},
],
},
{
title: "Studio",
items: [
title: "Studio", items: [
{
label: "À Propos",
href: "#about",
},
label: "À Propos", href: "#about"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Témoignages",
href: "#testimonials",
},
label: "Témoignages", href: "#testimonials"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Demander une Soumission",
href: "#contact",
},
label: "Demander une Soumission", href: "#contact"},
{
label: "Email",
href: "mailto:info@malikwebstudio.com",
},
label: "Email", href: "mailto:info@malikwebstudio.com"},
{
label: "Téléphone",
href: "tel:+1234567890",
},
label: "Téléphone", href: "tel:+1234567890"},
],
},
]}
@@ -417,4 +258,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}