From cac9d29641aa47976cbd66f7893e38ce65dc1b29 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 22 Apr 2026 13:22:55 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 331 +++++++++++------------------------------------ 1 file changed, 72 insertions(+), 259 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9587e49..80e125f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,33 +20,30 @@ export default function LandingPage() { defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -56,39 +53,23 @@ export default function LandingPage() { description="Collectez, répondez et amplifiez vos avis Google automatiquement. Les PME qui utilisent ReviewPilot augmentent leurs revenus de +34% en 90 jours." buttons={[ { - text: "Essai gratuit 14 jours", - href: "#contact", - }, + text: "Essai gratuit 14 jours", href: "#contact"}, { - text: "Voir comment ça marche", - href: "#how-it-works", - }, + text: "Voir comment ça marche", href: "#how-it-works"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg?_wi=1", - imageAlt: "Dashboard", - }, + imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg", imageAlt: "Dashboard"}, { - imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", - imageAlt: "Dashboard 2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Dashboard 2"}, { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-dashboard-statistic-evolution-template_23-2148284171.jpg", - imageAlt: "Dashboard 3", - }, + imageSrc: "http://img.b2bpic.net/free-vector/gradient-dashboard-statistic-evolution-template_23-2148284171.jpg", imageAlt: "Dashboard 3"}, { - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", - imageAlt: "Dashboard 4", - }, + imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "Dashboard 4"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg", - imageAlt: "Dashboard 5", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg", imageAlt: "Dashboard 5"}, { - imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg", - imageAlt: "Dashboard 6", - }, + imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg", imageAlt: "Dashboard 6"}, ]} /> @@ -98,9 +79,7 @@ export default function LandingPage() { useInvertedBackground={true} title="Vous perdez des clients chaque jour" description={[ - "89% des consommateurs lisent les avis avant d'acheter. Pourtant, la plupart des PME ne les gèrent pas efficacement.", - "Avis négatifs sans réponse, manque d'avis positifs, invisibilité sur Maps : autant de clients perdus pour la concurrence.", - ]} + "89% des consommateurs lisent les avis avant d'acheter. Pourtant, la plupart des PME ne les gèrent pas efficacement.", "Avis négatifs sans réponse, manque d'avis positifs, invisibilité sur Maps : autant de clients perdus pour la concurrence."]} /> @@ -110,53 +89,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - tag: "IA", - title: "Réponses automatiques", - subtitle: "Ton personnalisé", - description: "L'IA génère des réponses à chaque avis, dans votre ton. Vous validez en 1 clic.", - imageSrc: "http://img.b2bpic.net/free-vector/community-logo_53876-63890.jpg", - imageAlt: "tech company logo gold minimal", - }, + tag: "IA", title: "Réponses automatiques", subtitle: "Ton personnalisé", description: "L'IA génère des réponses à chaque avis, dans votre ton. Vous validez en 1 clic.", imageSrc: "http://img.b2bpic.net/free-vector/community-logo_53876-63890.jpg", imageAlt: "tech company logo gold minimal"}, { - tag: "SMS", - title: "Collecte automatique", - subtitle: "Taux 23%", - description: "Vos clients reçoivent un SMS après achat pour laisser un avis.", - imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg?_wi=2", - imageAlt: "tech company logo gold minimal", - }, + tag: "SMS", title: "Collecte automatique", subtitle: "Taux 23%", description: "Vos clients reçoivent un SMS après achat pour laisser un avis.", imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg", imageAlt: "tech company logo gold minimal"}, { - tag: "Alertes", - title: "Alerte immédiate", - subtitle: "Réactivité", - description: "Avis négatif ? Soyez alerté instantanément par SMS pour réagir.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg?_wi=1", - imageAlt: "tech company logo gold minimal", - }, + tag: "Alertes", title: "Alerte immédiate", subtitle: "Réactivité", description: "Avis négatif ? Soyez alerté instantanément par SMS pour réagir.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg", imageAlt: "tech company logo gold minimal"}, { - tag: "Dashboard", - title: "Dashboard IA", - subtitle: "Vue 360°", - description: "Suivez notes, volume, mots-clés depuis votre espace centralisé.", - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg?_wi=1", - imageAlt: "tech company logo gold minimal", - }, + tag: "Dashboard", title: "Dashboard IA", subtitle: "Vue 360°", description: "Suivez notes, volume, mots-clés depuis votre espace centralisé.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", imageAlt: "tech company logo gold minimal"}, { - tag: "Multi", - title: "Multi-plateformes", - subtitle: "Centralisation", - description: "Gérez Google, Trustpilot, TripAdvisor au même endroit.", - imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-male-dentist-standing-dental-office_651396-3120.jpg?_wi=1", - imageAlt: "tech company logo gold minimal", - }, + tag: "Multi", title: "Multi-plateformes", subtitle: "Centralisation", description: "Gérez Google, Trustpilot, TripAdvisor au même endroit.", imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-male-dentist-standing-dental-office_651396-3120.jpg", imageAlt: "tech company logo gold minimal"}, { - tag: "Reporting", - title: "Rapports PDF", - subtitle: "Tendances", - description: "Recevez un rapport automatique chaque mois avec vos progrès.", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-business-card_23-2149292245.jpg", - imageAlt: "tech company logo gold minimal", - }, + tag: "Reporting", title: "Rapports PDF", subtitle: "Tendances", description: "Recevez un rapport automatique chaque mois avec vos progrès.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-business-card_23-2149292245.jpg", imageAlt: "tech company logo gold minimal"}, ]} title="ReviewPilot fait tout à votre place" description="Branchez votre compte en 5 minutes. L'IA s'occupe du reste, 24h/24." @@ -171,32 +114,16 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "1", - value: "01", - title: "Connexion", - description: "Liez votre Google Business en 3 clics.", - icon: Link, + id: "1", value: "01", title: "Connexion", description: "Liez votre Google Business en 3 clics.", icon: Link, }, { - id: "2", - value: "02", - title: "Configuration", - description: "Définissez votre ton et votre style.", - icon: Settings, + id: "2", value: "02", title: "Configuration", description: "Définissez votre ton et votre style.", icon: Settings, }, { - id: "3", - value: "03", - title: "Import", - description: "Chargez votre liste de contacts clients.", - icon: Upload, + id: "3", value: "03", title: "Import", description: "Chargez votre liste de contacts clients.", icon: Upload, }, { - id: "4", - value: "04", - title: "Croissance", - description: "Regardez vos notes monter automatiquement.", - icon: TrendingUp, + id: "4", value: "04", title: "Croissance", description: "Regardez vos notes monter automatiquement.", icon: TrendingUp, }, ]} title="En route en 5 minutes" @@ -206,29 +133,21 @@ export default function LandingPage() {
@@ -238,45 +157,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "Super résultat", - quote: "Passé de 3.9 à 4.7 étoiles. +40% de réservations.", - name: "Marc D.", - role: "Restaurateur", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg?_wi=2", - }, + id: "1", title: "Super résultat", quote: "Passé de 3.9 à 4.7 étoiles. +40% de réservations.", name: "Marc D.", role: "Restaurateur", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg"}, { - id: "2", - title: "Gain de temps", - quote: "En 0 seconde, l'IA gère mieux que moi. Bluffant.", - name: "Sophie L.", - role: "Hôtelière", - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg?_wi=2", - }, + id: "2", title: "Gain de temps", quote: "En 0 seconde, l'IA gère mieux que moi. Bluffant.", name: "Sophie L.", role: "Hôtelière", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"}, { - id: "3", - title: "Sauvé des meubles", - quote: "Alerte avis 1 étoile, rappel client, transformé en 4 étoiles.", - name: "Karim B.", - role: "Clinique dentaire", - imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-male-dentist-standing-dental-office_651396-3120.jpg?_wi=2", - }, + id: "3", title: "Sauvé des meubles", quote: "Alerte avis 1 étoile, rappel client, transformé en 4 étoiles.", name: "Karim B.", role: "Clinique dentaire", imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-male-dentist-standing-dental-office_651396-3120.jpg"}, { - id: "4", - title: "Indispensable", - quote: "C'est devenu mon outil numéro 1 pour la visibilité.", - name: "Julie P.", - role: "Salon de coiffure", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg", - }, + id: "4", title: "Indispensable", quote: "C'est devenu mon outil numéro 1 pour la visibilité.", name: "Julie P.", role: "Salon de coiffure", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg"}, { - id: "5", - title: "Service client top", - quote: "Le meilleur investissement pour mon business local.", - name: "Thomas V.", - role: "Garage", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", - }, + id: "5", title: "Service client top", quote: "Le meilleur investissement pour mon business local.", name: "Thomas V.", role: "Garage", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg"}, ]} title="Témoignages" description="Ils ont transformé leur réputation." @@ -290,56 +179,27 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", - badge: "Starter", - price: "29€", - subtitle: "Pour indépendants.", - features: [ - "1 établissement", - "IA 50 avis/mois", - "Alertes négatives", - ], + id: "starter", badge: "Starter", price: "29€", subtitle: "Pour indépendants.", features: [ + "1 établissement", "IA 50 avis/mois", "Alertes négatives"], buttons: [ { - text: "Démarrer", - href: "#", - }, + text: "Démarrer", href: "#"}, ], }, { - id: "business", - badge: "Populaire", - price: "79€", - subtitle: "Pour PME dominantes.", - features: [ - "3 établissements", - "IA illimitée", - "SMS & Email", - "Support prioritaire", - ], + id: "business", badge: "Populaire", price: "79€", subtitle: "Pour PME dominantes.", features: [ + "3 établissements", "IA illimitée", "SMS & Email", "Support prioritaire"], buttons: [ { - text: "Démarrer", - href: "#", - }, + text: "Démarrer", href: "#"}, ], }, { - id: "agency", - badge: "Pro", - price: "199€", - subtitle: "Pour agences.", - features: [ - "Illimité", - "White label", - "API access", - "Manager dédié", - ], + id: "agency", badge: "Pro", price: "199€", subtitle: "Pour agences.", features: [ + "Illimité", "White label", "API access", "Manager dédié"], buttons: [ { - text: "Nous contacter", - href: "#", - }, + text: "Nous contacter", href: "#"}, ], }, ]} @@ -354,47 +214,24 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "f1", - title: "Compétences techniques ?", - content: "Aucune, connexion en 5 minutes.", - }, + id: "f1", title: "Compétences techniques ?", content: "Aucune, connexion en 5 minutes."}, { - id: "f2", - title: "IA personnalisée ?", - content: "Oui, elle apprend votre ton de marque.", - }, + id: "f2", title: "IA personnalisée ?", content: "Oui, elle apprend votre ton de marque."}, { - id: "f3", - title: "Validation ?", - content: "Mode auto ou validation manuelle 1 clic.", - }, + id: "f3", title: "Validation ?", content: "Mode auto ou validation manuelle 1 clic."}, { - id: "f4", - title: "Google Maps ?", - content: "Oui, impact direct sur vos résultats.", - }, + id: "f4", title: "Google Maps ?", content: "Oui, impact direct sur vos résultats."}, { - id: "f5", - title: "Résultats ?", - content: "Amélioration en 3 à 6 semaines.", - }, + id: "f5", title: "Résultats ?", content: "Amélioration en 3 à 6 semaines."}, { - id: "f6", - title: "Annulation ?", - content: "Sans engagement, résiliation en 2 clics.", - }, + id: "f6", title: "Annulation ?", content: "Sans engagement, résiliation en 2 clics."}, { - id: "f7", - title: "RGPD ?", - content: "Données sécurisées, hébergement en Europe.", - }, + id: "f7", title: "RGPD ?", content: "Données sécurisées, hébergement en Europe."}, { - id: "f8", - title: "Plusieurs sites ?", - content: "Business 3, Agency illimité.", - }, + id: "f8", title: "Plusieurs sites ?", content: "Business 3, Agency illimité."}, ]} title="Questions fréquentes" + description="Toutes les réponses à vos interrogations." faqsAnimation="blur-reveal" /> @@ -406,20 +243,11 @@ export default function LandingPage() { description="Rejoignez les PME qui ont transformé leurs avis." inputs={[ { - name: "name", - type: "text", - placeholder: "Votre nom", - }, + name: "name", type: "text", placeholder: "Votre nom"}, { - name: "email", - type: "email", - placeholder: "Email professionnel", - }, + name: "email", type: "email", placeholder: "Email professionnel"}, { - name: "company", - type: "text", - placeholder: "Nom entreprise", - }, + name: "company", type: "text", placeholder: "Nom entreprise"}, ]} buttonText="Essai gratuit 14 jours" imageSrc="http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg" @@ -430,42 +258,27 @@ export default function LandingPage() {