Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -48,7 +48,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "rotated-rays-static"}}
+        variant: "rotated-rays-animated"}}
       title="Authentic Wood-Fired Pizza"
       description="Experience the true taste of Italy with our hand-stretched dough and locally sourced fresh ingredients, fired to perfection in our traditional ovens."
       buttons={[
@@ -68,21 +68,21 @@ export default function LandingPage() {
       description="Our journey started in a small kitchen with a simple dream: to bring the art of traditional pizza-making to our community. Every pizza is a testament to our dedication to quality and flavor."
       bulletPoints={[
         {
-          title: "Tradition",          description: "Authentic recipes passed down through generations."},
+          title: "Tradition",          description: "Authentic recipes passed down through generations.", icon: Flame},
         {
-          title: "Freshness",          description: "Daily prepared dough and locally sourced toppings."},
+          title: "Freshness",          description: "Daily prepared dough and locally sourced toppings.", icon: Leaf},
         {
-          title: "Passion",          description: "Handcrafted with love for every single customer."},
+          title: "Passion",          description: "Handcrafted with love for every single customer.", icon: Flame},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-spread-pizza-dough_23-2148570347.jpg"
       imageAlt="Preparing artisan dough"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBento
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
@@ -103,7 +103,7 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardThree
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
@@ -128,7 +128,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
@@ -168,8 +168,8 @@ export default function LandingPage() {
         {
           src: "http://img.b2bpic.net/free-photo/horizontal-cropped-view-cheerful-black-woman-with-afro-hairstyle-eats-delicious-italian-pizza-from-boyfriends-hands_273609-18723.jpg",          alt: "Customer 5"},
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="blur-reveal"
     />
   </div>
 
@@ -189,7 +189,7 @@ export default function LandingPage() {
       ]}
       title="Common Questions"
       description="Got questions about our pizza? We have answers."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
     />
   </div>
 
@@ -197,7 +197,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain"}}
+        variant: "sparkles-gradient"}}
       title="Join Our Pizza Club"
       description="Sign up for our newsletter to get the latest updates, exclusive discounts, and secret menu items."
       tag="Newsletter"

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120006e6;
+  --secondary-cta-text: #000f06e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;