bender/64b4ca7b-2aba-42ea-b2b9-2fa234ed87e3
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-03-14 11:11:18 +00:00
parent 9ec2e04c3d
commit 42f295376a
1 changed files with 40 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/page.tsx
View File

@@ -64,7 +64,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumLarge"
background="noise"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
@@ -83,46 +83,30 @@ export default function HomePage() {
<HeroBillboardRotatedCarousel
title="Créons Ensemble Votre Présence Web Exceptionnelle"
description="Z&O Dev transforme votre vision en solutions web modernes, performantes et élégantes. Nous combinons design Apple-inspired et expertise technique pour des résultats exceptionnels."
background={{ variant: "noise" }}
background={{ variant: "animated-grid" }}
tag="Web Agency"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "Découvrir Nos Services",
href: "/services",
},
text: "Découvrir Nos Services", href: "/services"},
{
text: "Voir Notre Portfolio",
href: "#",
},
text: "Voir Notre Portfolio", href: "/portfolio"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/modern-clean-web-development-workspace-w-1773486503957-66cce05f.png",
},
id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/modern-clean-web-development-workspace-w-1773486503957-66cce05f.png"},
{
id: "carousel-2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/clean-digital-interface-mockup-showing-r-1773486503625-a6e79b1a.png",
},
id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/clean-digital-interface-mockup-showing-r-1773486503625-a6e79b1a.png"},
{
id: "carousel-3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/collaborative-web-development-team-works-1773486503896-0bc256ed.png",
},
id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/collaborative-web-development-team-works-1773486503896-0bc256ed.png"},
{
id: "carousel-4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/modern-web-agency-workspace-showing-digi-1773486504014-da42b46c.png",
},
id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/modern-web-agency-workspace-showing-digi-1773486504014-da42b46c.png"},
{
id: "carousel-5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/ios-inspired-mobile-app-design-mockup-cl-1773486503913-6989507e.png",
},
id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/ios-inspired-mobile-app-design-mockup-cl-1773486503913-6989507e.png"},
{
id: "carousel-6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-web-developer-workspace-wit-1773486503828-afd3db50.png",
},
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-web-developer-workspace-wit-1773486503828-afd3db50.png"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -143,7 +127,7 @@ export default function HomePage() {
description="Une agence web spécialisée dans la création de sites modernes, performants et élégants. Fondée sur les principes de l'excellence du design et de la qualité technique."
subdescription="Depuis notre fondation, nous accompagnons les entreprises et entrepreneurs à transformer leur vision en réalité web. Notre approche Apple-inspired garantit une expérience utilisateur premium et des solutions durables."
icon={Zap}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/z-o-dev-team-collaboration-moment-profes-1773486503508-5e23f3ba.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/z-o-dev-team-collaboration-moment-profes-1773486503508-5e23f3ba.png"
imageAlt="Z&O Dev Team"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
@@ -170,22 +154,13 @@ export default function HomePage() {
description="Notre expertise en web design et développement se traduit par des résultats mesurables et tangibles."
metrics={[
{
id: "metric-1",
value: "150+",
title: "Projets Réalisés",
items: ["Sites vitrine", "Plateformes e-commerce", "Applications web"],
id: "metric-1", value: "150+", title: "Projets Réalisés", items: ["Sites vitrine", "Plateformes e-commerce", "Applications web"],
},
{
id: "metric-2",
value: "98%",
title: "Satisfaction Client",
items: ["Support continu", "Livraison à temps", "Qualité garantie"],
id: "metric-2", value: "98%", title: "Satisfaction Client", items: ["Support continu", "Livraison à temps", "Qualité garantie"],
},
{
id: "metric-3",
value: "8 ans",
title: "D'Expérience",
items: ["Équipe expérimentée", "Best practices", "Innovation constante"],
id: "metric-3", value: "8", title: "D'Expérience", items: ["Équipe expérimentée", "Best practices", "Innovation constante"],
},
]}
animationType="blur-reveal"
@@ -213,32 +188,15 @@ export default function HomePage() {
description="Des services complets pour concrétiser vos projets web, du concept à la livraison et au-delà."
features={[
{
id: "feature-1",
title: "Sites Vitrine",
description: "Présentez votre entreprise avec élégance. Designs épurés, performances optimales, livraison en moins de 2 semaines.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/beautiful-responsive-website-showcase-fo-1773486504658-466278d1.png?_wi=1",
imageAlt: "Site Vitrine",
},
id: "feature-1", title: "Sites Vitrine", description: "Présentez votre entreprise avec élégance. Designs épurés, performances optimales, livraison en moins de 2 semaines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/beautiful-responsive-website-showcase-fo-1773486504658-466278d1.png", imageAlt: "Site Vitrine"},
{
id: "feature-2",
title: "E-commerce",
description: "Boutiques en ligne complètes et sécurisées. Gestion de produits, paiements intégrés, et analyses détaillées.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/modern-ecommerce-platform-design-showcas-1773486503927-ea3877b8.png?_wi=1",
imageAlt: "E-commerce",
},
id: "feature-2", title: "E-commerce", description: "Boutiques en ligne complètes et sécurisées. Gestion de produits, paiements intégrés, et analyses détaillées.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/modern-ecommerce-platform-design-showcas-1773486503927-ea3877b8.png", imageAlt: "E-commerce"},
{
id: "feature-3",
title: "Maintenance",
description: "Support continu et mises à jour régulières. 20% de réduction pour engagement 1 an.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/website-maintenance-and-support-concept--1773486504977-5c97c7f2.png?_wi=1",
imageAlt: "Maintenance",
},
id: "feature-3", title: "Maintenance", description: "Support continu et mises à jour régulières. 20% de réduction pour engagement 1 an.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/website-maintenance-and-support-concept--1773486504977-5c97c7f2.png", imageAlt: "Maintenance"},
]}
buttons={[
{
text: "Voir Tous Les Services",
href: "/services",
},
text: "Voir Tous Les Services", href: "/services"},
]}
buttonAnimation="blur-reveal"
textboxLayout="default"
@@ -263,58 +221,22 @@ export default function HomePage() {
description="Des solutions adaptées à chaque budget et besoin. Transparent, honnête, sans frais cachés."
plans={[
{
id: "plan-vitrine",
title: "Site Vitrine",
price: "600€",
period: "à 1000€",
features: [
"Design moderne & épuré",
"Responsive mobile-first",
"Livraison < 2 semaines",
"Support initial inclus",
"Animations fluides",
"SEO basique",
],
id: "plan-vitrine", title: "Site Vitrine", price: "600€", period: "à 1000€", features: [
"Design moderne & épuré", "Responsive mobile-first", "Livraison < 2 semaines", "Support initial inclus", "Animations fluides", "SEO basique"],
button: {
text: "Demander Un Devis",
href: "#",
},
text: "Demander Un Devis", href: "#"},
},
{
id: "plan-ecommerce",
title: "E-commerce",
price: "1200€",
period: "à 2000€",
features: [
"Boutique en ligne complète",
"Gestion produits avancée",
"Paiements sécurisés",
"Tableau de bord analytics",
"Performance optimisée",
"Support étendu",
],
id: "plan-ecommerce", title: "E-commerce", price: "1200€", period: "à 2000€", features: [
"Boutique en ligne complète", "Gestion produits avancée", "Paiements sécurisés", "Tableau de bord analytics", "Performance optimisée", "Support étendu"],
button: {
text: "Demander Un Devis",
href: "#",
},
text: "Demander Un Devis", href: "#"},
},
{
id: "plan-maintenance",
title: "Maintenance",
price: "À partir de",
period: "/mois",
features: [
"Mises à jour régulières",
"Support technique 24/7",
"Monitoring continu",
"-20% avec engagement 1 an",
"Backups automatiques",
"Optimisations mensuelles",
],
id: "plan-maintenance", title: "Maintenance", price: "À partir de", period: "/mois", features: [
"Mises à jour régulières", "Support technique 24/7", "Monitoring continu", "-20% avec engagement 1 an", "Backups automatiques", "Optimisations mensuelles"],
button: {
text: "Souscrire",
href: "#",
},
text: "Souscrire", href: "#"},
},
]}
animationType="blur-reveal"
@@ -342,65 +264,17 @@ export default function HomePage() {
description="Les retours de nos clients parlent mieux que nos promesses. Satisfaction et résultats garantis."
testimonials={[
{
id: "testimonial-1",
name: "Marie Dubois",
date: "Janvier 2024",
title: "Directrice, RestaurantMaxime",
quote: "Z&O Dev a transformé notre présence en ligne. Le design est magnifique et les performances dépassent nos attentes. Excellente collaboration !",
tag: "Design Exceptionnel",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503490-ba568adf.png",
avatarAlt: "Marie Dubois",
},
id: "testimonial-1", name: "Marie Dubois", date: "Janvier 2024", title: "Directrice, RestaurantMaxime", quote: "Z&O Dev a transformé notre présence en ligne. Le design est magnifique et les performances dépassent nos attentes. Excellente collaboration !", tag: "Design Exceptionnel", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503490-ba568adf.png", avatarAlt: "Marie Dubois"},
{
id: "testimonial-2",
name: "Thomas Leclerc",
date: "Décembre 2023",
title: "Fondateur, StartupTech",
quote: "Livraison rapide, équipe réactive, résultats professionnels. Z&O Dev est devenue notre agence web de confiance.",
tag: "Réactivité",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486508845-39854399.png",
avatarAlt: "Thomas Leclerc",
},
id: "testimonial-2", name: "Thomas Leclerc", date: "Décembre 2023", title: "Fondateur, StartupTech", quote: "Livraison rapide, équipe réactive, résultats professionnels. Z&O Dev est devenue notre agence web de confiance.", tag: "Réactivité", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486508845-39854399.png", avatarAlt: "Thomas Leclerc"},
{
id: "testimonial-3",
name: "Sophie Laurent",
date: "Novembre 2023",
title: "Responsable Marketing, CosmeBio",
quote: "Incroyable ! Notre site e-commerce génère 3x plus de ventes. L'équipe Z&O Dev connaît vraiment son métier.",
tag: "ROI Impressionnant",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503548-22412373.png",
avatarAlt: "Sophie Laurent",
},
id: "testimonial-3", name: "Sophie Laurent", date: "Novembre 2023", title: "Responsable Marketing, CosmeBio", quote: "Incroyable ! Notre site e-commerce génère 3x plus de ventes. L'équipe Z&O Dev connaît vraiment son métier.", tag: "ROI Impressionnant", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503548-22412373.png", avatarAlt: "Sophie Laurent"},
{
id: "testimonial-4",
name: "Jean Martin",
date: "Octobre 2023",
title: "PDG, ConsultingX",
quote: "Professionnel, créatif, et vraiment à l'écoute. Z&O Dev comprend nos besoins et livre des solutions sur mesure.",
tag: "Expertise",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503446-a94775a9.png",
avatarAlt: "Jean Martin",
},
id: "testimonial-4", name: "Jean Martin", date: "Octobre 2023", title: "PDG, ConsultingX", quote: "Professionnel, créatif, et vraiment à l'écoute. Z&O Dev comprend nos besoins et livre des solutions sur mesure.", tag: "Expertise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503446-a94775a9.png", avatarAlt: "Jean Martin"},
{
id: "testimonial-5",
name: "Élise Moreau",
date: "Septembre 2023",
title: "Fondatrice, BoutiqueChic",
quote: "L'attention aux détails est remarquable. Mon site reflète parfaitement mon identité de marque. Merci !",
tag: "Design Premium",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503072-4cd10ffb.png",
avatarAlt: "Élise Moreau",
},
id: "testimonial-5", name: "Élise Moreau", date: "Septembre 2023", title: "Fondatrice, BoutiqueChic", quote: "L'attention aux détails est remarquable. Mon site reflète parfaitement mon identité de marque. Merci !", tag: "Design Premium", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486503072-4cd10ffb.png", avatarAlt: "Élise Moreau"},
{
id: "testimonial-6",
name: "Olivier Petit",
date: "Août 2023",
title: "Manager IT, EntrepriseGro",
quote: "Support technique impeccable. Z&O Dev reste notre partenaire pour tous nos besoins web depuis 3 ans.",
tag: "Partenariat Long Terme",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486502881-91fbc986.png",
avatarAlt: "Olivier Petit",
},
id: "testimonial-6", name: "Olivier Petit", date: "Août 2023", title: "Manager IT, EntrepriseGro", quote: "Support technique impeccable. Z&O Dev reste notre partenaire pour tous nos besoins web depuis 3 ans.", tag: "Partenariat Long Terme", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvwF2OBNnXxHyBoXQfQlCT0Q58/professional-business-headshot-modern-pr-1773486502881-91fbc986.png", avatarAlt: "Olivier Petit"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -424,35 +298,17 @@ export default function HomePage() {
description="Trouvez les réponses à vos questions les plus communes."
faqs={[
{
id: "faq-1",
title: "Combien de temps prend la création d'un site ?",
content: "Un site vitrine classique est livré en moins de 2 semaines. Un e-commerce complet peut prendre 3-5 semaines selon la complexité. Nous vous fournissons un calendrier détaillé dès le départ.",
},
id: "faq-1", title: "Combien de temps prend la création d'un site ?", content: "Un site vitrine classique est livré en moins de 2 semaines. Un e-commerce complet peut prendre 3-5 semaines selon la complexité. Nous vous fournissons un calendrier détaillé dès le départ."},
{
id: "faq-2",
title: "Fournirez-vous du support après la livraison ?",
content: "Absolument ! Nous proposons des services de maintenance et de support. Avec un engagement annuel, vous bénéficiez de 20% de réduction sur votre site et du support complet.",
},
id: "faq-2", title: "Fournirez-vous du support après la livraison ?", content: "Absolument ! Nous proposons des services de maintenance et de support. Avec un engagement annuel, vous bénéficiez de 20% de réduction sur votre site et du support complet."},
{
id: "faq-3",
title: "Vos sites sont-ils optimisés SEO ?",
content: "Oui, tous nos sites sont construits avec les meilleures pratiques SEO. Nous incluons les bases dans chaque projet, et des services avancés peuvent être ajoutés.",
},
id: "faq-3", title: "Vos sites sont-ils optimisés SEO ?", content: "Oui, tous nos sites sont construits avec les meilleures pratiques SEO. Nous incluons les bases dans chaque projet, et des services avancés peuvent être ajoutés."},
{
id: "faq-4",
title: "Pouvez-vous migrer mon ancien site ?",
content: "Certainement ! Nous pouvons migrer votre contenu existant vers une nouvelle plateforme moderne. Nous gérons la redirection pour préserver votre référencement.",
},
id: "faq-4", title: "Pouvez-vous migrer mon ancien site ?", content: "Certainement ! Nous pouvons migrer votre contenu existant vers une nouvelle plateforme moderne. Nous gérons la redirection pour préserver votre référencement."},
{
id: "faq-5",
title: "Proposez-vous une refonte de site existant ?",
content: "Oui, nous modernisons les sites existants. Une refonte peut améliorer les performances, le design et les conversions de 40-60%.",
},
id: "faq-5", title: "Proposez-vous une refonte de site existant ?", content: "Oui, nous modernisons les sites existants. Une refonte peut améliorer les performances, le design et les conversions de 40-60%."},
{
id: "faq-6",
title: "Mon site sera-t-il mobile-friendly ?",
content: "100% ! Tous nos sites sont conçus mobile-first. Ils fonctionnent parfaitement sur tous les appareils et offrent une expérience fluide.",
},
id: "faq-6", title: "Mon site sera-t-il mobile-friendly ?", content: "100% ! Tous nos sites sont conçus mobile-first. Ils fonctionnent parfaitement sur tous les appareils et offrent une expérience fluide."},
]}
faqsAnimation="blur-reveal"
textboxLayout="default"
@@ -473,7 +329,7 @@ export default function HomePage() {
tag="Démarrons Ensemble"
title="Prêt à Transformer Votre Web ?"
description="Contactez-nous dès aujourd'hui pour une consultation gratuite. Nous répondons rapidement !"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="Votre email..."
buttonText="Envoyer"