diff --git a/public/images/logo-lune.png b/public/images/logo-lune.png
new file mode 100644
index 0000000..7b5b193
Binary files /dev/null and b/public/images/logo-lune.png differ
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index cf91bc8..85fbf3d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -13,8 +13,8 @@ import { companyInfo } from '../data';
       <!-- Brand -->
       <div class="col-span-1 md:col-span-2">
         <div class="flex items-center gap-4 mb-8">
-          <div class="w-12 h-12 rounded-2xl bg-cloud flex items-center justify-center overflow-hidden shadow-lg">
-            <span class="text-night font-display text-2xl">A</span>
+          <div class="w-12 h-12 rounded-2xl overflow-hidden shadow-lg">
+            <img src="/images/logo-lune.png" alt="AspiRêves" class="w-full h-full object-cover" />
           </div>
           <span class="font-display text-3xl font-bold tracking-tight text-cloud">
             AspiRêves
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 5a633d2..70bf852 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -29,8 +29,8 @@ function isActive(href: string): boolean {
       <!-- Logo -->
       <a href="/" class="flex items-center gap-4 group">
         <div class="relative">
-          <div class="w-12 h-12 rounded-2xl bg-night flex items-center justify-center overflow-hidden transition-all group-hover:rotate-12 group-hover:scale-110 shadow-lg">
-            <span class="text-cloud font-display text-2xl">A</span>
+          <div class="w-12 h-12 rounded-2xl overflow-hidden transition-all group-hover:rotate-12 group-hover:scale-110 shadow-lg">
+            <img src="/images/logo-lune.png" alt="AspiRêves" class="w-full h-full object-cover" />
           </div>
           <div class="absolute -top-2 -right-2 text-star animate-pulse">
             <StarFilled size={16} />