Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -63,7 +63,7 @@ export default function LandingPage() {
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EJphgjXirW7bUvaVWNu0bojehw/uploaded-1779907715627-qryr5bf6.jpg"
       imageAlt="A delicious sandwich on a plate with fresh ingredients."
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",          alt: "Smiling customer"},
@@ -89,6 +89,8 @@ export default function LandingPage() {
         {
           type: "text",          text: "Quality Ingredients"},
       ]}
+      tagAnimation="blur-reveal"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -103,12 +105,13 @@ export default function LandingPage() {
         {
           text: "Our Story",          href: "#"},
       ]}
+      buttonAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyNine
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
@@ -122,12 +125,14 @@ export default function LandingPage() {
       ]}
       title="Our Delicious Sandwich Creations"
       description="Explore our menu of gourmet sandwiches, wraps, and fresh sides, crafted with the freshest ingredients."
+      tagAnimation="blur-reveal"
+      buttonAnimation="slide-up"
     />
   </div>
 
   <div id="menu" data-section="menu">
       <ProductCardFour
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
@@ -147,6 +152,8 @@ export default function LandingPage() {
       ]}
       title="Our Gourmet Sandwich Menu"
       description="Discover our diverse selection of gourmet sandwiches, fresh salads, and comforting soups."
+      tagAnimation="blur-reveal"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -168,6 +175,8 @@ export default function LandingPage() {
       ]}
       title="What Our Guests Say"
       description="Hear what our amazing customers are saying about The Sandwich Shoppe Downtown."
+      tagAnimation="blur-reveal"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -184,7 +193,8 @@ export default function LandingPage() {
         {
           id: "m3",          value: "2+",          description: "Years Serving"},
       ]}
-      metricsAnimation="slide-up"
+      metricsAnimation="blur-reveal"
+      tagAnimation="blur-reveal"
     />
   </div>
 
@@ -205,7 +215,9 @@ export default function LandingPage() {
       ]}
       title="Your Questions, Answered"
       description="Find quick answers to your questions about The Sandwich Shoppe Downtown."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
+      tagAnimation="blur-reveal"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -219,6 +231,7 @@ export default function LandingPage() {
         {
           text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=1601+Lubbock+Rd,+Brownfield,+TX+79316"},
       ]}
+      animationType="reveal-blur"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #e34400;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #010101;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #ff7b05;
+  --background-accent: #106efb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);