diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..a0b062d
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -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>
+    );
+}
\ No newline at end of file
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..07bc8ea
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..16d32db
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
new file mode 100644
index 0000000..4633d13
--- /dev/null
+++ b/src/app/features/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/guide/page.tsx b/src/app/guide/page.tsx
new file mode 100644
index 0000000..10c0d2e
--- /dev/null
+++ b/src/app/guide/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ee42c6..31f0a80 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
new file mode 100644
index 0000000..f423265
--- /dev/null
+++ b/src/app/pricing/page.tsx
@@ -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>
+    );
+}
\ No newline at end of file
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
new file mode 100644
index 0000000..d9d98a2
--- /dev/null
+++ b/src/app/profile/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
new file mode 100644
index 0000000..7b7b52a
--- /dev/null
+++ b/src/app/settings/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file