Update src/app/styles/variables.css

Merge version_3 into main

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">

src/app/styles/variables.css

@@ -12,12 +12,12 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #f5f5f5;
-  --primary-cta: #e63946;
+  --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 */