From 42f295376aeda0fee12b1d9cbf587bd2c40f9f3a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 11:11:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 224 +++++++++--------------------------------------
 1 file changed, 40 insertions(+), 184 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6439382..22e3999 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"