From 34f0853acf4f58d4dac34c3cb164440136f54ebf Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 08:39:51 +0200
Subject: [PATCH 01/21] Update layout.tsx

---
 app/(default)/layout.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/(default)/layout.tsx b/app/(default)/layout.tsx
index b3731b22e..c0f8c5fcd 100644
--- a/app/(default)/layout.tsx
+++ b/app/(default)/layout.tsx
@@ -23,7 +23,8 @@ export default function DefaultLayout({
 
   return (
     <>
-      <main className="relative flex grow flex-col">{children}</main>
+      <<main className="relative flex grow flex-col bg-white text-gray-900">
+">{children}</main>
 
       <Footer />
     </>

From 6ab72b4bb4c12dc105c3ea3a5dded28be34041e9 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 08:41:13 +0200
Subject: [PATCH 02/21] layout.tsx


From 21edae63f371562d1813afce20638dc296aaf98f Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 08:44:55 +0200
Subject: [PATCH 03/21] layout.tsx

---
 app/(default)/layout.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/(default)/layout.tsx b/app/(default)/layout.tsx
index c0f8c5fcd..21919b8ed 100644
--- a/app/(default)/layout.tsx
+++ b/app/(default)/layout.tsx
@@ -23,10 +23,10 @@ export default function DefaultLayout({
 
   return (
     <>
-      <<main className="relative flex grow flex-col bg-white text-gray-900">
-">{children}</main>
-
-      <Footer />
+ <main className="relative flex grow flex-col bg-white text-gray-900">
+       {children}
+ </main>
+ <Footer />
     </>
   );
 }

From f4e2446d70d786d214955a79172450c2f5ef2b84 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 08:53:31 +0200
Subject: [PATCH 04/21] Update hero-home.tsx

---
 components/hero-home.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/hero-home.tsx b/components/hero-home.tsx
index 17948e008..064e7077d 100755
--- a/components/hero-home.tsx
+++ b/components/hero-home.tsx
@@ -10,11 +10,11 @@ export default function HeroHome() {
           {/* Section header */}
           <div className="pb-12 text-center md:pb-20">
             <h1
-              className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-5 font-nacelle text-4xl font-semibold text-transparent md:text-5xl"
-              data-aos="fade-up"
-            >
-              AI-driven tools for product teams
-            </h1>
+  className="text-4xl md:text-5xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent"
+  data-aos="fade-up"
+>
+  Bienvenue sur LocaFlow
+</h1>
             <div className="mx-auto max-w-3xl">
               <p
                 className="mb-8 text-xl text-indigo-200/65"

From a7f067d98cc9829915e46b53f9c95f70b18688a8 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 08:57:17 +0200
Subject: [PATCH 05/21] Create tailwind.config.js

---
 components/tailwind.config.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 components/tailwind.config.js

diff --git a/components/tailwind.config.js b/components/tailwind.config.js
new file mode 100644
index 000000000..053d57f03
--- /dev/null
+++ b/components/tailwind.config.js
@@ -0,0 +1,23 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx}",
+    "./components/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      keyframes: {
+        gradient: {
+          "0%": { backgroundPosition: "0% 50%" },
+          "50%": { backgroundPosition: "100% 50%" },
+          "100%": { backgroundPosition: "0% 50%" },
+        },
+      },
+      animation: {
+        gradient: "gradient 8s ease infinite",
+      },
+    },
+  },
+  plugins: [],
+};
+Ajout de l'animation gradient dans tailwind.config.js

From 383d651767ee65fdb403216298fa1559f783794b Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 09:03:21 +0200
Subject: [PATCH 06/21] Update features.tsx

---
 components/features.tsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/components/features.tsx b/components/features.tsx
index fbdd8759e..ecfa2e637 100644
--- a/components/features.tsx
+++ b/components/features.tsx
@@ -39,9 +39,9 @@ export default function Features() {
                 Advanced Controls
               </span>
             </div>
-            <h2 className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl">
-              Built for modern product teams
-            </h2>
+           <h2 className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent">
+  Pensé pour les propriétaires modernes
+</h2>
             <p className="text-lg text-indigo-200/65">
               Open AI reads and understands your files, and with nothing more
               than a single line of feedback, so you can go further than the
@@ -72,13 +72,12 @@ export default function Features() {
                   d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93 11.585 3.132 3.392-12.55-5.597-1.514.522-1.93Z"
                 />
               </svg>
-              <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Project Milestones
-              </h3>
-              <p className="text-indigo-200/65">
-                Track progress across custom flows for your team. Find the right
-                balance for the user, privacy and security.
-              </p>
+              <h3 className="mb-1 text-[1rem] font-semibold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-clip-text text-transparent">
+  Suivi des projets
+</h3>
+             <p className="text-gray-600">
+  Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.
+</p>
             </article>
             <article>
               <svg

From 50bc448e4c6054c3b04fd3f51855e4dd25344517 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 09:08:30 +0200
Subject: [PATCH 07/21] Update workflows.tsx

---
 components/workflows.tsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/components/workflows.tsx b/components/workflows.tsx
index 639e973e2..105904da4 100644
--- a/components/workflows.tsx
+++ b/components/workflows.tsx
@@ -16,14 +16,12 @@ export default function Workflows() {
                 Tailored Workflows
               </span>
             </div>
-            <h2 className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl">
-              Map your product journey
-            </h2>
-            <p className="text-lg text-indigo-200/65">
-              Simple and elegant interface to start collaborating with your team
-              in minutes. It seamlessly integrates with your code and your
-              favorite programming languages.
-            </p>
+            <h2 className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent">
+  Comment fonctionne LocaFlow
+</h2>
+            <p className="text-lg text-gray-600">
+  LocaFlow automatise les démarches pour vous faire gagner du temps, sans négliger vos priorités de gestion.
+</p>
           </div>
           {/* Spotlight items */}
           <Spotlight className="group mx-auto grid max-w-sm items-start gap-6 lg:max-w-none lg:grid-cols-3">
@@ -62,9 +60,9 @@ export default function Workflows() {
                 <div className="p-6">
                   <div className="mb-3">
                     <span className="btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-gray-700/.15),--theme(--color-gray-700/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-gray-800/60">
-                      <span className="bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
-                        Built-in Tools
-                      </span>
+    <span className="animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-clip-text text-transparent">
+  Gestion simplifiée
+</span>
                     </span>
                   </div>
                   <p className="text-indigo-200/65">

From 633ff9d9471a4dcc487c356e38381eb357b78200 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 10:37:37 +0200
Subject: [PATCH 08/21] Update cta.tsx

---
 components/cta.tsx | 49 ++++++++++++++++++++++------------------------
 1 file changed, 23 insertions(+), 26 deletions(-)

diff --git a/components/cta.tsx b/components/cta.tsx
index 2a9ff0c38..e07782152 100644
--- a/components/cta.tsx
+++ b/components/cta.tsx
@@ -16,38 +16,35 @@ export default function Cta() {
           alt="Blurred shape"
         />
       </div>
-      <div className="max-w6xl mx-auto px-4 sm:px-6">
-        <div className="bg-linear-to-r from-transparent via-gray-800/50 py-12 md:py-20">
+      <div className="max-w-6xl mx-auto px-4 sm:px-6">
+        <div className="bg-white border border-gray-200 rounded-3xl py-12 md:py-20 shadow-xl">
           <div className="mx-auto max-w-3xl text-center">
+
+            {/* Nouveau titre */}
             <h2
-              className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-8 font-nacelle text-3xl font-semibold text-transparent md:text-4xl"
+              className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent mb-6"
               data-aos="fade-up"
             >
-              Join the content-first platform
+              Prêt à simplifier votre gestion locative ?
             </h2>
-            <div className="mx-auto max-w-xs sm:flex sm:max-w-none sm:justify-center">
-              <div data-aos="fade-up" data-aos-delay={400}>
-                <a
-                  className="btn group mb-4 w-full bg-linear-to-t from-indigo-600 to-indigo-500 bg-[length:100%_100%] bg-[bottom] text-white shadow-[inset_0px_1px_0px_0px_--theme(--color-white/.16)] hover:bg-[length:100%_150%] sm:mb-0 sm:w-auto"
-                  href="#0"
-                >
-                  <span className="relative inline-flex items-center">
-                    Start Building
-                    <span className="ml-1 tracking-normal text-white/50 transition-transform group-hover:translate-x-0.5">
-                      -&gt;
-                    </span>
-                  </span>
-                </a>
-              </div>
-              <div data-aos="fade-up" data-aos-delay={600}>
-                <a
-                  className="btn relative w-full bg-linear-to-b from-gray-800 to-gray-800/60 bg-[length:100%_100%] bg-[bottom] text-gray-300 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-[length:100%_150%] sm:ml-4 sm:w-auto"
-                  href="#0"
-                >
-                  Schedule Demo
-                </a>
-              </div>
+
+            {/* Sous-titre (optionnel) */}
+            <p className="text-gray-600 mb-8 text-lg" data-aos="fade-up" data-aos-delay={200}>
+              Rejoignez LocaFlow et automatisez vos démarches en quelques clics.
+            </p>
+
+            {/* Bouton principal */}
+            <div className="flex justify-center">
+              <a
+                className="inline-block rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 transition-colors duration-200"
+                href="#"
+                data-aos="fade-up"
+                data-aos-delay={400}
+              >
+                Créer un compte gratuitement
+              </a>
             </div>
+
           </div>
         </div>
       </div>

From 48e6218d4fccd1a215453951f999e28ba11cdac4 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 10:41:32 +0200
Subject: [PATCH 09/21] Update testimonials.tsx

---
 components/testimonials.tsx | 195 +++++-------------------------------
 1 file changed, 27 insertions(+), 168 deletions(-)

diff --git a/components/testimonials.tsx b/components/testimonials.tsx
index bef6dc61b..a5b896478 100644
--- a/components/testimonials.tsx
+++ b/components/testimonials.tsx
@@ -29,7 +29,7 @@ const testimonials = [
     name: "MaKayla P.",
     company: "Disney",
     content:
-      "As a content creator, I was always on the lookout for a tool that could help me keep up with the demand. The AI-driven content tool has been a game-changer. It generates high-quality content in a fraction of the time it used to take me.",
+      "Grâce à LocaFlow, je peux gérer mes biens locatifs sans effort. C’est rapide, clair, et parfaitement adapté à mes besoins de propriétaire.",
     categories: [1, 3, 5],
   },
   {
@@ -38,7 +38,7 @@ const testimonials = [
     name: "Andrew K.",
     company: "Samsung",
     content:
-      "I've tried several content generation tools, but this AI-driven tool is by far the best. It understands my brand's voice and consistently produces content that resonates with my audience!",
+      "Une vraie révolution pour la gestion locative. L’interface est intuitive, et le service client est réactif. Je recommande !",
     categories: [1, 2, 4],
   },
   {
@@ -47,183 +47,40 @@ const testimonials = [
     name: "Lucy D.",
     company: "Rio",
     content:
-      "Content creation used to be a bottleneck in our workflow, but not anymore. This AI tool is intuitive and produces top-notch content every time. It's like having an extra team member who never sleeps! Definitely recommend.",
+      "LocaFlow m’a permis de tout centraliser. Fini les fichiers Excel ! Je suis sereine pour mes locations.",
     categories: [1, 2, 5],
   },
-  {
-    img: TestimonialImg04,
-    clientImg: ClientImg04,
-    name: "Pavel M.",
-    company: "Canon",
-    content:
-      "The quality of the content generated by this AI tool is outstanding. It has taken our content marketing to new heights, allowing us to publish more frequently without compromising on quality. Highly recommended for anyone.",
-    categories: [1, 4],
-  },
-  {
-    img: TestimonialImg05,
-    clientImg: ClientImg05,
-    name: "Miriam E.",
-    company: "Cadbury",
-    content:
-      "The AI-driven content tool has been a lifesaver for my marketing agency. We can now produce high-quality content for multiple clients quickly and efficiently. It's an invaluable asset to our team.",
-    categories: [1, 3, 5],
-  },
-  {
-    img: TestimonialImg06,
-    clientImg: ClientImg06,
-    name: "Eloise V.",
-    company: "Maffell",
-    content:
-      "I'm amazed at how well this AI-driven content tool performs. It's incredibly versatile and can generate content for blogs, social media, and even product descriptions effortlessly. It's fantastic!",
-    categories: [1, 3],
-  },
-  {
-    img: TestimonialImg07,
-    clientImg: ClientImg07,
-    name: "Pierre-Gilles L.",
-    company: "Binance",
-    content:
-      "I was blown away by how easy it was to create my content using this tool! Within a few hours, I had a professional-looking platform up and running, and my client could not believe it.",
-    categories: [1, 2, 5],
-  },
-  {
-    img: TestimonialImg08,
-    clientImg: ClientImg08,
-    name: "Danielle K.",
-    company: "Forbes Inc.",
-    content:
-      "I've never been a fan of complicated website AI tools, which is why Open PRO is perfect for me. Its minimalist design and simple functionality make staying organized feel like second nature.",
-    categories: [1, 4],
-  },
-  {
-    img: TestimonialImg09,
-    clientImg: ClientImg09,
-    name: "Mary P.",
-    company: "Ray Ban",
-    content:
-      "I've never been one for coding, so finding an AI tool that doesn't require any technical skills was a dream come true. This tool exceeded my expectations, and I'm proud to show off my new stuff to friends.",
-    categories: [1, 2],
-  },
 ];
 
 export default function Testimonials() {
   const masonryContainer = useMasonry();
-  const [category, setCategory] = useState<number>(1);
+  const [category] = useState<number>(1); // On désactive les filtres pour LocaFlow
 
   return (
     <div className="mx-auto max-w-6xl px-4 sm:px-6">
-      <div className="border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20">
+      <div className="border-t bg-white py-12 md:py-20">
         {/* Section header */}
         <div className="mx-auto max-w-3xl pb-12 text-center">
-          <h2 className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl">
-            Don't take our word for it
+          <h2 className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl">
+            Ils utilisent déjà LocaFlow
           </h2>
-          <p className="text-lg text-indigo-200/65">
-            We provide tech-first solutions that empower decision-makers to
-            build healthier and happier workspaces from anywhere in the world.
+          <p className="text-lg text-gray-600">
+            Propriétaires, agences et locataires témoignent de leur expérience.
           </p>
         </div>
 
-        <div>
-          {/* Buttons */}
-          <div className="flex justify-center pb-12 max-md:hidden md:pb-16">
-            <div className="relative inline-flex flex-wrap justify-center rounded-[1.25rem] bg-gray-800/40 p-1">
-              {/* Button #1 */}
-              <button
-                className={`flex h-8 flex-1 items-center gap-2.5 whitespace-nowrap rounded-full px-3 text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-3 focus-visible:ring-indigo-200 ${category === 1 ? "relative bg-linear-to-b from-gray-900 via-gray-800/60 to-gray-900 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-indigo-500/0),--theme(--color-indigo-500/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)]" : "opacity-65 transition-opacity hover:opacity-90"}`}
-                aria-pressed={category === 1}
-                onClick={() => setCategory(1)}
-              >
-                <svg
-                  className={`fill-current ${category === 1 ? "text-indigo-500" : "text-gray-600"}`}
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height={16}
-                >
-                  <path d="M.062 10.003a1 1 0 0 1 1.947.455c-.019.08.01.152.078.19l5.83 3.333c.052.03.115.03.168 0l5.83-3.333a.163.163 0 0 0 .078-.188 1 1 0 0 1 1.947-.459 2.161 2.161 0 0 1-1.032 2.384l-5.83 3.331a2.168 2.168 0 0 1-2.154 0l-5.83-3.331a2.162 2.162 0 0 1-1.032-2.382Zm7.854-7.981-5.83 3.332a.17.17 0 0 0 0 .295l5.828 3.33c.054.031.118.031.17.002l5.83-3.333a.17.17 0 0 0 0-.294L8.085 2.023a.172.172 0 0 0-.17-.001ZM9.076.285l5.83 3.332c1.458.833 1.458 2.935 0 3.768l-5.83 3.333c-.667.38-1.485.38-2.153-.001l-5.83-3.332c-1.457-.833-1.457-2.935 0-3.767L6.925.285a2.173 2.173 0 0 1 2.15 0Z" />
-                </svg>
-                <span>View All</span>
-              </button>
-              {/* Button #2 */}
-              <button
-                className={`flex h-8 flex-1 items-center gap-2.5 whitespace-nowrap rounded-full px-3 text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-3 focus-visible:ring-indigo-200 ${category === 2 ? "relative bg-linear-to-b from-gray-900 via-gray-800/60 to-gray-900 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-indigo-500/0),--theme(--color-indigo-500/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)]" : "opacity-65 transition-opacity hover:opacity-90"}`}
-                aria-pressed={category === 2}
-                onClick={() => setCategory(2)}
-              >
-                <svg
-                  className={`fill-current ${category === 2 ? "text-indigo-500" : "text-gray-600"}`}
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height={16}
-                >
-                  <path d="M6.5 3.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM9 6.855A3.502 3.502 0 0 0 8 0a3.5 3.5 0 0 0-1 6.855v1.656L5.534 9.65a3.5 3.5 0 1 0 1.229 1.578L8 10.267l1.238.962a3.5 3.5 0 1 0 1.229-1.578L9 8.511V6.855Zm2.303 4.74c.005-.005.01-.01.013-.016l.012-.016a1.5 1.5 0 1 1-.025.032ZM3.5 11A1.497 1.497 0 0 1 5 12.5 1.5 1.5 0 1 1 3.5 11Z" />
-                </svg>
-                <span>Web Apps</span>
-              </button>
-              {/* Button #3 */}
-              <button
-                className={`flex h-8 flex-1 items-center gap-2.5 whitespace-nowrap rounded-full px-3 text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-3 focus-visible:ring-indigo-200 ${category === 3 ? "relative bg-linear-to-b from-gray-900 via-gray-800/60 to-gray-900 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-indigo-500/0),--theme(--color-indigo-500/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)]" : "opacity-65 transition-opacity hover:opacity-90"}`}
-                aria-pressed={category === 3}
-                onClick={() => setCategory(3)}
-              >
-                <svg
-                  className={`fill-current ${category === 3 ? "text-indigo-500" : "text-gray-600"}`}
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height={16}
-                >
-                  <path d="M2.428 10c.665-1.815 1.98-3.604 3.44-4.802-.6-1.807-1.443-3.079-2.29-3.18-1.91-.227-2.246 2.04-.174 2.962a1 1 0 1 1-.813 1.827C-1.407 5.028-.589-.491 3.815.032c1.605.191 2.925 1.811 3.79 4.07.979-.427 1.937-.51 2.735-.092.818.429 1.143 1.123 1.294 2.148.015.1.022.149.043.32.542-.537 1.003-.797 1.693-.622.64.162.894.493 1.195 1.147l.018.04a1 1 0 0 1 1.133 1.61c-.46.47-1.12.574-1.744.398a1.661 1.661 0 0 1-.87-.592 2.127 2.127 0 0 1-.224-.349 3.225 3.225 0 0 1-.55.477c-.377.253-.8.368-1.259.267-.993-.218-1.21-.779-1.367-2.05-.027-.22-.033-.262-.046-.353-.067-.452-.144-.617-.244-.67-.225-.118-.665-.013-1.206.278.297 1.243.475 2.587.516 3.941H15a1 1 0 0 1 0 2H8.68l-.025.285c-.173 1.918-.906 3.381-2.654 3.668-1.5.246-3.013-.47-3.677-1.858-.29-.637-.39-1.35-.342-2.095H1a1 1 0 0 1 0-2h1.428Zm2.11 0h2.175a18.602 18.602 0 0 0-.284-2.577c-.205.202-.408.42-.606.654A9.596 9.596 0 0 0 4.537 10Zm2.135 2H3.942c-.032.465.03.888.194 1.25.258.538.89.836 1.54.73.546-.09.888-.772.988-1.875L6.673 12Z" />
-                </svg>
-                <span>eCommerce</span>
-              </button>
-              {/* Button #4 */}
-              <button
-                className={`flex h-8 flex-1 items-center gap-2.5 whitespace-nowrap rounded-full px-3 text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-3 focus-visible:ring-indigo-200 ${category === 4 ? "relative bg-linear-to-b from-gray-900 via-gray-800/60 to-gray-900 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-indigo-500/0),--theme(--color-indigo-500/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)]" : "opacity-65 transition-opacity hover:opacity-90"}`}
-                aria-pressed={category === 4}
-                onClick={() => setCategory(4)}
-              >
-                <svg
-                  className={`fill-current ${category === 4 ? "text-indigo-500" : "text-gray-600"}`}
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height={16}
-                >
-                  <path d="M3.757 3.758a6 6 0 0 1 8.485 8.485 5.992 5.992 0 0 1-5.301 1.664 1 1 0 1 0-.351 1.969 8 8 0 1 0-4.247-2.218 1 1 0 0 0 1.415-.001L9.12 8.294v1.827a1 1 0 1 0 2 0v-4.2a.997.997 0 0 0-1-1.042H5.879a1 1 0 1 0 0 2h1.829l-4.599 4.598a6 6 0 0 1 .648-7.719Z" />
-                </svg>
-                <span>Enteprise</span>
-              </button>
-              {/* Button #5 */}
-              <button
-                className={`flex h-8 flex-1 items-center gap-2.5 whitespace-nowrap rounded-full px-3 text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-3 focus-visible:ring-indigo-200 ${category === 5 ? "relative bg-linear-to-b from-gray-900 via-gray-800/60 to-gray-900 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-indigo-500/0),--theme(--color-indigo-500/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)]" : "opacity-65 transition-opacity hover:opacity-90"}`}
-                aria-pressed={category === 5}
-                onClick={() => setCategory(5)}
-              >
-                <svg
-                  className={`fill-current ${category === 5 ? "text-indigo-500" : "text-gray-600"}`}
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height={16}
-                >
-                  <path d="M13.95.879a3 3 0 0 0-4.243 0L1.293 9.293a1 1 0 0 0-.274.51l-1 5a1 1 0 0 0 1.177 1.177l5-1a1 1 0 0 0 .511-.273l1.16-1.16a1 1 0 0 0-1.414-1.414l-.946.946-3.232.646.646-3.232 8.2-8.2a1 1 0 0 1 1.414 0l1.172 1.172a1 1 0 0 1 0 1.414l-.55.549a1 1 0 0 0 1.415 1.414l.55-.55a3 3 0 0 0 0-4.241L13.948.879ZM3.25 4.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm11.474 6.029-1.521-.752-.752-1.521c-.168-.341-.73-.341-.896 0l-.752 1.52-1.521.753a.498.498 0 0 0 0 .896l1.52.752.753 1.52a.5.5 0 0 0 .896 0l.752-1.52 1.52-.752a.498.498 0 0 0 0-.896Z" />
-                </svg>
-                <span>Enteprise</span>
-              </button>
+        {/* Testimonials grid */}
+        <div
+          className="mx-auto grid max-w-sm items-start gap-6 sm:max-w-none sm:grid-cols-2 lg:grid-cols-3"
+          ref={masonryContainer}
+        >
+          {testimonials.map((testimonial, index) => (
+            <div key={index} className="group">
+              <Testimonial testimonial={testimonial} category={category}>
+                {testimonial.content}
+              </Testimonial>
             </div>
-          </div>
-
-          {/* Cards */}
-          <div
-            className="mx-auto grid max-w-sm items-start gap-6 sm:max-w-none sm:grid-cols-2 lg:grid-cols-3"
-            ref={masonryContainer}
-          >
-            {testimonials.map((testimonial, index) => (
-              <div key={index} className="group">
-                <Testimonial testimonial={testimonial} category={category}>
-                  {testimonial.content}
-                </Testimonial>
-              </div>
-            ))}
-          </div>
+          ))}
         </div>
       </div>
     </div>
@@ -248,13 +105,15 @@ export function Testimonial({
 }) {
   return (
     <article
-      className={`relative rounded-2xl bg-linear-to-br from-gray-900/50 via-gray-800/25 to-gray-900/50 p-5 backdrop-blur-xs transition-opacity before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] ${!testimonial.categories.includes(category) ? "opacity-30" : ""}`}
+      className={`relative rounded-2xl bg-white border border-gray-200 shadow-sm p-5 transition-opacity ${
+        !testimonial.categories.includes(category) ? "opacity-30" : ""
+      }`}
     >
       <div className="flex flex-col gap-4">
         <div>
           <Image src={testimonial.clientImg} height={36} alt="Client logo" />
         </div>
-        <p className="text-indigo-200/65 before:content-['“'] after:content-['”']">
+        <p className="text-gray-700 before:content-['“'] after:content-['”']">
           {children}
         </p>
         <div className="flex items-center gap-3">
@@ -265,11 +124,11 @@ export function Testimonial({
             height={36}
             alt={testimonial.name}
           />
-          <div className="text-sm font-medium text-gray-200">
+          <div className="text-sm font-medium text-gray-800">
             <span>{testimonial.name}</span>
-            <span className="text-gray-700"> - </span>
+            <span className="text-gray-400"> — </span>
             <a
-              className="text-indigo-200/65 transition-colors hover:text-indigo-500"
+              className="text-indigo-600 transition-colors hover:text-indigo-800"
               href="#0"
             >
               {testimonial.company}

From 64a35e15cd9bf8511a41cb278c00599eb21ee016 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:19:59 +0200
Subject: [PATCH 10/21] Update cta.tsx

---
 components/cta.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/components/cta.tsx b/components/cta.tsx
index e07782152..e039822a8 100644
--- a/components/cta.tsx
+++ b/components/cta.tsx
@@ -20,7 +20,7 @@ export default function Cta() {
         <div className="bg-white border border-gray-200 rounded-3xl py-12 md:py-20 shadow-xl">
           <div className="mx-auto max-w-3xl text-center">
 
-            {/* Nouveau titre */}
+            {/* Titre animé */}
             <h2
               className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent mb-6"
               data-aos="fade-up"
@@ -28,20 +28,24 @@ export default function Cta() {
               Prêt à simplifier votre gestion locative ?
             </h2>
 
-            {/* Sous-titre (optionnel) */}
+            {/* Sous-titre */}
             <p className="text-gray-600 mb-8 text-lg" data-aos="fade-up" data-aos-delay={200}>
               Rejoignez LocaFlow et automatisez vos démarches en quelques clics.
             </p>
 
-            {/* Bouton principal */}
-            <div className="flex justify-center">
+            {/* Deux boutons */}
+            <div className="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay={400}>
               <a
-                className="inline-block rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 transition-colors duration-200"
-                href="#"
-                data-aos="fade-up"
-                data-aos-delay={400}
+                className="inline-block rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 transition-colors duration-200 text-center"
+                href="/deposer"
               >
-                Créer un compte gratuitement
+                Déposer un bien
+              </a>
+              <a
+                className="inline-block rounded-lg border border-indigo-600 px-6 py-3 text-indigo-600 font-semibold hover:bg-indigo-50 transition-colors duration-200 text-center"
+                href="/dashboard"
+              >
+                Accéder à mon espace
               </a>
             </div>
 

From ace8e60c64006079cab42689f3e2d4a83d9066bb Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:24:15 +0200
Subject: [PATCH 11/21] Update cta.tsx

---
 components/cta.tsx | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/components/cta.tsx b/components/cta.tsx
index e039822a8..c4197f278 100644
--- a/components/cta.tsx
+++ b/components/cta.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image";
+import { PlusIcon, LogInIcon } from "lucide-react";
 import BlurredShape from "@/public/images/blurred-shape.svg";
 
 export default function Cta() {
@@ -16,10 +17,10 @@ export default function Cta() {
           alt="Blurred shape"
         />
       </div>
+
       <div className="max-w-6xl mx-auto px-4 sm:px-6">
         <div className="bg-white border border-gray-200 rounded-3xl py-12 md:py-20 shadow-xl">
           <div className="mx-auto max-w-3xl text-center">
-
             {/* Titre animé */}
             <h2
               className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent mb-6"
@@ -29,26 +30,38 @@ export default function Cta() {
             </h2>
 
             {/* Sous-titre */}
-            <p className="text-gray-600 mb-8 text-lg" data-aos="fade-up" data-aos-delay={200}>
+            <p
+              className="text-gray-600 mb-8 text-lg"
+              data-aos="fade-up"
+              data-aos-delay={150}
+            >
               Rejoignez LocaFlow et automatisez vos démarches en quelques clics.
             </p>
 
-            {/* Deux boutons */}
-            <div className="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay={400}>
+            {/* Boutons animés */}
+            <div
+              className="flex flex-col sm:flex-row justify-center gap-4"
+              data-aos="fade-up"
+              data-aos-delay={300}
+            >
+              {/* Bouton Déposer un bien */}
               <a
-                className="inline-block rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 transition-colors duration-200 text-center"
                 href="/deposer"
+                className="inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 hover:scale-105 transition-all duration-200 text-center"
               >
+                <PlusIcon className="w-4 h-4" />
                 Déposer un bien
               </a>
+
+              {/* Bouton Accéder à mon espace */}
               <a
-                className="inline-block rounded-lg border border-indigo-600 px-6 py-3 text-indigo-600 font-semibold hover:bg-indigo-50 transition-colors duration-200 text-center"
                 href="/dashboard"
+                className="inline-flex items-center justify-center gap-2 rounded-lg border border-indigo-600 px-6 py-3 text-indigo-600 font-semibold hover:bg-indigo-50 hover:scale-105 transition-all duration-200 text-center"
               >
                 Accéder à mon espace
+                <LogInIcon className="w-4 h-4" />
               </a>
             </div>
-
           </div>
         </div>
       </div>

From 92afef54d5b75851853ad283cdb2c622d86e00f0 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:30:00 +0200
Subject: [PATCH 12/21] Update cta.tsx

---
 components/cta.tsx | 32 +++++++++++++++-----------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/components/cta.tsx b/components/cta.tsx
index c4197f278..9042bcb9a 100644
--- a/components/cta.tsx
+++ b/components/cta.tsx
@@ -1,10 +1,10 @@
 import Image from "next/image";
-import { PlusIcon, LogInIcon } from "lucide-react";
 import BlurredShape from "@/public/images/blurred-shape.svg";
 
 export default function Cta() {
   return (
     <section className="relative overflow-hidden">
+      {/* Arrière-plan flou */}
       <div
         className="pointer-events-none absolute bottom-0 left-1/2 -z-10 -mb-24 ml-20 -translate-x-1/2"
         aria-hidden="true"
@@ -18,10 +18,12 @@ export default function Cta() {
         />
       </div>
 
+      {/* Conteneur */}
       <div className="max-w-6xl mx-auto px-4 sm:px-6">
         <div className="bg-white border border-gray-200 rounded-3xl py-12 md:py-20 shadow-xl">
           <div className="mx-auto max-w-3xl text-center">
-            {/* Titre animé */}
+
+            {/* Titre avec effet de dégradé animé */}
             <h2
               className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent mb-6"
               data-aos="fade-up"
@@ -33,35 +35,31 @@ export default function Cta() {
             <p
               className="text-gray-600 mb-8 text-lg"
               data-aos="fade-up"
-              data-aos-delay={150}
+              data-aos-delay={200}
             >
               Rejoignez LocaFlow et automatisez vos démarches en quelques clics.
             </p>
 
-            {/* Boutons animés */}
+            {/* Boutons */}
             <div
-              className="flex flex-col sm:flex-row justify-center gap-4"
+              className="flex flex-col items-center gap-4 sm:flex-row sm:justify-center"
               data-aos="fade-up"
-              data-aos-delay={300}
+              data-aos-delay={400}
             >
-              {/* Bouton Déposer un bien */}
               <a
-                href="/deposer"
-                className="inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 hover:scale-105 transition-all duration-200 text-center"
+                className="inline-block rounded-lg bg-indigo-600 px-6 py-3 text-white font-semibold hover:bg-indigo-500 transition-colors duration-200"
+                href="#"
               >
-                <PlusIcon className="w-4 h-4" />
-                Déposer un bien
+                Créer un compte gratuitement
               </a>
-
-              {/* Bouton Accéder à mon espace */}
               <a
-                href="/dashboard"
-                className="inline-flex items-center justify-center gap-2 rounded-lg border border-indigo-600 px-6 py-3 text-indigo-600 font-semibold hover:bg-indigo-50 hover:scale-105 transition-all duration-200 text-center"
+                className="inline-block rounded-lg border border-indigo-600 px-6 py-3 text-indigo-600 font-semibold hover:bg-indigo-50 transition-colors duration-200"
+                href="#"
               >
-                Accéder à mon espace
-                <LogInIcon className="w-4 h-4" />
+                Déposer un bien
               </a>
             </div>
+
           </div>
         </div>
       </div>

From 307d5751366653053dc9c6f5031e861a8896e2ae Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:33:08 +0200
Subject: [PATCH 13/21] Update footer.tsx

---
 components/ui/footer.tsx | 292 +++++----------------------------------
 1 file changed, 37 insertions(+), 255 deletions(-)

diff --git a/components/ui/footer.tsx b/components/ui/footer.tsx
index c410cd88f..9866432aa 100644
--- a/components/ui/footer.tsx
+++ b/components/ui/footer.tsx
@@ -1,268 +1,50 @@
-import Logo from "./logo";
-import Image from "next/image";
-import FooterIllustration from "@/public/images/footer-illustration.svg";
+import Link from "next/link";
 
 export default function Footer() {
   return (
-    <footer>
-      <div className="relative mx-auto max-w-6xl px-4 sm:px-6">
-        {/* Footer illustration */}
-        <div
-          className="pointer-events-none absolute bottom-0 left-1/2 -z-10 -translate-x-1/2"
-          aria-hidden="true"
-        >
-          <Image
-            className="max-w-none"
-            src={FooterIllustration}
-            width={1076}
-            height={378}
-            alt="Footer illustration"
-          />
-        </div>
-        <div className="grid grid-cols-2 justify-between gap-12 py-8 sm:grid-rows-[auto_auto] md:grid-cols-4 md:grid-rows-[auto_auto] md:py-12 lg:grid-cols-[repeat(4,minmax(0,140px))_1fr] lg:grid-rows-1 xl:gap-20">
-          {/* 1st block */}
-          <div className="space-y-2">
-            <h3 className="text-sm font-medium text-gray-200">Product</h3>
-            <ul className="space-y-2 text-sm">
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Features
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Integrations
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Pricing &amp; Plans
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Changelog
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Our method
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  User policy
-                </a>
-              </li>
-            </ul>
+    <footer className="bg-white border-t border-gray-200 py-12">
+      <div className="max-w-6xl mx-auto px-4 sm:px-6">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm text-gray-600">
+          {/* Bloc 1 : Logo et baseline */}
+          <div>
+            <h2 className="text-xl font-bold text-gray-800 mb-2">LocaFlow</h2>
+            <p>Simplifiez votre gestion locative grâce à l'automatisation.</p>
           </div>
-          {/* 2nd block */}
-          <div className="space-y-2">
-            <h3 className="text-sm font-medium text-gray-200">Company</h3>
-            <ul className="space-y-2 text-sm">
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  About us
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Diversity &amp; Inclusion
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Blog
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Careers
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Financial statements
-                </a>
-              </li>
+
+          {/* Bloc 2 : Propriétaires */}
+          <div>
+            <h3 className="text-gray-900 font-semibold mb-2">Propriétaires</h3>
+            <ul className="space-y-1">
+              <li><Link href="/ajouter-bien" className="hover:underline">Déposer un bien</Link></li>
+              <li><Link href="/dashboard" className="hover:underline">Tableau de bord</Link></li>
+              <li><Link href="/inscription" className="hover:underline">Créer un compte</Link></li>
             </ul>
           </div>
-          {/* 3rd block */}
-          <div className="space-y-2">
-            <h3 className="text-sm font-medium text-gray-200">Resources</h3>
-            <ul className="space-y-2 text-sm">
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Community
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Terms of service
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Report a vulnerability
-                </a>
-              </li>
+
+          {/* Bloc 3 : Locataires */}
+          <div>
+            <h3 className="text-gray-900 font-semibold mb-2">Locataires</h3>
+            <ul className="space-y-1">
+              <li><Link href="/recherche" className="hover:underline">Rechercher un logement</Link></li>
+              <li><Link href="/visites" className="hover:underline">Organiser une visite</Link></li>
+              <li><Link href="/support" className="hover:underline">Support</Link></li>
             </ul>
           </div>
-          {/* 4th block */}
-          <div className="space-y-2">
-            <h3 className="text-sm font-medium text-gray-200">
-              Content Library
-            </h3>
-            <ul className="space-y-2 text-sm">
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Templates
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Tutorials
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Knowledge base
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Learn
-                </a>
-              </li>
-              <li>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Cookie manager
-                </a>
-              </li>
+
+          {/* Bloc 4 : Légal */}
+          <div>
+            <h3 className="text-gray-900 font-semibold mb-2">Informations</h3>
+            <ul className="space-y-1">
+              <li><Link href="/mentions-legales" className="hover:underline">Mentions légales</Link></li>
+              <li><Link href="/confidentialite" className="hover:underline">Confidentialité</Link></li>
+              <li><Link href="/contact" className="hover:underline">Contact</Link></li>
             </ul>
           </div>
-          {/* 5th block */}
-          <div className="col-span-2 md:col-span-4 lg:col-span-1 lg:text-right">
-            <div className="mb-3">
-              <Logo />
-            </div>
-            <div className="text-sm">
-              <p className="mb-3 text-indigo-200/65">
-                © Cruip.com
-                <span className="text-gray-700"> · </span>
-                <a
-                  className="text-indigo-200/65 transition hover:text-indigo-500"
-                  href="#0"
-                >
-                  Terms
-                </a>
-              </p>
-              <ul className="inline-flex gap-1">
-                <li>
-                  <a
-                    className="flex items-center justify-center text-indigo-500 transition hover:text-indigo-400"
-                    href="#0"
-                    aria-label="Twitter"
-                  >
-                    <svg
-                      className="h-8 w-8 fill-current"
-                      viewBox="0 0 32 32"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path d="m13.063 9 3.495 4.475L20.601 9h2.454l-5.359 5.931L24 23h-4.938l-3.866-4.893L10.771 23H8.316l5.735-6.342L8 9h5.063Zm-.74 1.347h-1.457l8.875 11.232h1.36l-8.778-11.232Z" />
-                    </svg>
-                  </a>
-                </li>
-                <li>
-                  <a
-                    className="flex items-center justify-center text-indigo-500 transition hover:text-indigo-400"
-                    href="#0"
-                    aria-label="Medium"
-                  >
-                    <svg
-                      className="h-8 w-8 fill-current"
-                      viewBox="0 0 32 32"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path d="M23 8H9a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1Zm-1.708 3.791-.858.823a.251.251 0 0 0-.1.241V18.9a.251.251 0 0 0 .1.241l.838.823v.181h-4.215v-.181l.868-.843c.085-.085.085-.11.085-.241v-4.887l-2.41 6.131h-.329l-2.81-6.13V18.1a.567.567 0 0 0 .156.472l1.129 1.37v.181h-3.2v-.181l1.129-1.37a.547.547 0 0 0 .146-.472v-4.749a.416.416 0 0 0-.138-.351l-1-1.209v-.181H13.8l2.4 5.283 2.122-5.283h2.971l-.001.181Z" />
-                    </svg>
-                  </a>
-                </li>
-                <li>
-                  <a
-                    className="flex items-center justify-center text-indigo-500 transition hover:text-indigo-400"
-                    href="#0"
-                    aria-label="Github"
-                  >
-                    <svg
-                      className="h-8 w-8 fill-current"
-                      viewBox="0 0 32 32"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path d="M16 8.2c-4.4 0-8 3.6-8 8 0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4V22c-2.2.5-2.7-1-2.7-1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.3 1.9.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8.6-.2 1.3-.3 2-.3s1.4.1 2 .3c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.6.8 1.3.8 2.1 0 3.1-1.9 3.7-3.7 3.9.3.4.6.9.6 1.6v2.2c0 .2.1.5.6.4 3.2-1.1 5.5-4.1 5.5-7.6-.1-4.4-3.7-8-8.1-8z" />
-                    </svg>
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
+        </div>
+
+        {/* Bas de page */}
+        <div className="mt-12 text-center text-gray-400 text-sm">
+          © {new Date().getFullYear()} LocaFlow. Tous droits réservés.
         </div>
       </div>
     </footer>

From 3088515c77f438b104f106832db18e03f3d5e649 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:35:04 +0200
Subject: [PATCH 14/21] Update layout.tsx

---
 app/layout.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index a977ded29..da6d41496 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,6 +4,7 @@ import { Inter } from "next/font/google";
 import localFont from "next/font/local";
 
 import Header from "@/components/ui/header";
+import Footer from "@/components/footer"; // ✅ Import du footer
 
 const inter = Inter({
   subsets: ["latin"],
@@ -39,8 +40,8 @@ const nacelle = localFont({
 });
 
 export const metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "LocaFlow - Simplifiez votre gestion locative",
+  description: "Plateforme intelligente pour propriétaires, locataires et agences.",
 };
 
 export default function RootLayout({
@@ -49,13 +50,14 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
+    <html lang="fr">
       <body
-        className={`${inter.variable} ${nacelle.variable} bg-gray-950 font-inter text-base text-gray-200 antialiased`}
+        className={`${inter.variable} ${nacelle.variable} bg-white font-inter text-base text-gray-900 antialiased`}
       >
         <div className="flex min-h-screen flex-col overflow-hidden supports-[overflow:clip]:overflow-clip">
           <Header />
-          {children}
+          <main className="grow">{children}</main>
+          <Footer /> {/* ✅ Ajout du footer ici */}
         </div>
       </body>
     </html>

From 51c12a5e4c2a0e2b1465f6ab50a85bf36b190e6d Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:40:05 +0200
Subject: [PATCH 15/21] Update layout.tsx

---
 app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index da6d41496..77f325adb 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,7 +4,7 @@ import { Inter } from "next/font/google";
 import localFont from "next/font/local";
 
 import Header from "@/components/ui/header";
-import Footer from "@/components/footer"; // ✅ Import du footer
+import Footer from "@/components/ui/footer"; // ✅ Import du footer
 
 const inter = Inter({
   subsets: ["latin"],

From 48a86e6aca10735cdcdf0a6c34e213b6927e2eca Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:45:41 +0200
Subject: [PATCH 16/21] Update layout.tsx

---
 app/layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 77f325adb..ff43fca26 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -55,9 +55,9 @@ export default function RootLayout({
         className={`${inter.variable} ${nacelle.variable} bg-white font-inter text-base text-gray-900 antialiased`}
       >
         <div className="flex min-h-screen flex-col overflow-hidden supports-[overflow:clip]:overflow-clip">
-          <Header />
-          <main className="grow">{children}</main>
-          <Footer /> {/* ✅ Ajout du footer ici */}
+<Header />
+{children}
+<Footer /> {/* ✅ Conserver uniquement celui-ci */}
         </div>
       </body>
     </html>

From a46faec5abfe731f946b82dde97610df1e4eb086 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:47:41 +0200
Subject: [PATCH 17/21] Update layout.tsx

---
 app/(default)/layout.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/(default)/layout.tsx b/app/(default)/layout.tsx
index 21919b8ed..4771e66f9 100644
--- a/app/(default)/layout.tsx
+++ b/app/(default)/layout.tsx
@@ -26,7 +26,6 @@ export default function DefaultLayout({
  <main className="relative flex grow flex-col bg-white text-gray-900">
        {children}
  </main>
- <Footer />
     </>
   );
 }

From e53ce71fccd66a50bacb3876fb6153a154a22198 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 11:56:45 +0200
Subject: [PATCH 18/21] Update features.tsx

---
 components/features.tsx | 126 +++++++---------------------------------
 1 file changed, 22 insertions(+), 104 deletions(-)

diff --git a/components/features.tsx b/components/features.tsx
index ecfa2e637..9bfae8cf7 100644
--- a/components/features.tsx
+++ b/components/features.tsx
@@ -32,20 +32,17 @@ export default function Features() {
       </div>
       <div className="mx-auto max-w-6xl px-4 sm:px-6">
         <div className="border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20">
-          {/* Section header */}
           <div className="mx-auto max-w-3xl pb-4 text-center md:pb-12">
             <div className="inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50">
               <span className="inline-flex bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
-                Advanced Controls
+                Pensé pour les propriétaires modernes
               </span>
             </div>
-           <h2 className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent">
-  Pensé pour les propriétaires modernes
-</h2>
-            <p className="text-lg text-indigo-200/65">
-              Open AI reads and understands your files, and with nothing more
-              than a single line of feedback, so you can go further than the
-              speed of thought.
+            <h2 className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent">
+              Automatisez vos tâches, gagnez du temps, et concentrez-vous sur l’essentiel
+            </h2>
+            <p className="text-lg text-gray-600">
+              Grâce à une interface simple et intuitive, LocaFlow permet aux propriétaires de gérer leur location avec efficacité.
             </p>
           </div>
           <div className="flex justify-center pb-4 md:pb-12" data-aos="fade-up">
@@ -57,133 +54,54 @@ export default function Features() {
               alt="Features"
             />
           </div>
-          {/* Items */}
           <div className="mx-auto grid max-w-sm gap-12 sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3">
             <article>
-              <svg
-                className="mb-3 fill-indigo-500"
-                xmlns="http://www.w3.org/2000/svg"
-                width={24}
-                height={24}
-              >
-                <path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" />
-                <path
-                  fillOpacity=".48"
-                  d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93 11.585 3.132 3.392-12.55-5.597-1.514.522-1.93Z"
-                />
-              </svg>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}><path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" /><path fillOpacity=".48" d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93Z" /></svg>
               <h3 className="mb-1 text-[1rem] font-semibold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-clip-text text-transparent">
-  Suivi des projets
-</h3>
-             <p className="text-gray-600">
-  Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.
-</p>
+                Suivi des projets
+              </h3>
+              <p className="text-gray-600">
+                Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.
+              </p>
             </article>
             <article>
-              <svg
-                className="mb-3 fill-indigo-500"
-                xmlns="http://www.w3.org/2000/svg"
-                width={24}
-                height={24}
-              >
-                <path fillOpacity=".48" d="M7 8V0H5v8h2Zm12 16v-4h-2v4h2Z" />
-                <path d="M19 6H0v2h17v8H7v-6H5v8h19v-2h-5V6Z" />
-              </svg>
               <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Team Views
+                Tableau de bord
               </h3>
               <p className="text-indigo-200/65">
-                Track progress across custom flows for your team. Find the right
-                balance for the user, privacy and security.
+                Visualisez en un coup d'œil vos locations, loyers perçus et interventions.
               </p>
             </article>
             <article>
-              <svg
-                className="mb-3 fill-indigo-500"
-                xmlns="http://www.w3.org/2000/svg"
-                width={24}
-                height={24}
-              >
-                <path d="M23.414 6 18 .586 16.586 2l3 3H7a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4h12.586l-3 3L18 11.414 23.414 6Z" />
-                <path
-                  fillOpacity=".48"
-                  d="M13.01 12.508a2.5 2.5 0 0 0-3.502.482L1.797 23.16.203 21.952l7.71-10.17a4.5 4.5 0 1 1 7.172 5.437l-4.84 6.386-1.594-1.209 4.841-6.385a2.5 2.5 0 0 0-.482-3.503Z"
-                />
-              </svg>
               <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Advanced Search
+                Organisation des visites
               </h3>
               <p className="text-indigo-200/65">
-                Track progress across custom flows for your team. Find the right
-                balance for the user, privacy and security.
+                Gérez facilement les demandes et plannings de visites des biens.
               </p>
             </article>
             <article>
-              <svg
-                className="mb-3 fill-indigo-500"
-                xmlns="http://www.w3.org/2000/svg"
-                width={24}
-                height={24}
-              >
-                <path
-                  fillOpacity=".48"
-                  d="m3.031 9.05-.593-.805 1.609-1.187.594.804a6.966 6.966 0 0 1 0 8.276l-.594.805-1.61-1.188.594-.805a4.966 4.966 0 0 0 0-5.9Z"
-                />
-                <path d="m7.456 6.676-.535-.845 1.69-1.07.534.844a11.944 11.944 0 0 1 0 12.789l-.535.845-1.69-1.071.536-.845a9.944 9.944 0 0 0 0-10.647Z" />
-                <path
-                  d="m11.888 4.35-.514-.858 1.717-1.027.513.858a16.9 16.9 0 0 1 2.4 8.677 16.9 16.9 0 0 1-2.4 8.676l-.513.859-1.717-1.028.514-.858A14.9 14.9 0 0 0 14.003 12a14.9 14.9 0 0 0-2.115-7.65Z"
-                  opacity=".48"
-                />
-                <path d="m16.321 2-.5-.866 1.733-1 .5.866A22 22 0 0 1 21 12c0 3.852-1.017 7.636-2.948 10.97l-.502.865-1.73-1.003.501-.865A19.878 19.878 0 0 0 19 12a20 20 0 0 0-2.679-10Z" />
-              </svg>
               <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Strategic Initiatives
+                Recherche simplifiée
               </h3>
               <p className="text-indigo-200/65">
-                Track progress across custom flows for your team. Find the right
-                balance for the user, privacy and security.
+                Accédez rapidement à des profils de locataires sérieux et vérifiés.
               </p>
             </article>
             <article>
-              <svg
-                className="mb-3 fill-indigo-500"
-                xmlns="http://www.w3.org/2000/svg"
-                width={24}
-                height={24}
-              >
-                <path
-                  fillOpacity=".48"
-                  d="M12 8.8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"
-                />
-                <path d="m7.454 2.891.891-.454L7.437.655l-.891.454a12 12 0 0 0 0 21.382l.89.454.91-1.781-.892-.455a10 10 0 0 1 0-17.818ZM17.456 1.11l-.891-.454-.909 1.782.891.454a10 10 0 0 1 0 17.819l-.89.454.908 1.781.89-.454a12 12 0 0 0 0-21.382Z" />
-              </svg>
               <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Flexible Workflows
+                Automatisation des relances
               </h3>
               <p className="text-indigo-200/65">
-                Track progress across custom flows for your team. Find the right
-                balance for the user, privacy and security.
+                Programmez les rappels de loyers, entretiens ou documents automatiquement.
               </p>
             </article>
             <article>
-              <svg
-                className="mb-3 fill-indigo-500"
-                xmlns="http://www.w3.org/2000/svg"
-                width={24}
-                height={24}
-              >
-                <path
-                  fillOpacity=".48"
-                  d="M19 8h5v2h-5V8Zm-4 5h9v2h-9v-2Zm9 5H11v2h13v-2Z"
-                />
-                <path d="M19.406 3.844 6.083 20.497.586 15 2 13.586l3.917 3.917L17.844 2.595l1.562 1.25Z" />
-              </svg>
               <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Unified Timeline
+                Historique des échanges
               </h3>
               <p className="text-indigo-200/65">
-                Track progress across custom flows for your team. Find the right
-                balance for the user, privacy and security.
+                Conservez toutes les discussions et documents au même endroit.
               </p>
             </article>
           </div>

From 64dc1a9c79c87384f4d0abec2c5e5745c5a0bde1 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 12:09:43 +0200
Subject: [PATCH 19/21] Update features.tsx

---
 components/features.tsx | 161 +++++++++++++---------------------------
 1 file changed, 50 insertions(+), 111 deletions(-)

diff --git a/components/features.tsx b/components/features.tsx
index 9bfae8cf7..cccac8f3c 100644
--- a/components/features.tsx
+++ b/components/features.tsx
@@ -1,112 +1,51 @@
-import Image from "next/image";
-import BlurredShapeGray from "@/public/images/blurred-shape-gray.svg";
-import BlurredShape from "@/public/images/blurred-shape.svg";
-import FeaturesImage from "@/public/images/features.png";
+{/* Items */}
+<div className="mx-auto grid max-w-sm gap-12 sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3">
+  <article>
+    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+      <path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" />
+      <path fillOpacity=".48" d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93Z" />
+    </svg>
+    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Suivi des projets</h3>
+    <p className="text-gray-600">Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.</p>
+  </article>
 
-export default function Features() {
-  return (
-    <section className="relative">
-      <div
-        className="pointer-events-none absolute left-1/2 top-0 -z-10 -mt-20 -translate-x-1/2"
-        aria-hidden="true"
-      >
-        <Image
-          className="max-w-none"
-          src={BlurredShapeGray}
-          width={760}
-          height={668}
-          alt="Blurred shape"
-        />
-      </div>
-      <div
-        className="pointer-events-none absolute bottom-0 left-1/2 -z-10 -mb-80 -translate-x-[120%] opacity-50"
-        aria-hidden="true"
-      >
-        <Image
-          className="max-w-none"
-          src={BlurredShape}
-          width={760}
-          height={668}
-          alt="Blurred shape"
-        />
-      </div>
-      <div className="mx-auto max-w-6xl px-4 sm:px-6">
-        <div className="border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20">
-          <div className="mx-auto max-w-3xl pb-4 text-center md:pb-12">
-            <div className="inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50">
-              <span className="inline-flex bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
-                Pensé pour les propriétaires modernes
-              </span>
-            </div>
-            <h2 className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent">
-              Automatisez vos tâches, gagnez du temps, et concentrez-vous sur l’essentiel
-            </h2>
-            <p className="text-lg text-gray-600">
-              Grâce à une interface simple et intuitive, LocaFlow permet aux propriétaires de gérer leur location avec efficacité.
-            </p>
-          </div>
-          <div className="flex justify-center pb-4 md:pb-12" data-aos="fade-up">
-            <Image
-              className="max-w-none"
-              src={FeaturesImage}
-              width={1104}
-              height={384}
-              alt="Features"
-            />
-          </div>
-          <div className="mx-auto grid max-w-sm gap-12 sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3">
-            <article>
-              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}><path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" /><path fillOpacity=".48" d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93Z" /></svg>
-              <h3 className="mb-1 text-[1rem] font-semibold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-clip-text text-transparent">
-                Suivi des projets
-              </h3>
-              <p className="text-gray-600">
-                Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.
-              </p>
-            </article>
-            <article>
-              <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Tableau de bord
-              </h3>
-              <p className="text-indigo-200/65">
-                Visualisez en un coup d'œil vos locations, loyers perçus et interventions.
-              </p>
-            </article>
-            <article>
-              <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Organisation des visites
-              </h3>
-              <p className="text-indigo-200/65">
-                Gérez facilement les demandes et plannings de visites des biens.
-              </p>
-            </article>
-            <article>
-              <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Recherche simplifiée
-              </h3>
-              <p className="text-indigo-200/65">
-                Accédez rapidement à des profils de locataires sérieux et vérifiés.
-              </p>
-            </article>
-            <article>
-              <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Automatisation des relances
-              </h3>
-              <p className="text-indigo-200/65">
-                Programmez les rappels de loyers, entretiens ou documents automatiquement.
-              </p>
-            </article>
-            <article>
-              <h3 className="mb-1 font-nacelle text-[1rem] font-semibold text-gray-200">
-                Historique des échanges
-              </h3>
-              <p className="text-indigo-200/65">
-                Conservez toutes les discussions et documents au même endroit.
-              </p>
-            </article>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-}
+  <article>
+    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+      <path d="M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z" />
+    </svg>
+    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Tableau de bord</h3>
+    <p className="text-gray-600">Visualisez en un coup d'œil vos locations, loyers perçus et interventions.</p>
+  </article>
+
+  <article>
+    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+      <path d="M21 3H3v2h18V3Zm0 4H6v2h15V7Zm0 4H9v2h12v-2Zm0 4H12v2h9v-2ZM3 19h18v2H3v-2Z" />
+    </svg>
+    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Organisation des visites</h3>
+    <p className="text-gray-600">Gérez facilement les demandes et plannings de visites des biens.</p>
+  </article>
+
+  <article>
+    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+      <path d="M12 2a10 10 0 1 0 10 10A10.012 10.012 0 0 0 12 2Zm1 15h-2v-2h2Zm0-4h-2V7h2Z" />
+    </svg>
+    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Recherche simplifiée</h3>
+    <p className="text-gray-600">Accédez rapidement à des profils de locataires sérieux et vérifiés.</p>
+  </article>
+
+  <article>
+    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+      <path d="M4 4h16v2H4zm0 6h10v2H4zm0 6h13v2H4z" />
+    </svg>
+    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Automatisation des relances</h3>
+    <p className="text-gray-600">Programmez les rappels de loyers, entretiens ou documents automatiquement.</p>
+  </article>
+
+  <article>
+    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+      <path d="M19 4h-1V2h-2v2H8V2H6v2H5a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1Zm-1 15H6V9h12v10Z" />
+    </svg>
+    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Historique des échanges</h3>
+    <p className="text-gray-600">Conservez toutes les discussions et documents au même endroit.</p>
+  </article>
+</div>

From 2eec4c3e5440db87378f3638a5e0bf5fd9b67c61 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 12:12:09 +0200
Subject: [PATCH 20/21] Update features.tsx

---
 components/features.tsx | 142 +++++++++++++++++++++++++---------------
 1 file changed, 91 insertions(+), 51 deletions(-)

diff --git a/components/features.tsx b/components/features.tsx
index cccac8f3c..564f4d1e8 100644
--- a/components/features.tsx
+++ b/components/features.tsx
@@ -1,51 +1,91 @@
-{/* Items */}
-<div className="mx-auto grid max-w-sm gap-12 sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3">
-  <article>
-    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
-      <path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" />
-      <path fillOpacity=".48" d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93Z" />
-    </svg>
-    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Suivi des projets</h3>
-    <p className="text-gray-600">Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.</p>
-  </article>
-
-  <article>
-    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
-      <path d="M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z" />
-    </svg>
-    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Tableau de bord</h3>
-    <p className="text-gray-600">Visualisez en un coup d'œil vos locations, loyers perçus et interventions.</p>
-  </article>
-
-  <article>
-    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
-      <path d="M21 3H3v2h18V3Zm0 4H6v2h15V7Zm0 4H9v2h12v-2Zm0 4H12v2h9v-2ZM3 19h18v2H3v-2Z" />
-    </svg>
-    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Organisation des visites</h3>
-    <p className="text-gray-600">Gérez facilement les demandes et plannings de visites des biens.</p>
-  </article>
-
-  <article>
-    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
-      <path d="M12 2a10 10 0 1 0 10 10A10.012 10.012 0 0 0 12 2Zm1 15h-2v-2h2Zm0-4h-2V7h2Z" />
-    </svg>
-    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Recherche simplifiée</h3>
-    <p className="text-gray-600">Accédez rapidement à des profils de locataires sérieux et vérifiés.</p>
-  </article>
-
-  <article>
-    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
-      <path d="M4 4h16v2H4zm0 6h10v2H4zm0 6h13v2H4z" />
-    </svg>
-    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Automatisation des relances</h3>
-    <p className="text-gray-600">Programmez les rappels de loyers, entretiens ou documents automatiquement.</p>
-  </article>
-
-  <article>
-    <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
-      <path d="M19 4h-1V2h-2v2H8V2H6v2H5a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1Zm-1 15H6V9h12v10Z" />
-    </svg>
-    <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Historique des échanges</h3>
-    <p className="text-gray-600">Conservez toutes les discussions et documents au même endroit.</p>
-  </article>
-</div>
+import Image from "next/image";
+import BlurredShapeGray from "@/public/images/blurred-shape-gray.svg";
+import BlurredShape from "@/public/images/blurred-shape.svg";
+import FeaturesImage from "@/public/images/features.png";
+
+export default function Features() {
+  return (
+    <section className="relative">
+      <div className="pointer-events-none absolute left-1/2 top-0 -z-10 -mt-20 -translate-x-1/2" aria-hidden="true">
+        <Image className="max-w-none" src={BlurredShapeGray} width={760} height={668} alt="Blurred shape" />
+      </div>
+      <div className="pointer-events-none absolute bottom-0 left-1/2 -z-10 -mb-80 -translate-x-[120%] opacity-50" aria-hidden="true">
+        <Image className="max-w-none" src={BlurredShape} width={760} height={668} alt="Blurred shape" />
+      </div>
+
+      <div className="mx-auto max-w-6xl px-4 sm:px-6">
+        <div className="border-t py-12 [border-image:linear-gradient(to_right,transparent,--theme(--color-slate-400/.25),transparent)1] md:py-20">
+          <div className="mx-auto max-w-3xl pb-4 text-center md:pb-12">
+            <div className="inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50">
+              <span className="inline-flex bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
+                Pensé pour les propriétaires modernes
+              </span>
+            </div>
+            <h2 className="text-3xl md:text-4xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent">
+              Automatisez vos tâches, gagnez du temps, et concentrez-vous sur l’essentiel
+            </h2>
+            <p className="text-lg text-gray-600">
+              Grâce à une interface simple et intuitive, LocaFlow permet aux propriétaires de gérer leur location avec efficacité.
+            </p>
+          </div>
+
+          <div className="flex justify-center pb-4 md:pb-12" data-aos="fade-up">
+            <Image className="max-w-none" src={FeaturesImage} width={1104} height={384} alt="Features" />
+          </div>
+
+          {/* Items */}
+          <div className="mx-auto grid max-w-sm gap-12 sm:max-w-none sm:grid-cols-2 md:gap-x-14 md:gap-y-16 lg:grid-cols-3">
+            <article>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+                <path d="M0 0h14v17H0V0Zm2 2v13h10V2H2Z" />
+                <path fillOpacity=".48" d="m16.295 5.393 7.528 2.034-4.436 16.412L5.87 20.185l.522-1.93Z" />
+              </svg>
+              <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Suivi des projets</h3>
+              <p className="text-gray-600">Gérez les étapes de location, les échanges avec les locataires et les actions de maintenance sans stress.</p>
+            </article>
+
+            <article>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+                <path d="M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z" />
+              </svg>
+              <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Tableau de bord</h3>
+              <p className="text-gray-600">Visualisez en un coup d'œil vos locations, loyers perçus et interventions.</p>
+            </article>
+
+            <article>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+                <path d="M21 3H3v2h18V3Zm0 4H6v2h15V7Zm0 4H9v2h12v-2Zm0 4H12v2h9v-2ZM3 19h18v2H3v-2Z" />
+              </svg>
+              <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Organisation des visites</h3>
+              <p className="text-gray-600">Gérez facilement les demandes et plannings de visites des biens.</p>
+            </article>
+
+            <article>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+                <path d="M12 2a10 10 0 1 0 10 10A10.012 10.012 0 0 0 12 2Zm1 15h-2v-2h2Zm0-4h-2V7h2Z" />
+              </svg>
+              <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Recherche simplifiée</h3>
+              <p className="text-gray-600">Accédez rapidement à des profils de locataires sérieux et vérifiés.</p>
+            </article>
+
+            <article>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+                <path d="M4 4h16v2H4zm0 6h10v2H4zm0 6h13v2H4z" />
+              </svg>
+              <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Automatisation des relances</h3>
+              <p className="text-gray-600">Programmez les rappels de loyers, entretiens ou documents automatiquement.</p>
+            </article>
+
+            <article>
+              <svg className="mb-3 fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width={24} height={24}>
+                <path d="M19 4h-1V2h-2v2H8V2H6v2H5a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1Zm-1 15H6V9h12v10Z" />
+              </svg>
+              <h3 className="mb-1 text-[1rem] font-semibold text-gray-900">Historique des échanges</h3>
+              <p className="text-gray-600">Conservez toutes les discussions et documents au même endroit.</p>
+            </article>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

From d3d136450d5e4f5c0aabd3891299fd059dc468f4 Mon Sep 17 00:00:00 2001
From: mikaelpackowski <mikael.packowski@gmail.com>
Date: Tue, 5 Aug 2025 13:31:09 +0200
Subject: [PATCH 21/21] Update hero-home.tsx

---
 components/hero-home.tsx | 89 ++++++++++++++--------------------------
 1 file changed, 31 insertions(+), 58 deletions(-)

diff --git a/components/hero-home.tsx b/components/hero-home.tsx
index 064e7077d..65072fd43 100755
--- a/components/hero-home.tsx
+++ b/components/hero-home.tsx
@@ -1,64 +1,37 @@
-import VideoThumb from "@/public/images/hero-image-01.jpg";
-import ModalVideo from "@/components/modal-video";
-
-export default function HeroHome() {
+export default function Hero() {
   return (
-    <section>
+    <section className="relative overflow-hidden pt-24 md:pt-32">
       <div className="mx-auto max-w-6xl px-4 sm:px-6">
-        {/* Hero content */}
-        <div className="py-12 md:py-20">
-          {/* Section header */}
-          <div className="pb-12 text-center md:pb-20">
-            <h1
-  className="text-4xl md:text-5xl font-extrabold animate-[gradient_8s_linear_infinite] bg-[linear-gradient(to_right,#4f46e5,#8b5cf6,#ec4899,#4f46e5)] bg-[length:200%_auto] bg-clip-text text-transparent"
-  data-aos="fade-up"
->
-  Bienvenue sur LocaFlow
-</h1>
-            <div className="mx-auto max-w-3xl">
-              <p
-                className="mb-8 text-xl text-indigo-200/65"
-                data-aos="fade-up"
-                data-aos-delay={200}
-              >
-                Our landing page template works on all devices, so you only have
-                to set it up once, and get beautiful results forever.
-              </p>
-              <div className="mx-auto max-w-xs sm:flex sm:max-w-none sm:justify-center">
-                <div data-aos="fade-up" data-aos-delay={400}>
-                  <a
-                    className="btn group mb-4 w-full bg-linear-to-t from-indigo-600 to-indigo-500 bg-[length:100%_100%] bg-[bottom] text-white shadow-[inset_0px_1px_0px_0px_--theme(--color-white/.16)] hover:bg-[length:100%_150%] sm:mb-0 sm:w-auto"
-                    href="#0"
-                  >
-                    <span className="relative inline-flex items-center">
-                      Start Building
-                      <span className="ml-1 tracking-normal text-white/50 transition-transform group-hover:translate-x-0.5">
-                        -&gt;
-                      </span>
-                    </span>
-                  </a>
-                </div>
-                <div data-aos="fade-up" data-aos-delay={600}>
-                  <a
-                    className="btn relative w-full bg-linear-to-b from-gray-800 to-gray-800/60 bg-[length:100%_100%] bg-[bottom] text-gray-300 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-[length:100%_150%] sm:ml-4 sm:w-auto"
-                    href="#0"
-                  >
-                    Schedule Demo
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
+        <div className="text-center">
+          <h1 className="text-4xl md:text-6xl font-extrabold bg-gradient-to-r from-indigo-500 to-pink-500 bg-clip-text text-transparent mb-6">
+            Bienvenue sur LocaFlow
+          </h1>
+          <p className="text-lg md:text-xl text-slate-500 mb-10">
+            Simplifiez la gestion locative : dépôt de bien, recherche de logement, automatisation des démarches.
+          </p>
+
+          <div className="flex flex-col sm:flex-row justify-center gap-4 flex-wrap">
+            <a
+              className="inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-500 px-6 py-3 text-white font-semibold hover:bg-indigo-600 transition"
+              href="/auth/login?role=owner"
+            >
+              🏠 Propriétaire
+            </a>
 
-          <ModalVideo
-            thumb={VideoThumb}
-            thumbWidth={1104}
-            thumbHeight={576}
-            thumbAlt="Modal video thumbnail"
-            video="videos//video.mp4"
-            videoWidth={1920}
-            videoHeight={1080}
-          />
+            <a
+              className="inline-flex items-center justify-center gap-2 rounded-lg bg-slate-800 px-6 py-3 text-white font-semibold hover:bg-slate-700 transition"
+              href="/auth/login?role=tenant"
+            >
+              🔑 Locataire
+            </a>
+
+            <a
+              className="inline-flex items-center justify-center gap-2 rounded-lg border border-slate-300 px-6 py-3 text-slate-800 font-semibold hover:bg-slate-100 transition"
+              href="/annonces"
+            >
+              📢 Nos annonces
+            </a>
+          </div>
         </div>
       </div>
     </section>