Update src/app/page.tsx

This commit is contained in:
2026-05-31 17:50:41 +00:00
parent f14df6f00f
commit be783b8ce2

View File

@@ -15,12 +15,12 @@ import { BarChart, Layout, Lightbulb, ShieldCheck, TrendingUp } from "lucide-rea
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
background="floatingGradient"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
@@ -31,99 +31,62 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "À propos",
id: "#about",
},
name: "À propos", id: "#about"},
{
name: "Processus",
id: "#process",
},
name: "Processus", id: "#process"},
{
name: "Témoignages",
id: "#testimonials",
},
name: "Témoignages", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Revolve"
button={{
text: "Obtenir un devis",
href: "#contact",
}}
text: "Obtenir un devis", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
variant: "downward-rays-animated"}}
title="Votre croissance digitale commence ici."
description="Sites web, SEO et réseaux sociaux : Revolve aide les entreprises à attirer plus de clients et développer leur présence en ligne."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/man-texts-cellphone-startup-office_482257-119475.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/man-texts-cellphone-startup-office_482257-119475.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pensive-afro-american-green-jumper-drinks-tasty-takeout-coffee-poses-chair-looks-away-has-break-after-studying-poses-against-desktop-study-room_273609-33985.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/horizontal-shot-pensive-afro-american-green-jumper-drinks-tasty-takeout-coffee-poses-chair-looks-away-has-break-after-studying-poses-against-desktop-study-room_273609-33985.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/focused-workaholic-entrepreneur-man-working-overtime-presenting-company-statistics_482257-6363.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/focused-workaholic-entrepreneur-man-working-overtime-presenting-company-statistics_482257-6363.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085913.jpg",
alt: "Jessica Lee",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085913.jpg", alt: "Jessica Lee"},
]}
avatarText="Plus de 50 clients satisfaits"
buttons={[
{
text: "Obtenir un devis",
href: "#contact",
},
text: "Obtenir un devis", href: "#contact"},
{
text: "Découvrir nos services",
href: "#services",
},
text: "Découvrir nos services", href: "#services"},
]}
marqueeItems={[
{
type: "text-icon",
text: "Stratégie Marketing Digitale",
icon: BarChart,
type: "text-icon", text: "Stratégie Marketing Digitale", icon: BarChart,
},
{
type: "text-icon",
text: "Conception Web Innovante",
icon: Layout,
type: "text-icon", text: "Conception Web Innovante", icon: Layout,
},
{
type: "text-icon",
text: "Optimisation SEO Avancée",
icon: Lightbulb,
type: "text-icon", text: "Optimisation SEO Avancée", icon: Lightbulb,
},
{
type: "text-icon",
text: "Croissance Organique Assurée",
icon: TrendingUp,
type: "text-icon", text: "Croissance Organique Assurée", icon: TrendingUp,
},
{
type: "text-icon",
text: "Sécurité & Performance",
icon: ShieldCheck,
type: "text-icon", text: "Sécurité & Performance", icon: ShieldCheck,
},
]}
/>
@@ -131,47 +94,23 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardOne
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Création de sites web professionnels",
description: "Nous concevons des sites web modernes, rapides et optimisés pour la conversion, adaptés à vos objectifs.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "Professional website design on various devices",
},
title: "Création de sites web professionnels", description: "Nous concevons des sites web modernes, rapides et optimisés pour la conversion, adaptés à vos objectifs.", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Professional website design on various devices"},
{
title: "Référencement SEO",
description: "Améliorez votre visibilité sur les moteurs de recherche et attirez un trafic qualifié grâce à nos stratégies SEO.",
imageSrc: "http://img.b2bpic.net/free-photo/search-engine-optimization-research-infomation-technology-concept_53876-124895.jpg",
imageAlt: "SEO optimization concept with magnifying glass and graphs",
},
title: "Référencement SEO", description: "Améliorez votre visibilité sur les moteurs de recherche et attirez un trafic qualifié grâce à nos stratégies SEO.", imageSrc: "http://img.b2bpic.net/free-photo/search-engine-optimization-research-infomation-technology-concept_53876-124895.jpg", imageAlt: "SEO optimization concept with magnifying glass and graphs"},
{
title: "Gestion des réseaux sociaux",
description: "Engagez votre audience, construisez votre communauté et renforcez votre marque sur les plateformes sociales clés.",
imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg",
imageAlt: "Social media icons connected by electric blue lines",
},
title: "Gestion des réseaux sociaux", description: "Engagez votre audience, construisez votre communauté et renforcez votre marque sur les plateformes sociales clés.", imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg", imageAlt: "Social media icons connected by electric blue lines"},
{
title: "Création de contenu",
description: "Des textes percutants, des visuels captivants et des vidéos engageantes pour raconter votre histoire.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-coffee-cup_1134-241.jpg",
imageAlt: "Content creation tools like pen, camera, and microphone",
},
title: "Création de contenu", description: "Des textes percutants, des visuels captivants et des vidéos engageantes pour raconter votre histoire.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-coffee-cup_1134-241.jpg", imageAlt: "Content creation tools like pen, camera, and microphone"},
{
title: "Montage vidéo",
description: "Transformez vos idées en vidéos professionnelles qui captivent votre audience et transmettent votre message.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-video-editor-working-with-dual-monitors-creative-agency_482257-126903.jpg",
imageAlt: "Video editing timeline on a high-resolution monitor",
},
title: "Montage vidéo", description: "Transformez vos idées en vidéos professionnelles qui captivent votre audience et transmettent votre message.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-video-editor-working-with-dual-monitors-creative-agency_482257-126903.jpg", imageAlt: "Video editing timeline on a high-resolution monitor"},
{
title: "Stratégie digitale",
description: "Une approche holistique pour définir et atteindre vos objectifs en ligne, avec un plan d'action clair.",
imageSrc: "http://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21425.jpg",
imageAlt: "Digital strategy mind map projected in an office",
},
title: "Stratégie digitale", description: "Une approche holistique pour définir et atteindre vos objectifs en ligne, avec un plan d'action clair.", imageSrc: "http://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21425.jpg", imageAlt: "Digital strategy mind map projected in an office"},
]}
title="Nos services pour votre succès digital"
description="Découvrez comment Revolve peut transformer votre présence en ligne avec des solutions innovantes et performantes."
@@ -180,41 +119,21 @@ export default function LandingPage() {
<div id="about" data-section="about">
<FeatureCardOne
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
features={[
{
title: "Accompagnement personnalisé",
description: "Chaque projet est unique. Nous offrons une stratégie et un suivi adaptés à vos besoins spécifiques.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-office_23-2149636256.jpg",
imageAlt: "Personalized digital consultation with analytics dashboard",
},
title: "Accompagnement personnalisé", description: "Chaque projet est unique. Nous offrons une stratégie et un suivi adaptés à vos besoins spécifiques.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-office_23-2149636256.jpg", imageAlt: "Personalized digital consultation with analytics dashboard"},
{
title: "Résultats mesurables",
description: "Nous suivons et analysons les performances de chaque action pour garantir un retour sur investissement optimal.",
imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg",
imageAlt: "Upward trending graphs and charts representing measurable results",
},
title: "Résultats mesurables", description: "Nous suivons et analysons les performances de chaque action pour garantir un retour sur investissement optimal.", imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg", imageAlt: "Upward trending graphs and charts representing measurable results"},
{
title: "Expertise digitale",
description: "Notre équipe est composée de professionnels passionnés, toujours à la pointe des dernières tendances et technologies.",
imageSrc: "http://img.b2bpic.net/free-photo/young-employees-sitting-office-table-using-laptop-team-work-brainstorming-meeting-concept_146671-15671.jpg",
imageAlt: "Diverse digital professionals collaborating around an interactive screen",
},
title: "Expertise digitale", description: "Notre équipe est composée de professionnels passionnés, toujours à la pointe des dernières tendances et technologies.", imageSrc: "http://img.b2bpic.net/free-photo/young-employees-sitting-office-table-using-laptop-team-work-brainstorming-meeting-concept_146671-15671.jpg", imageAlt: "Diverse digital professionals collaborating around an interactive screen"},
{
title: "Communication rapide",
description: "Nous privilégions une communication transparente et réactive pour vous tenir informé à chaque étape.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-employee-watching-content-cell_74855-1526.jpg",
imageAlt: "Digital chat bubbles and communication icons",
},
title: "Communication rapide", description: "Nous privilégions une communication transparente et réactive pour vous tenir informé à chaque étape.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-employee-watching-content-cell_74855-1526.jpg", imageAlt: "Digital chat bubbles and communication icons"},
{
title: "Solutions sur mesure",
description: "Fini les solutions génériques. Nous créons des stratégies innovantes qui vous démarquent de la concurrence.",
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg",
imageAlt: "Chameleon blending into a digital landscape",
},
title: "Solutions sur mesure", description: "Fini les solutions génériques. Nous créons des stratégies innovantes qui vous démarquent de la concurrence.", imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg", imageAlt: "Chameleon blending into a digital landscape"},
]}
title="Pourquoi choisir Revolve ?"
description="Nous nous engageons à offrir des solutions sur mesure et des résultats concrets pour la croissance de votre entreprise."
@@ -228,25 +147,13 @@ export default function LandingPage() {
tag="Méthodologie"
metrics={[
{
id: "step-1",
value: "1.",
description: "Audit gratuit: Nous analysons votre présence digitale actuelle pour identifier les opportunités.",
},
id: "step-1", value: "1.", description: "Audit gratuit: Nous analysons votre présence digitale actuelle pour identifier les opportunités."},
{
id: "step-2",
value: "2.",
description: "Stratégie personnalisée: Nous élaborons un plan d'action sur mesure, aligné sur vos objectifs uniques.",
},
id: "step-2", value: "2.", description: "Stratégie personnalisée: Nous élaborons un plan d'action sur mesure, aligné sur vos objectifs uniques."},
{
id: "step-3",
value: "3.",
description: "Mise en œuvre: Notre équipe met en place les actions définies avec rigueur et expertise.",
},
id: "step-3", value: "3.", description: "Mise en œuvre: Notre équipe met en place les actions définies avec rigueur et expertise."},
{
id: "step-4",
value: "4.",
description: "Optimisation continue: Nous suivons les résultats et ajustons la stratégie pour une performance maximale.",
},
id: "step-4", value: "4.", description: "Optimisation continue: Nous suivons les résultats et ajustons la stratégie pour une performance maximale."},
]}
metricsAnimation="slide-up"
/>
@@ -258,50 +165,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Visibilité accrue, plus de clients !",
quote: "Revolve a totalement transformé notre présence en ligne. Notre site est magnifique, et le SEO nous a apporté un afflux de nouveaux clients. Un service exceptionnel !",
name: "Sophie M.",
role: "Gérante, Boulangerie Pâtisserie",
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-guy-glasses-sits-cafe-shows-peace-sign-laptop-camera-video-chats-connects_1258-314853.jpg",
imageAlt: "Satisfied small business owner",
},
id: "1", title: "Visibilité accrue, plus de clients !", quote: "Revolve a totalement transformé notre présence en ligne. Notre site est magnifique, et le SEO nous a apporté un afflux de nouveaux clients. Un service exceptionnel !", name: "Sophie M.", role: "Gérante, Boulangerie Pâtisserie", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-guy-glasses-sits-cafe-shows-peace-sign-laptop-camera-video-chats-connects_1258-314853.jpg", imageAlt: "Satisfied small business owner"},
{
id: "2",
title: "Stratégie digitale percutante",
quote: "L'équipe de Revolve a su capter l'essence de notre startup. Leur stratégie digitale nous a permis de doubler notre taux de conversion en seulement trois mois.",
name: "Marc L.",
role: "Fondateur, Tech Innov.",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg",
imageAlt: "Startup founder looking at website traffic",
},
id: "2", title: "Stratégie digitale percutante", quote: "L'équipe de Revolve a su capter l'essence de notre startup. Leur stratégie digitale nous a permis de doubler notre taux de conversion en seulement trois mois.", name: "Marc L.", role: "Fondateur, Tech Innov.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg", imageAlt: "Startup founder looking at website traffic"},
{
id: "3",
title: "Un accompagnement sur mesure et efficace",
quote: "Nous cherchions une agence capable de nous comprendre. Revolve a délivré une solution sur mesure qui a dépassé toutes nos attentes en termes de ROI.",
name: "Emma R.",
role: "Directrice Marketing, Grand Groupe",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-coworkers-analyzing-business-charts-graphs-laptop-digital-tablet-using-networking-software-plan-presentation-with-diagrams-people-working-with-research-close-up_482257-47589.jpg",
imageAlt: "Executive reviewing a successful digital campaign",
},
id: "3", title: "Un accompagnement sur mesure et efficace", quote: "Nous cherchions une agence capable de nous comprendre. Revolve a délivré une solution sur mesure qui a dépassé toutes nos attentes en termes de ROI.", name: "Emma R.", role: "Directrice Marketing, Grand Groupe", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-coworkers-analyzing-business-charts-graphs-laptop-digital-tablet-using-networking-software-plan-presentation-with-diagrams-people-working-with-research-close-up_482257-47589.jpg", imageAlt: "Executive reviewing a successful digital campaign"},
{
id: "4",
title: "Design créatif et moderne",
quote: "Le nouveau branding et le contenu créé par Revolve sont tout simplement superbes. Ils ont réussi à moderniser notre image de marque avec un impact fort.",
name: "Hugo D.",
role: "Directeur Artistique, Studio Créatif",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428482.jpg",
imageAlt: "Creative director with a newly designed brand identity",
},
id: "4", title: "Design créatif et moderne", quote: "Le nouveau branding et le contenu créé par Revolve sont tout simplement superbes. Ils ont réussi à moderniser notre image de marque avec un impact fort.", name: "Hugo D.", role: "Directeur Artistique, Studio Créatif", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428482.jpg", imageAlt: "Creative director with a newly designed brand identity"},
{
id: "5",
title: "Expertise SEO inégalée",
quote: "Grâce à l'expertise SEO de Revolve, nous sommes passés de la deuxième page à la première position sur plusieurs mots-clés stratégiques. Impressionnant !",
name: "Léa C.",
role: "Freelance Développeuse",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg",
imageAlt: "Freelance professional with well-managed social media profile",
},
id: "5", title: "Expertise SEO inégalée", quote: "Grâce à l'expertise SEO de Revolve, nous sommes passés de la deuxième page à la première position sur plusieurs mots-clés stratégiques. Impressionnant !", name: "Léa C.", role: "Freelance Développeuse", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg", imageAlt: "Freelance professional with well-managed social media profile"},
]}
title="Ce que disent nos clients"
description="Leurs succès sont notre plus grande fierté. Découvrez les retours d'expériences de nos partenaires satisfaits."
@@ -314,25 +186,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Combien coûte la création d'un site web ?",
content: "Le coût varie selon la complexité, les fonctionnalités et le design. Nous proposons des devis personnalisés après un audit gratuit de vos besoins.",
},
id: "faq-1", title: "Combien coûte la création d'un site web ?", content: "Le coût varie selon la complexité, les fonctionnalités et le design. Nous proposons des devis personnalisés après un audit gratuit de vos besoins."},
{
id: "faq-2",
title: "En combien de temps est-il livré ?",
content: "Un site vitrine simple peut être livré en 3-4 semaines, tandis qu'un projet plus complexe (e-commerce, plateforme) peut prendre 8-12 semaines. Le délai est toujours précisé dans le devis.",
},
id: "faq-2", title: "En combien de temps est-il livré ?", content: "Un site vitrine simple peut être livré en 3-4 semaines, tandis qu'un projet plus complexe (e-commerce, plateforme) peut prendre 8-12 semaines. Le délai est toujours précisé dans le devis."},
{
id: "faq-3",
title: "Proposez-vous le référencement (SEO) ?",
content: "Oui, le SEO est une composante essentielle de nos services. Tous nos sites sont optimisés dès la conception, et nous proposons des stratégies de référencement complètes et continues.",
},
id: "faq-3", title: "Proposez-vous le référencement (SEO) ?", content: "Oui, le SEO est une composante essentielle de nos services. Tous nos sites sont optimisés dès la conception, et nous proposons des stratégies de référencement complètes et continues."},
{
id: "faq-4",
title: "Travaillez-vous avec les petites entreprises ?",
content: "Absolument ! Nous accompagnons les entreprises de toutes tailles, des indépendants aux PME, avec des solutions adaptées à chaque budget et objectif.",
},
id: "faq-4", title: "Travaillez-vous avec les petites entreprises ?", content: "Absolument ! Nous accompagnons les entreprises de toutes tailles, des indépendants aux PME, avec des solutions adaptées à chaque budget et objectif."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-data-center-computer-scientist-using-tablet-deploying-servers-network-hardware-it_482257-135612.jpg"
imageAlt="Abstract illustration of question mark turning into information icon"
@@ -347,78 +207,54 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "downward-rays-animated"}}
text="Prêt à propulser votre entreprise en ligne ? Obtenez un devis gratuit et personnalisé dès aujourd'hui. L'équipe Revolve est là pour vous accompagner."
buttons={[
{
text: "Recevoir mon devis gratuit",
href: "#",
},
text: "Recevoir mon devis gratuit", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Revolve"
logoText="Revolve Studio"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Sites Web",
href: "#services",
},
label: "Sites Web", href: "#services"},
{
label: "SEO",
href: "#services",
},
label: "SEO", href: "#services"},
{
label: "Réseaux Sociaux",
href: "#services",
},
label: "Réseaux Sociaux", href: "#services"},
],
},
{
title: "Agence",
items: [
title: "Agence", items: [
{
label: "À propos",
href: "#about",
},
label: "À propos", href: "#about"},
{
label: "Notre Processus",
href: "#process",
},
label: "Notre Processus", href: "#process"},
{
label: "Témoignages",
href: "#testimonials",
},
label: "Témoignages", href: "#testimonials"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Obtenir un Devis",
href: "#contact",
},
label: "Obtenir un Devis", href: "#contact"},
{
label: "Email",
href: "mailto:contact@revolve.com",
},
label: "Email", href: "mailto:contact@revolve.com"},
],
},
]}
copyrightText="© 2024 Revolve. Tous droits servés."
copyrightText="© 2024 Revolve Studio. All Rights Reserved. Crafted with excellence."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}