Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Award, Users, Globe, Leaf, CheckCircle, Sparkles, Star, Heart, Mail } from 'lucide-react';
+import { Award, Users, Globe, Leaf, CheckCircle, Sparkles, Star, Heart, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -40,9 +40,9 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
+          background={{ variant: "glowing-orb" }}
           title="Papeterie de Luxe Française"
           description="Découvrez notre collection exclusive de produits de papeterie haut de gamme, conçus pour inspirer votre créativité et élégance"
-          background={{ variant: "plain" }}
           tag="Collection Premium"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -176,8 +176,8 @@ export default function LandingPage() {
         <ContactFaq
           ctaTitle="Contactez Notre Équipe"
           ctaDescription="Des questions sur nos produits ou services ? Notre équipe est disponible pour vous aider."
-          ctaButton={{ text: "Envoyer un Message", href: "mailto:contact@papeterie.fr" }}
+          ctaButton={{ text: "Appeler Maintenant", href: "tel:+33123456789" }}
-          ctaIcon={Mail}
+          ctaIcon={Phone}
           faqs={[
             {
               id: "1",              title: "Quels sont les délais de livraison ?",              content: "Les commandes sont traitées sous 2 jours ouvrables. La livraison en France métropolitaine prend 3 à 5 jours. Des délais express sont disponibles sur demande."

src/app/styles/variables.css

@@ -4,21 +4,21 @@
 
   /* --background: #ffffff;;
   --card: #f9f9f9;;
-  --foreground: #000612e6;;
+  --foreground: #001a33;;
-  --primary-cta: #15479c;;
+  --primary-cta: #001a33;;
   --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
+  --accent: #b8cce2;;
-  --background-accent: #c4c4c4;; */
+  --background-accent: #001a33;; */
 
   --background: #ffffff;;
   --card: #f9f9f9;;
-  --foreground: #000612e6;;
+  --foreground: #001a33;;
-  --primary-cta: #15479c;;
+  --primary-cta: #001a33;;
   --primary-cta-text: #ffffff;;
   --secondary-cta: #f9f9f9;;
   --secondary-cta-text: #000612e6;;
-  --accent: #e2e2e2;;
+  --accent: #b8cce2;;
-  --background-accent: #c4c4c4;;
+  --background-accent: #001a33;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);