Merge version_4 into main #4

Merged
bender merged 9 commits from version_4 into main 2026-04-16 13:41:03 +00:00
9 changed files with 144 additions and 8 deletions

17
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,17 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function AboutPage() {
const navItems = [{ name: "Accueil", href: "/" }, { name: "À propos", href: "/about" }, { name: "Tarifs", href: "/pricing" }];
return (
<ThemeProvider>
<NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" button={{ text: "Essayer gratuitement", href: "/pricing" }} />
<MetricSplitMediaAbout title="Notre Mission" description="Simplifier la transition numérique des entreprises françaises face aux nouvelles obligations de facturation électronique." metrics={[{ value: "1240+", title: "PME accompagnées" }, { value: "5 min", title: "Mise en service moyenne" }]} useInvertedBackground={false} mediaAnimation="slide-up" metricsAnimation="slide-up" />
<FooterBaseCard logoText="FacturPro" columns={[{ title: "Produit", items: [{ label: "Fonctionnalités", href: "/" }, { label: "Tarifs", href: "/pricing" }] }]} />
</ThemeProvider>
);
}

16
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,16 @@
"use client";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function BlogPage() {
const navItems = [{ name: "Fonctionnalités", id: "/features" }, { name: "Tarifs", id: "/tarifs" }, { name: "FAQ", id: "/faq" }, { name: "Documentation", id: "/guide" }, { name: "Blog", id: "/blog" }];
return (
<ThemeProvider><NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" />
<div className="pt-32 pb-20 px-6 container mx-auto text-center">
<h1 className="text-5xl font-bold mb-6">Blog</h1>
<p className="text-xl">Nos derniers articles sur la facturation électronique.</p>
</div>
<FooterBaseCard logoText="FacturPro" columns={[]} /></ThemeProvider>
);
}

View File

@@ -0,0 +1,16 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
export default function DashboardPage() {
return (
<ThemeProvider>
<NavbarStyleFullscreen navItems={[{name: "Dashboard", id: "/dashboard"}, {name: "Profil", id: "/profile"}, {name: "Paramètres", id: "/settings"}]} brandName="FacturPro" />
<div className="container mx-auto py-20">
<h1 className="text-4xl font-bold mb-8">Dashboard</h1>
<p>Invoice management and analytics will be displayed here.</p>
</div>
</ThemeProvider>
);
}

16
src/app/features/page.tsx Normal file
View File

@@ -0,0 +1,16 @@
"use client";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function FeaturesPage() {
const navItems = [{ name: "Fonctionnalités", id: "/features" }, { name: "Tarifs", id: "/tarifs" }, { name: "FAQ", id: "/faq" }, { name: "Documentation", id: "/guide" }, { name: "Blog", id: "/blog" }];
return (
<ThemeProvider><NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" />
<div className="pt-32 pb-20 px-6 container mx-auto text-center">
<h1 className="text-5xl font-bold mb-6">Fonctionnalités</h1>
<p className="text-xl">Tout ce qu'il faut pour gérer vos factures en toute sérénité.</p>
</div>
<FooterBaseCard logoText="FacturPro" columns={[]} /></ThemeProvider>
);
}

16
src/app/guide/page.tsx Normal file
View File

@@ -0,0 +1,16 @@
"use client";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function GuidePage() {
const navItems = [{ name: "Fonctionnalités", id: "/features" }, { name: "Tarifs", id: "/tarifs" }, { name: "FAQ", id: "/faq" }, { name: "Documentation", id: "/guide" }, { name: "Blog", id: "/blog" }];
return (
<ThemeProvider><NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" />
<div className="pt-32 pb-20 px-6 container mx-auto text-center">
<h1 className="text-5xl font-bold mb-6">Guide de la Facturation</h1>
<p className="text-xl">Apprenez à maîtriser la réforme 2026 pas à pas.</p>
</div>
<FooterBaseCard logoText="FacturPro" columns={[]} /></ThemeProvider>
);
}

View File

@@ -12,9 +12,9 @@ import { CheckCircle, AlertTriangle, FileText, Zap, Shield, BarChart3, Lock, Use
export default function FacturProLanding() {
const navItems = [
{ name: "Fonctionnalités", id: "fonctionnalites" },
{ name: "Tarifs", id: "tarifs" },
{ name: "FAQ", id: "faq" },
{ name: "Fonctionnalités", id: "/fonctionnalites" },
{ name: "Tarifs", id: "/tarifs" },
{ name: "FAQ", id: "/faq" },
];
const pricingPlans = [
@@ -49,7 +49,7 @@ export default function FacturProLanding() {
<NavbarStyleFullscreen
navItems={navItems}
brandName="FacturPro"
button={{ text: "Essayer gratuitement", href: "#" }}
button={{ text: "Essayer gratuitement", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
@@ -59,7 +59,7 @@ export default function FacturProLanding() {
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: "Commencer gratuitement — 14 jours", href: "/contact" },
{ text: "Voir une démo →", href: "#" },
]}
dashboard={{
@@ -130,7 +130,7 @@ export default function FacturProLanding() {
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: "#" }]}
buttons={[{ text: "Commencer maintenant →", href: "/contact" }]}
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
@@ -140,10 +140,10 @@ export default function FacturProLanding() {
<FooterBaseCard
logoText="FacturPro"
columns={[
{ title: "Produit", items: [{ label: "Fonctionnalités", href: "#" }, { label: "Tarifs", href: "#" }] },
{ title: "Produit", items: [{ label: "Fonctionnalités", href: "/fonctionnalites" }, { label: "Tarifs", href: "/tarifs" }] },
{ 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: "#" }] }
{ title: "Contact", items: [{ label: "Support", href: "#" }, { label: "Email", href: "/contact" }] }
]}
/>
</div>

23
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,23 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function PricingPage() {
const navItems = [{ name: "Accueil", href: "/" }, { name: "À propos", href: "/about" }, { name: "Tarifs", href: "/pricing" }];
const pricingPlans = [
{ id: "starter", price: "49€/mois", name: "Starter", buttons: [{ text: "Choisir Starter", href: "#" }], features: ["1 utilisateur", "50 factures/mois", "Archivage 10 ans", "Export Factur-X"] },
{ id: "pro", badge: "Populaire", price: "99€/mois", name: "Pro", buttons: [{ text: "Choisir Pro", href: "#" }], features: ["3 utilisateurs", "Factures illimitées", "Relances automatiques", "Intégration Pennylane"] },
{ id: "business", price: "199€/mois", name: "Business", buttons: [{ text: "Choisir Business", href: "#" }], features: ["10 utilisateurs", "Multi-établissements", "Accès API complet", "SLA 99.9%"] }
];
return (
<ThemeProvider>
<NavbarStyleFullscreen navItems={navItems} brandName="FacturPro" button={{ text: "Essayer gratuitement", href: "/pricing" }} />
<PricingCardThree plans={pricingPlans} animationType="slide-up" title="Tarifs détaillés" description="Choisissez la formule adaptée à votre taille d'entreprise." useInvertedBackground={false} />
<FooterBaseCard logoText="FacturPro" columns={[{ title: "Produit", items: [{ label: "Fonctionnalités", href: "/" }, { label: "Tarifs", href: "/pricing" }] }]} />
</ThemeProvider>
);
}

16
src/app/profile/page.tsx Normal file
View File

@@ -0,0 +1,16 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
export default function ProfilePage() {
return (
<ThemeProvider>
<NavbarStyleFullscreen navItems={[{name: "Dashboard", id: "/dashboard"}, {name: "Profil", id: "/profile"}, {name: "Paramètres", id: "/settings"}]} brandName="FacturPro" />
<div className="container mx-auto py-20">
<h1 className="text-4xl font-bold mb-8">Profil</h1>
<p>Manage your professional profile details here.</p>
</div>
</ThemeProvider>
);
}

16
src/app/settings/page.tsx Normal file
View File

@@ -0,0 +1,16 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
export default function SettingsPage() {
return (
<ThemeProvider>
<NavbarStyleFullscreen navItems={[{name: "Dashboard", id: "/dashboard"}, {name: "Profil", id: "/profile"}, {name: "Paramètres", id: "/settings"}]} brandName="FacturPro" />
<div className="container mx-auto py-20">
<h1 className="text-4xl font-bold mb-8">Paramètres</h1>
<p>Configure your account and platform preferences here.</p>
</div>
</ThemeProvider>
);
}