Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -48,7 +48,7 @@ export default function LandingPage() {
       buttons={[{ text: "View Menu", href: "#products" }]}
       mediaItems={[
         { imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=800", imageAlt: "Smoked Brisket" },
-        { imageSrc: "https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=800", imageAlt: "BBQ Ribs" },
+        { imageSrc: "https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=800&_wi=1", imageAlt: "BBQ Ribs" },
         { imageSrc: "https://images.unsplash.com/photo-1603048297172-c92544798d5e?q=80&w=800", imageAlt: "Food truck atmosphere" },
       ]}
     />
@@ -103,8 +103,8 @@ export default function LandingPage() {
       title="What Locals Say"
       description="Join the hundreds of happy neighbors enjoying the best BBQ in Fulshear."
       testimonials={[
-        { id: "1", name: "John D.", role: "Local Resident", company: "Fulshear", rating: 5 },
+        { id: "1", name: "John D.", role: "Local Resident", company: "Fulshear", rating: 5, imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=200" },
-        { id: "2", name: "Mary S.", role: "Regular", company: "Cinco Ranch", rating: 5 },
+        { id: "2", name: "Mary S.", role: "Regular", company: "Cinco Ranch", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200" },
       ]}
       kpiItems={[
         { value: "500+", label: "Happy Neighbors" },
@@ -126,6 +126,7 @@ export default function LandingPage() {
       title="Got Questions?"
       faqsAnimation="slide-up"
       description="Frequently Asked Questions"
+      imageSrc="https://images.unsplash.com/photo-1582213782179-e0d53f98f2ca?q=80&w=800"
     />
   </div>
 
@@ -138,6 +139,7 @@ export default function LandingPage() {
         { name: "name", type: "text", placeholder: "Name" },
         { name: "email", type: "email", placeholder: "Email" },
       ]}
+      imageSrc="https://images.unsplash.com/photo-1529193591184-b1ddf806a36e?q=80&w=800&_wi=2"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #481f1f;
-  --foreground: #1f2027;
+  --foreground: #ffffff;
-  --primary-cta: #1f2027;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #e3deea;
+  --primary-cta-text: #280101;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #361311;
-  --secondary-cta-text: #1f2027;
+  --secondary-cta-text: #f6d4d4;
-  --accent: #627dc6;
+  --accent: #51000b;
-  --background-accent: #627dc6;
+  --background-accent: #ff2231;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);