Update src/app/styles/variables.css

src/app/page.tsx

@@ -36,7 +36,8 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" },
           ]}
           button={{
-            text: "Reserve Now",            href: "#contact"}}
+            text: "Reserve Now",            href: "#contact"
+          }}
         />
       </div>
 
@@ -59,6 +60,12 @@ export default function LandingPage() {
             { text: "Reserve Table", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/front-closed-up-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-25889.jpg", alt: "Happy customer 1" },
+            { src: "http://img.b2bpic.net/free-photo/close-up-view-tasty-steak-with-sauce-male-s-hands-begin-cut-slice_8353-7023.jpg", alt: "Happy customer 2" },
+            { src: "http://img.b2bpic.net/free-photo/grilled-steak-with-melted-cheese-mashed-vegetables_140725-2136.jpg", alt: "Happy customer 3" },
+          ]}
+          avatarText="Loved by thousands of steak enthusiasts"
           imageSrc="http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112359.jpg"
           imageAlt="Premium grilled Texas steak"
           mediaAnimation="blur-reveal"
@@ -69,24 +76,33 @@ export default function LandingPage() {
       <div id="features" data-section="features">
         <FeatureHoverPattern
           title="What Makes Us Legendary"
+          titleSegments={[
+            { type: "text", content: "What Makes Us " },
+            { type: "image", src: "http://img.b2bpic.net/free-photo/front-closed-up-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-25889.jpg", alt: "Legendary steaks" },
+            { type: "text", content: " Legendary" },
+          ]}
           description="From our signature smoking process to hand-carved steaks, every detail reflects our commitment to authentic Texas BBQ and premium steakhouse excellence."
           tag="Our Expertise"
           tagIcon={Award}
           features={[
             {
               icon: Flame,
-              title: "Open Flame Mastery",              description: "Every steak kissed by open flames, creating the perfect char and smoky depth that defines Texas grilling tradition."},
+              title: "Open Flame Mastery",              description: "Every steak kissed by open flames, creating the perfect char and smoky depth that defines Texas grilling tradition."
+            },
             {
               icon: Beef,
-              title: "Premium Hand-Cut Steaks",              description: "Our butchers hand-select and carve each cut daily, ensuring maximum tenderness and authentic flavor in every bite."},
+              title: "Premium Hand-Cut Steaks",              description: "Our butchers hand-select and carve each cut daily, ensuring maximum tenderness and authentic flavor in every bite."
+            },
             {
               icon: Leaf,
-              title: "Fresh Quality Ingredients",              description: "We source the finest beef and fresh sides daily, maintaining our commitment to uncompromised quality and authentic taste."},
+              title: "Fresh Quality Ingredients",              description: "We source the finest beef and fresh sides daily, maintaining our commitment to uncompromised quality and authentic taste."
+            },
             {
               icon: Users,
-              title: "Texas Hospitality",              description: "Genuine warmth, professional service, and a welcoming atmosphere that honors Texas tradition and customer respect."},
+              title: "Texas Hospitality",              description: "Genuine warmth, professional service, and a welcoming atmosphere that honors Texas tradition and customer respect."
+            },
           ]}
-          textboxLayout="default"
+          textboxLayout="inline-image"
           animationType="slide-up"
           useInvertedBackground={false}
         />
@@ -101,13 +117,16 @@ export default function LandingPage() {
           products={[
             {
               id: "1",              brand: "Texas Roadhouse Premium",              name: "Ribeye - 14oz",              price: "$38.99",              rating: 5,
-              reviewCount: "2.4k",              imageSrc: "http://img.b2bpic.net/free-photo/front-closed-up-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-25889.jpg",              imageAlt: "Premium ribeye steak"},
+              reviewCount: "2.4k",              imageSrc: "http://img.b2bpic.net/free-photo/front-closed-up-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-25889.jpg",              imageAlt: "Premium ribeye steak"
+            },
             {
               id: "2",              brand: "Texas Roadhouse Premium",              name: "Smoked Brisket",              price: "$32.99",              rating: 5,
-              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tasty-steak-with-sauce-male-s-hands-begin-cut-slice_8353-7023.jpg",              imageAlt: "Smoked Texas brisket"},
+              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tasty-steak-with-sauce-male-s-hands-begin-cut-slice_8353-7023.jpg",              imageAlt: "Smoked Texas brisket"
+            },
             {
               id: "3",              brand: "Texas Roadhouse Premium",              name: "Filet Mignon - 8oz",              price: "$44.99",              rating: 5,
-              reviewCount: "1.6k",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-melted-cheese-mashed-vegetables_140725-2136.jpg",              imageAlt: "Tender filet mignon steak"},
+              reviewCount: "1.6k",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-melted-cheese-mashed-vegetables_140725-2136.jpg",              imageAlt: "Tender filet mignon steak"
+            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -142,16 +161,20 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "James Mitchell",              role: "Steak Enthusiast",              company: "Dallas, TX",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-enjoying-cup-coffee-while-working_23-2148661133.jpg",              imageAlt: "James Mitchell"},
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-enjoying-cup-coffee-while-working_23-2148661133.jpg",              imageAlt: "James Mitchell"
+            },
             {
               id: "2",              name: "Sarah Williams",              role: "Food Critic",              company: "Austin Food Scene",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",              imageAlt: "Sarah Williams"},
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",              imageAlt: "Sarah Williams"
+            },
             {
               id: "3",              name: "Robert Garcia",              role: "Family Host",              company: "Houston, TX",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",              imageAlt: "Robert Garcia"},
+              imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",              imageAlt: "Robert Garcia"
+            },
             {
               id: "4",              name: "Michelle Chen",              role: "Restaurant Manager",              company: "San Antonio",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2514.jpg",              imageAlt: "Michelle Chen"},
+              imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2514.jpg",              imageAlt: "Michelle Chen"
+            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -187,4 +210,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #0a0a0a;
-  --card: #f9f9f9;
+  --card: #1a1a1a;
-  --foreground: #000612e6;
+  --foreground: #ffffff;
-  --primary-cta: #15479c;
+  --primary-cta: #e34400;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #010101;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #ff7b05;
-  --background-accent: #c4c4c4;
+  --background-accent: #e34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);