diff --git a/src/app/page.tsx b/src/app/page.tsx
index 24d9688..b864e97 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Phone, ShoppingCart } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -139,6 +140,14 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       onSubmit={(email) => alert(`Inscription reçue : ${email}`)}
     />
+    <div className="fixed bottom-6 right-6 z-50 flex flex-col gap-4">
+      <button onClick={() => window.open('https://wa.me/33615014391', '_blank')} className="bg-green-500 p-4 rounded-full shadow-lg text-white">
+        <Phone />
+      </button>
+      <button onClick={() => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' })} className="bg-orange-500 p-4 rounded-full shadow-lg text-white">
+        <ShoppingCart />
+      </button>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index cc58495..e8a6e86 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,12 +12,12 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #e63946;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #ff0000;
   --secondary-cta-text: #000000;
-  --accent: #d4af37;
+  --accent: #ff0000;
   --background-accent: #2a0a0a;
 
   /* text sizing - set by ThemeProvider */