Merge version_2 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -3,14 +3,12 @@
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { CheckCircle, AlertTriangle, FileText, Zap, Shield, HelpCircle, Mail, BarChart3, Clock, Lock, Users } from "lucide-react";
|
||||
import { CheckCircle, AlertTriangle, FileText, Zap, Shield, BarChart3, Lock, Users } from "lucide-react";
|
||||
|
||||
export default function FacturProLanding() {
|
||||
const navItems = [
|
||||
@@ -47,100 +45,108 @@ export default function FacturProLanding() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="FacturPro"
|
||||
button={{ text: "Essayer gratuitement", href: "#" }}
|
||||
/>
|
||||
<HeroBillboardDashboard
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Obligatoire dès septembre 2026 🇫🇷"
|
||||
title="La facturation électronique obligatoire, sans la complexité."
|
||||
description="FacturPro connecte votre entreprise au Portail Public de Facturation en 5 minutes. Conforme Factur-X, archivage 10 ans inclus."
|
||||
buttons={[
|
||||
{ text: "Commencer gratuitement — 14 jours", href: "#" },
|
||||
{ text: "Voir une démo →", href: "#" },
|
||||
]}
|
||||
dashboard={{
|
||||
title: "FacturPro Dashboard", logoIcon: FileText,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm", buttons: [{ text: "Nouvelle facture", href: "#" }],
|
||||
sidebarItems: [{ icon: BarChart3 }, { icon: FileText }, { icon: Users }, { icon: Shield }],
|
||||
stats: [
|
||||
{ title: "CA Mensuel", values: [24350, 24350, 24350], description: "+12% vs mois dernier" },
|
||||
{ title: "Factures", values: [47, 47, 47], description: "Émises ce mois" },
|
||||
{ title: "En attente", values: [8320, 8320, 8320], valuePrefix: "€", description: "6 factures en cours" }
|
||||
],
|
||||
listTitle: "Activité récente", listItems: [
|
||||
{ icon: CheckCircle, title: "Facture #FAC-001 payée", status: "Payée" },
|
||||
{ icon: AlertTriangle, title: "Facture #FAC-002 en retard", status: "Retard" }
|
||||
]
|
||||
}}
|
||||
/>
|
||||
|
||||
<div id="fonctionnalites">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
tag="Pourquoi FacturPro ?"
|
||||
title="Passez à la facture électronique avec sérénité"
|
||||
description="L'obligation 2026 approche. Ne laissez pas la conformité devenir un frein à votre croissance."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "Conformité Totale", description: "Factur-X, archivage 10 ans et liaison PDP intégrés nativement." },
|
||||
{ icon: Zap, title: "Simple & Rapide", description: "Une interface épurée pour créer vos factures en quelques clics." },
|
||||
{ icon: FileText, title: "Archivage Légal", description: "Vos documents sont horodatés et conservés en France." },
|
||||
{ icon: Lock, title: "Sécurisé", description: "Données chiffrées, hébergées en France, 100% conforme RGPD." }
|
||||
]
|
||||
}
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="FacturPro"
|
||||
button={{ text: "Essayer gratuitement", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Obligatoire dès septembre 2026 🇫🇷"
|
||||
title="La facturation électronique obligatoire, sans la complexité."
|
||||
description="FacturPro connecte votre entreprise au Portail Public de Facturation en 5 minutes. Conforme Factur-X, archivage 10 ans inclus."
|
||||
buttons={[
|
||||
{ text: "Commencer gratuitement — 14 jours", href: "#" },
|
||||
{ text: "Voir une démo →", href: "#" },
|
||||
]}
|
||||
dashboard={{
|
||||
title: "FacturPro Dashboard", logoIcon: FileText,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f03cm", buttons: [{ text: "Nouvelle facture", href: "#" }],
|
||||
sidebarItems: [{ icon: BarChart3 }, { icon: FileText }, { icon: Users }, { icon: Shield }],
|
||||
stats: [
|
||||
{ title: "CA Mensuel", values: [24350, 24350, 24350], description: "+12% vs mois dernier" },
|
||||
{ title: "Factures", values: [47, 47, 47], description: "Émises ce mois" },
|
||||
{ title: "En attente", values: [8320, 8320, 8320], valuePrefix: "€", description: "6 factures en cours" }
|
||||
],
|
||||
listTitle: "Activité récente", listItems: [
|
||||
{ icon: CheckCircle, title: "Facture #FAC-001 payée", status: "Payée" },
|
||||
{ icon: AlertTriangle, title: "Facture #FAC-002 en retard", status: "Retard" }
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tarifs">
|
||||
<PricingCardThree
|
||||
plans={pricingPlans}
|
||||
animationType="slide-up"
|
||||
title="Tarifs transparents"
|
||||
description="Choisissez la formule adaptée à votre taille d'entreprise."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
<div id="fonctionnalites" data-section="fonctionnalites">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
tag="Pourquoi FacturPro ?"
|
||||
title="Passez à la facture électronique avec sérénité"
|
||||
description="L'obligation 2026 approche. Ne laissez pas la conformité devenir un frein à votre croissance."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "Conformité Totale", description: "Factur-X, archivage 10 ans et liaison PDP intégrés nativement." },
|
||||
{ icon: Zap, title: "Simple & Rapide", description: "Une interface épurée pour créer vos factures en quelques clics." },
|
||||
{ icon: FileText, title: "Archivage Légal", description: "Vos documents sont horodatés et conservés en France." },
|
||||
{ icon: Lock, title: "Sécurisé", description: "Données chiffrées, hébergées en France, 100% conforme RGPD." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq">
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{ id: "1", title: "Est-ce vraiment obligatoire en 2026 ?", content: "Oui, la réforme s'applique progressivement à toutes les entreprises françaises et notre plateforme gère toute la complexité technique de la connexion directe au 'Portail Public de Facturation'." },
|
||||
{ id: "2", title: "Qu'est-ce que le format Factur-X ?", content: "Un standard hybride PDF + XML qui garantit la conformité et la lisibilité." },
|
||||
{ id: "3", title: "Puis-je importer mes anciens clients ?", content: "Absolument, notre importateur CSV permet de tout migrer facilement." },
|
||||
{ id: "4", title: "L'archivage est-il vraiment légal ?", content: "Conforme article L123-22 du Code de commerce avec horodatage certifié." },
|
||||
{ id: "5", title: "Comment migrer depuis mon outil actuel ?", content: "Nos équipes vous accompagnent dans le transfert de vos données." },
|
||||
{ id: "6", title: "Y a-t-il un engagement de durée ?", content: "Aucun engagement, vous pouvez annuler votre abonnement quand vous le souhaitez." }
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir sur la réforme et notre solution."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="tarifs" data-section="tarifs">
|
||||
<PricingCardThree
|
||||
plans={pricingPlans}
|
||||
animationType="slide-up"
|
||||
title="Tarifs transparents"
|
||||
description="Choisissez la formule adaptée à votre taille d'entreprise."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<ContactCTA
|
||||
tag="Rejoignez-nous"
|
||||
title="Rejoignez les 1 240 PME déjà conformes"
|
||||
description="Essai gratuit 14 jours, sans carte bancaire."
|
||||
buttons={[{ text: "Commencer maintenant →", href: "#" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{ id: "1", title: "Est-ce vraiment obligatoire en 2026 ?", content: "Oui, la réforme s'applique progressivement à toutes les entreprises françaises et notre plateforme gère toute la complexité technique de la connexion directe au 'Portail Public de Facturation'." },
|
||||
{ id: "2", title: "Qu'est-ce que le format Factur-X ?", content: "Un standard hybride PDF + XML qui garantit la conformité et la lisibilité." },
|
||||
{ id: "3", title: "Puis-je importer mes anciens clients ?", content: "Absolument, notre importateur CSV permet de tout migrer facilement." },
|
||||
{ id: "4", title: "L'archivage est-il vraiment légal ?", content: "Conforme article L123-22 du Code de commerce avec horodatage certifié." },
|
||||
{ id: "5", title: "Comment migrer depuis mon outil actuel ?", content: "Nos équipes vous accompagnent dans le transfert de vos données." },
|
||||
{ id: "6", title: "Y a-t-il un engagement de durée ?", content: "Aucun engagement, vous pouvez annuler votre abonnement quand vous le souhaitez." }
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que vous devez savoir sur la réforme et notre solution."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBaseCard
|
||||
logoText="FacturPro"
|
||||
columns={[
|
||||
{ title: "Produit", items: [{ label: "Fonctionnalités", href: "#" }, { label: "Tarifs", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "CGU", href: "#" }] },
|
||||
{ title: "Ressources", items: [{ label: "Blog", href: "#" }, { label: "Guide réforme", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#" }, { label: "Email", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Rejoignez-nous"
|
||||
title="Rejoignez les 1 240 PME déjà conformes"
|
||||
description="Essai gratuit 14 jours, sans carte bancaire."
|
||||
buttons={[{ text: "Commencer maintenant →", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="FacturPro"
|
||||
columns={[
|
||||
{ title: "Produit", items: [{ label: "Fonctionnalités", href: "#" }, { label: "Tarifs", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "CGU", href: "#" }] },
|
||||
{ title: "Ressources", items: [{ label: "Blog", href: "#" }, { label: "Guide réforme", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#" }, { label: "Email", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user