Update src/app/page.tsx

Merge version_18 into main

src/app/page.tsx

@@ -27,9 +27,14 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <div style={{
-        backgroundColor: 'transparent',
-        minHeight: '100vh'
+        backgroundImage: 'url("https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DI1e2k6EYhFwH9l7rLjtoP3nQ0/uploaded-1778477276470-amtvc9ix.jpg")',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        backgroundAttachment: 'fixed',
+        minHeight: '100vh',
+        width: '100%'
       }}>
+        <div style={{ backgroundColor: 'rgba(255, 255, 255, 0.85)', minHeight: '100vh' }}>
           <ReactLenis root>
             <div id="nav" data-section="nav">
               <NavbarStyleFullscreen
@@ -47,7 +52,8 @@ export default function LandingPage() {
             <div id="hero" data-section="hero">
               <HeroOverlay
                 title="Authentic Mediterranean Grill in Turlock"
-              description="Experience fresh, well-seasoned kabobs and traditional Mediterranean flavors. Join us for a delightful dining experience today."
+                titleClassName="text-green-600"
+                description=""
                 buttons={[
                   { text: "Order Online", href: "#menu" },
                   { text: "Call Now", href: "tel:2094160403" },
@@ -152,8 +158,8 @@ export default function LandingPage() {
 
             <div id="footer" data-section="footer">
               <FooterMedia
-              imageSrc="http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg?_wi=2"
                 logoText="Kabob Place"
+                videoSrc="https://videos.pexels.com/video-files/4055273/4055273-sd_506_960_24fps.mp4"
                 columns={[
                   {
                     title: "Navigation",                  items: [
@@ -173,6 +179,7 @@ export default function LandingPage() {
             </div>
           </ReactLenis>
         </div>
+      </div>
     </ThemeProvider>
   );
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);