182 lines
13 KiB
TypeScript
182 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
export default function LandingPage() {
|
|
const navItems = [
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Processus", id: "how-it-works" },
|
|
{ name: "Avantages", id: "why-us" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Contact", id: "contact" }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="AR Agency"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="AR Agency"
|
|
description="Transformez votre business avec l'IA. Sites web, agents WhatsApp, systèmes de réservation et automatisation métier pour les PME tunisiennes. Livraison rapide, démo gratuite, sans engagement."
|
|
buttons={[
|
|
{ text: "Obtenir une démo gratuite", href: "#contact" },
|
|
{ text: "Voir le portfolio", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "circleGradient" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=1"
|
|
imageAlt="AR Agency - Tableau de bord d'automatisation AI"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Nos Services"
|
|
description="Une suite complète de solutions AI pour automatiser et accélérer votre business"
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
id: "1", title: "Site Web Professionnel", description: "Sites web modernes, rapides et convertissants construits avec les dernières technologies. Responsive, SEO-optimisé, prêt pour vos clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-sleek-professional-website-mockup-show-1772898422074-d206bf8e.jpg?_wi=1", imageAlt: "Site web professionnel"
|
|
},
|
|
{
|
|
id: "2", title: "Agent WhatsApp IA", description: "Chatbot AI intelligent qui répond à vos clients 24/7 sur WhatsApp. Qualification de leads, réponses automatiques, engagement client en continu.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-smartphone-screen-showing-a-whatsapp-c-1772898421717-be971071.png", imageAlt: "Agent WhatsApp AI"
|
|
},
|
|
{
|
|
id: "3", title: "Système de Réservation", description: "Plateforme de réservation automatisée pour restaurants, salons et services. Calendrier intelligent, confirmations auto, réduction des no-shows.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-booking-system-interface-showin-1772898421350-3afff789.png", imageAlt: "Système de réservation"
|
|
},
|
|
{
|
|
id: "4", title: "Prise de Rendez-vous", description: "Automatisation complète de la prise de rendez-vous. Synchronisation calendrier, rappels automatiques, intégration SMS et email.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-visual-representation-of-business-proc-1772898421608-fdced0c0.png?_wi=1", imageAlt: "Prise de rendez-vous automatique"
|
|
},
|
|
{
|
|
id: "5", title: "Automatisation Métier", description: "Workflow automatisés pour vos processus métier. Réduction des tâches manuelles, gain de temps, meilleure productivité et moins d'erreurs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-visual-representation-of-business-proc-1772898421608-fdced0c0.png?_wi=2", imageAlt: "Automatisation métier"
|
|
},
|
|
{
|
|
id: "6", title: "Solutions Intégrées", description: "Packages complets combinant site web, AI, et automatisation. Solutions packagées pour restaurants, boutiques et agences de voyage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-sleek-professional-website-mockup-show-1772898422074-d206bf8e.jpg?_wi=2", imageAlt: "Solutions intégrées"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardTwentySeven
|
|
title="Notre Processus"
|
|
description="Du diagnostic au lancement en 3 étapes simples"
|
|
tag="Comment ça marche"
|
|
features={[
|
|
{
|
|
id: "1", title: "1. Analyse de votre besoin", description: "Découverte approfondie de votre business, vos objectifs et vos contraintes. Session gratuite pour définir votre solution idéale.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=2", imageAlt: "Analyse besoin"
|
|
},
|
|
{
|
|
id: "2", title: "2. Création de votre solution", description: "Construction rapide et agile de votre projet. Vous restez impliqué à chaque étape, feedback continu et transparent.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=3", imageAlt: "Création solution"
|
|
},
|
|
{
|
|
id: "3", title: "3. Démo et lancement", description: "Présentation complète de votre solution avec formation incluse. Support après lancement pour assurer votre succès.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=4", imageAlt: "Lancement"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardTwentySeven
|
|
title="Pourquoi AR Agency"
|
|
description="Nous mettons la technologie AI au service de votre croissance"
|
|
tag="Nos avantages"
|
|
features={[
|
|
{
|
|
id: "1", title: "Livraison Rapide", description: "Mise en place agile et efficace. La plupart de nos solutions sont prêtes en 1-2 semaines. Pas de délais interminables, des résultats concrets vite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=5", imageAlt: "Livraison rapide"
|
|
},
|
|
{
|
|
id: "2", title: "Démo Gratuite Sans Engagement", description: "Testez avant d'acheter. Démo personnalisée de votre solution sans aucun engagement. Vous voyez exactement ce que vous obtenez.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=6", imageAlt: "Démo gratuite"
|
|
},
|
|
{
|
|
id: "3", title: "Prix Adapté aux PME Tunisiennes", description: "Tarification flexible et transparente. Packages adaptés à votre budget et vos besoins. Pas de surprise, pas de frais cachés.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=7", imageAlt: "Prix adapté"
|
|
},
|
|
{
|
|
id: "4", title: "Support Inclus", description: "Support technique continu après lancement. Formation de vos équipes, maintenance régulière et optimisation continue incluses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-modern-professional-ai-dashboard-inter-1772898422231-4613cf05.png?_wi=8", imageAlt: "Support inclus"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<FeatureCardTwentySeven
|
|
title="Portfolio & Résultats"
|
|
description="Des vrais résultats pour des vrais businesses tunisiens"
|
|
tag="Cas d'usage"
|
|
features={[
|
|
{
|
|
id: "1", title: "Restaurant 'Le Palais' - Tunis", description: "Système de réservation AI + site web. Résultat: +40% de réservations en ligne, -30% de no-shows grâce aux rappels automatiques. Clients satisfaits et opération fluide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-beautiful-modern-restaurant-interior-s-1772898422169-0585de0e.png", imageAlt: "Portfolio - Restaurant"
|
|
},
|
|
{
|
|
id: "2", title: "Boutique 'Élégance' - Sousse", description: "Agent WhatsApp IA + automation. Résultat: Gestion de 500+ questions/jour automatiquement. Augmentation de 25% des conversions grâce au support instant 24/7.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/an-elegant-boutique-storefront-showcasin-1772898421244-dc436157.png", imageAlt: "Portfolio - Boutique"
|
|
},
|
|
{
|
|
id: "3", title: "Agence Voyage 'Horizons' - Sfax", description: "Site web + réservation intégrée + chatbot. Résultat: +50% de volume de requêtes, réduction de 60% du temps de traitement des demandes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AciGvoDigUmzMgk3PnylSVK1dY/a-dynamic-travel-agency-office-showing-a-1772898422356-740efcdf.png", imageAlt: "Portfolio - Agence voyage"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Prêt à démarrer?"
|
|
title="Prêt à automatiser votre business?"
|
|
description="Parlez à un expert AR Agency dès aujourd'hui. Une démo personnalisée vous attend, sans engagement, 100% gratuite."
|
|
background={{ variant: "downward-rays-animated" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="votre@email.com"
|
|
buttonText="Parler à un expert"
|
|
termsText="En cliquant, vous acceptez que nous vous contactions par email ou WhatsApp pour discuter de vos besoins. Aucun spam, juste une vraie conversation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AR Agency"
|
|
copyrightText="© 2025 AR Agency | Automatisation AI pour PME Tunisiennes"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|