From 2cbc6946102865a43a8a4f8682e62cebf25f9c92 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 13 Jun 2026 05:58:32 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 415 +++++++++++------------------------------------ 1 file changed, 99 insertions(+), 316 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c5c49a5..f432831 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,38 +33,22 @@ export default function LandingPage() { @@ -198,19 +132,13 @@ export default function LandingPage() { tag="Notre Solution" bulletPoints={[ { - title: "Sans Application pour le Client", - description: "Vos clients ajoutent la carte à leur Apple Wallet ou Google Wallet en un scan de QR code, sans téléchargement.", - }, + title: "Sans Application pour le Client", description: "Vos clients ajoutent la carte à leur Apple Wallet ou Google Wallet en un scan de QR code, sans téléchargement."}, { - title: "Gestion Facile pour le Commerçant", - description: "Scannez les cartes, gérez les points, récompenses et campagnes de mailing via une application intuitive sur votre tablette ou smartphone.", - }, + title: "Gestion Facile pour le Commerçant", description: "Scannez les cartes, gérez les points, récompenses et campagnes de mailing via une application intuitive sur votre tablette ou smartphone."}, { - title: "Augmentez la Fidélité", - description: "Offrez une expérience moderne et sans friction qui encourage vos clients à revenir plus souvent.", - }, + title: "Augmentez la Fidélité", description: "Offrez une expérience moderne et sans friction qui encourage vos clients à revenir plus souvent."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114028.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114028.jpg" imageAlt="Smartphone affichant une carte de fidélité Carlypass dans un wallet" mediaAnimation="slide-up" /> @@ -223,120 +151,66 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Tableau de Bord Intuitif", - description: "Visualisez en un coup d'œil vos statistiques clés, l'activité client et la performance de vos campagnes.", - bentoComponent: "animated-bar-chart", - imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", - imageAlt: "merchant dashboard analytics tablet ui", - }, + title: "Tableau de Bord Intuitif", description: "Visualisez en un coup d'œil vos statistiques clés, l'activité client et la performance de vos campagnes.", bentoComponent: "animated-bar-chart", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "merchant dashboard analytics tablet ui"}, { - title: "Gestion des Points & Récompenses", - description: "Créez et gérez des paliers de points, des récompenses personnalisées et des offres exclusives facilement.", - bentoComponent: "reveal-icon", - icon: Gift, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F4MubaoZqFkDhadrtRnoQbMmXa/uploaded-1781330140293-mhimqifn.png", - imageAlt: "merchant dashboard analytics tablet ui", - }, + title: "Gestion des Points & Récompenses", description: "Créez et gérez des paliers de points, des récompenses personnalisées et des offres exclusives facilement.", bentoComponent: "reveal-icon", icon: Gift, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F4MubaoZqFkDhadrtRnoQbMmXa/uploaded-1781330140293-mhimqifn.png", imageAlt: "merchant dashboard analytics tablet ui"}, { - title: "Campagnes de Mailing Ciblées", - description: "Communiquez directement avec vos clients via des campagnes d'emailing automatisées et personnalisées.", - bentoComponent: "chat", - aiIcon: HelpCircle, + title: "Campagnes de Mailing Ciblées", description: "Communiquez directement avec vos clients via des campagnes d'emailing automatisées et personnalisées.", bentoComponent: "chat", aiIcon: HelpCircle, userIcon: User, exchanges: [ { - userMessage: "Envoyer une promo pour les nouveaux clients?", - aiResponse: "Oui, ciblez-les facilement avec notre outil de segmentation.", - }, + userMessage: "Envoyer une promo pour les nouveaux clients?", aiResponse: "Oui, ciblez-les facilement avec notre outil de segmentation."}, { - userMessage: "Annoncer une nouvelle collection?", - aiResponse: "Déclenchez une campagne personnalisée pour vos clients fidèles.", - }, + userMessage: "Annoncer une nouvelle collection?", aiResponse: "Déclenchez une campagne personnalisée pour vos clients fidèles."}, ], - placeholder: "Votre message...", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-credit-card-smartphone-christmas-gifts_1262-17830.jpg?_wi=2", - imageAlt: "merchant dashboard analytics tablet ui", - }, + placeholder: "Votre message...", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-credit-card-smartphone-christmas-gifts_1262-17830.jpg", imageAlt: "merchant dashboard analytics tablet ui"}, { - title: "Scan QR Rapide et Sécurisé", - description: "Enregistrez les visites et les points de vos clients en un instant grâce à notre scanner QR intégré et sécurisé.", - bentoComponent: "phone", - statusIcon: Wifi, + title: "Scan QR Rapide et Sécurisé", description: "Enregistrez les visites et les points de vos clients en un instant grâce à notre scanner QR intégré et sécurisé.", bentoComponent: "phone", statusIcon: Wifi, alertIcon: Bell, - alertTitle: "Nouveau client!", - alertMessage: "Accueil chaleureux", - apps: [ + alertTitle: "Nouveau client!", alertMessage: "Accueil chaleureux", apps: [ { - name: "Scan", - icon: QrCode, + name: "Scan", icon: QrCode, }, { - name: "Stats", - icon: BarChart, + name: "Stats", icon: BarChart, }, { - name: "Rewards", - icon: Award, + name: "Rewards", icon: Award, }, { - name: "Clients", - icon: Users, + name: "Clients", icon: Users, }, { - name: "Campaigns", - icon: Mail, + name: "Campaigns", icon: Mail, }, { - name: "Settings", - icon: Settings, + name: "Settings", icon: Settings, }, { - name: "Support", - icon: HelpCircle, + name: "Support", icon: HelpCircle, }, { - name: "Report", - icon: FileText, + name: "Report", icon: FileText, }, ], - imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg?_wi=2", - imageAlt: "merchant dashboard analytics tablet ui", - }, + imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", imageAlt: "merchant dashboard analytics tablet ui"}, { - title: "Suivi Client Détaillé", - description: "Accédez à l'historique de chaque client, leurs préférences et leurs points pour des offres ultra-personnalisées.", - bentoComponent: "3d-stack-cards", - items: [ + title: "Suivi Client Détaillé", description: "Accédez à l'historique de chaque client, leurs préférences et leurs points pour des offres ultra-personnalisées.", bentoComponent: "3d-stack-cards", items: [ { icon: User, - title: "Profil Client", - subtitle: "Détails & Préférences", - detail: "Historique des achats", - }, + title: "Profil Client", subtitle: "Détails & Préférences", detail: "Historique des achats"}, { icon: CreditCard, - title: "Carte Fidélité", - subtitle: "Points & Récompenses", - detail: "Statut de fidélité", - }, + title: "Carte Fidélité", subtitle: "Points & Récompenses", detail: "Statut de fidélité"}, { icon: MessageCircle, - title: "Communication", - subtitle: "Campagnes reçues", - detail: "Feedback client", - }, + title: "Communication", subtitle: "Campagnes reçues", detail: "Feedback client"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg?_wi=2", - imageAlt: "merchant dashboard analytics tablet ui", - }, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg", imageAlt: "merchant dashboard analytics tablet ui"}, { - title: "Mises à Jour en Temps Réel", - description: "Vos données sont toujours à jour. Accédez à vos informations de n'importe où, à tout moment.", - bentoComponent: "reveal-icon", - icon: RefreshCw, - imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114028.jpg?_wi=2", - imageAlt: "merchant dashboard analytics tablet ui", - }, + title: "Mises à Jour en Temps Réel", description: "Vos données sont toujours à jour. Accédez à vos informations de n'importe où, à tout moment.", bentoComponent: "reveal-icon", icon: RefreshCw, + imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114028.jpg", imageAlt: "merchant dashboard analytics tablet ui"}, ]} title="Des Fonctionnalités Puissantes Conçues pour Votre Commerce" description="L'application Carlypass pour commerçants vous offre tous les outils nécessaires pour gérer efficacement votre programme de fidélité et dynamiser vos ventes." @@ -352,20 +226,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "retention", - value: "+25%", - description: "Augmentation de la rétention client grâce à une fidélité accrue.", - }, + id: "retention", value: "+25%", description: "Augmentation de la rétention client grâce à une fidélité accrue."}, { - id: "satisfaction", - value: "95%", - description: "Taux de satisfaction des clients avec une expérience de fidélité moderne.", - }, + id: "satisfaction", value: "95%", description: "Taux de satisfaction des clients avec une expérience de fidélité moderne."}, { - id: "engagement", - value: "+40%", - description: "Hausse de l'engagement client via des offres et communications ciblées.", - }, + id: "engagement", value: "+40%", description: "Hausse de l'engagement client via des offres et communications ciblées."}, ]} title="Des Résultats Concrets pour Booster Votre Activité" description="Carlypass vous aide à transformer la relation client en croissance tangible pour votre commerce." @@ -378,14 +243,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Le Petit Bistro", - "Mode & Tendance", - "Salon Éclat", - "La Boulangerie Gourmande", - "Fitness Club X", - "La Librairie du Coin", - "Pressing Express", - ]} + "Le Petit Bistro", "Mode & Tendance", "Salon Éclat", "La Boulangerie Gourmande", "Fitness Club X", "La Librairie du Coin", "Pressing Express"]} title="Ils font déjà confiance à Carlypass" description="De nombreux commerçants, petits et grands, ont déjà adopté Carlypass pour réinventer leur programme de fidélité." tag="Nos Partenaires" @@ -399,66 +257,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic", - badge: "Démarrage", - badgeIcon: Lightbulb, - price: "49€ / mois", - subtitle: "Idéal pour les petits commerces", - buttons: [ + id: "basic", badge: "Démarrage", badgeIcon: Lightbulb, + price: "49€ / mois", subtitle: "Idéal pour les petits commerces", buttons: [ { - text: "Choisir le Plan Basic", - href: "#contact", - }, + text: "Choisir le Plan Basic", href: "#contact"}, ], features: [ - "Gestion de 500 clients", - "Cartes de fidélité digitales illimitées", - "Tableau de bord de base", - "Scan QR intégré", - "Support par email", - ], + "Gestion de 500 clients", "Cartes de fidélité digitales illimitées", "Tableau de bord de base", "Scan QR intégré", "Support par email"], }, { - id: "pro", - badge: "Le Plus Populaire", - badgeIcon: Star, - price: "99€ / mois", - subtitle: "Parfait pour les commerces en croissance", - buttons: [ + id: "pro", badge: "Le Plus Populaire", badgeIcon: Star, + price: "99€ / mois", subtitle: "Parfait pour les commerces en croissance", buttons: [ { - text: "Choisir le Plan Pro", - href: "#contact", - }, + text: "Choisir le Plan Pro", href: "#contact"}, ], features: [ - "Gestion de 5000 clients", - "Toutes les fonctionnalités du plan Basic", - "Gestion des récompenses avancée", - "Campagnes de mailing ciblées", - "Statistiques détaillées", - "Support prioritaire", - ], + "Gestion de 5000 clients", "Toutes les fonctionnalités du plan Basic", "Gestion des récompenses avancée", "Campagnes de mailing ciblées", "Statistiques détaillées", "Support prioritaire"], }, { - id: "enterprise", - badge: "Sur Mesure", - badgeIcon: Crown, - price: "Contactez-nous", - subtitle: "Pour les grandes entreprises et franchises", - buttons: [ + id: "enterprise", badge: "Sur Mesure", badgeIcon: Crown, + price: "Contactez-nous", subtitle: "Pour les grandes entreprises et franchises", buttons: [ { - text: "Demander une Démo", - href: "#contact", - }, + text: "Demander une Démo", href: "#contact"}, ], features: [ - "Gestion de clients illimitée", - "Toutes les fonctionnalités du plan Pro", - "Intégrations personnalisées", - "Accompagnement dédié", - "Formation personnalisée", - "Support 24/7", - ], + "Gestion de clients illimitée", "Toutes les fonctionnalités du plan Pro", "Intégrations personnalisées", "Accompagnement dédié", "Formation personnalisée", "Support 24/7"], }, ]} title="Des Offres Flexibles pour Chaque Type de Commerce" @@ -473,35 +296,17 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "Comment les clients ajoutent-ils la carte à leur wallet ?", - content: "Après avoir scanné un QR code dans votre commerce, les clients sont redirigés vers une page où ils peuvent ajouter instantanément leur carte de fidélité à leur Apple Wallet ou Google Wallet, sans aucune application à télécharger.", - }, + id: "faq1", title: "Comment les clients ajoutent-ils la carte à leur wallet ?", content: "Après avoir scanné un QR code dans votre commerce, les clients sont redirigés vers une page où ils peuvent ajouter instantanément leur carte de fidélité à leur Apple Wallet ou Google Wallet, sans aucune application à télécharger."}, { - id: "faq2", - title: "Quelle application est nécessaire pour le commerçant ?", - content: "Les commerçants utilisent une application Carlypass dédiée (disponible sur tablette et smartphone) pour scanner les cartes, gérer les points clients, les récompenses et accéder au tableau de bord.", - }, + id: "faq2", title: "Quelle application est nécessaire pour le commerçant ?", content: "Les commerçants utilisent une application Carlypass dédiée (disponible sur tablette et smartphone) pour scanner les cartes, gérer les points clients, les récompenses et accéder au tableau de bord."}, { - id: "faq3", - title: "Puis-je personnaliser les récompenses ?", - content: "Oui, notre plateforme vous permet de créer des récompenses entièrement personnalisables, des réductions aux produits offerts, en fonction des paliers de points atteints par vos clients.", - }, + id: "faq3", title: "Puis-je personnaliser les récompenses ?", content: "Oui, notre plateforme vous permet de créer des récompenses entièrement personnalisables, des réductions aux produits offerts, en fonction des paliers de points atteints par vos clients."}, { - id: "faq4", - title: "Comment fonctionnent les campagnes de mailing ?", - content: "Vous pouvez créer et programmer des campagnes d'emailing ciblées directement depuis votre tableau de bord Carlypass pour communiquer vos offres, nouveautés ou messages personnalisés à vos clients.", - }, + id: "faq4", title: "Comment fonctionnent les campagnes de mailing ?", content: "Vous pouvez créer et programmer des campagnes d'emailing ciblées directement depuis votre tableau de bord Carlypass pour communiquer vos offres, nouveautés ou messages personnalisés à vos clients."}, { - id: "faq5", - title: "Carlypass est-il compatible avec mon système de caisse ?", - content: "Carlypass est conçu pour être une solution autonome et flexible. Pour les intégrations plus poussées, contactez notre équipe pour discuter des options disponibles.", - }, + id: "faq5", title: "Carlypass est-il compatible avec mon système de caisse ?", content: "Carlypass est conçu pour être une solution autonome et flexible. Pour les intégrations plus poussées, contactez notre équipe pour discuter des options disponibles."}, { - id: "faq6", - title: "Y a-t-il un support technique disponible ?", - content: "Oui, tous nos plans incluent un support technique par email. Les plans Pro et Entreprise bénéficient d'un support prioritaire et/ou dédié.", - }, + id: "faq6", title: "Y a-t-il un support technique disponible ?", content: "Oui, tous nos plans incluent un support technique par email. Les plans Pro et Entreprise bénéficient d'un support prioritaire et/ou dédié."}, ]} title="Vos Questions, Nos Réponses" description="Trouvez rapidement les informations que vous cherchez concernant Carlypass et son fonctionnement." @@ -514,8 +319,7 @@ export default function LandingPage() { console.log('Submitting email:', email, 'to contact.carlypass@gmail.com')} /> @@ -531,54 +335,33 @@ export default function LandingPage() {