Update src/app/page.tsx

Merge version_15 into main

src/app/page.tsx

@@ -27,12 +27,14 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <div style={{
-        backgroundImage: `url("https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DI1e2k6EYhFwH9l7rLjtoP3nQ0/uploaded-1778476138014-qo7k4fxb.jpg")`,
+        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'
+        minHeight: '100vh',
+        width: '100%'
       }}>
+        <div style={{ backgroundColor: 'rgba(255, 255, 255, 0.85)', minHeight: '100vh' }}>
           <ReactLenis root>
             <div id="nav" data-section="nav">
               <NavbarStyleFullscreen
@@ -50,7 +52,7 @@ 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."
+                description="<span style='color: #0a7039'>Experience fresh, well-seasoned kabobs and traditional Mediterranean flavors. Join us for a delightful dining experience today.</span>"
                 buttons={[
                   { text: "Order Online", href: "#menu" },
                   { text: "Call Now", href: "tel:2094160403" },
@@ -155,8 +157,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: [
@@ -167,7 +169,7 @@ export default function LandingPage() {
                   },
                   {
                     title: "Location",                  items: [
-                    { label: "3821 Crowell Rd, Turlock", href: "#" },
+                      { label: "3821 Crowell Rd, Turlock, CA 95382", href: "#" },
                       { label: "(209) 416-0403", href: "tel:2094160403" },
                     ],
                   },
@@ -176,6 +178,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;
+  --background: #ffffff;
-  --card: #efe7dd;
+  --card: #f9f9f9;
-  --foreground: #2b180a;
+  --foreground: #000f06e6;
-  --primary-cta: #2b180a;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #f6f0e9;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2b180a;
+  --secondary-cta-text: #000f06e6;
-  --accent: #94877c;
+  --accent: #e2e2e2;
-  --background-accent: #afa094;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);