From d58504000ac971e9ada880905fddbd6b7c97d928 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 21:09:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 188 ++++++++++++++++++++++++-----------------------
 1 file changed, 97 insertions(+), 91 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9f1445e..676cbed 100644
--- a/src/app/page.tsx
+++ b/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>
     );
-}
+}
\ No newline at end of file
-- 
2.49.1