Merge version_20 into main

Merge version_20 into main

src/app/page.tsx

@@ -20,12 +20,21 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="mediumLarge"
         sizing="largeSmallSizeMediumTitles"
-        background="floatingGradient"
+        background="none"
         cardStyle="solid"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="medium"
     >
+      <div style={{
+        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
@@ -43,12 +52,12 @@ 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" },
                 ]}
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-hummus-plate-still-life_23-2149595651.jpg"
                 showBlur={true}
                 avatars={[
                   { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Couple enjoying food in restaurant" },
@@ -149,8 +158,9 @@ 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"
+                copyrightText=""
                 columns={[
                   {
                     title: "Navigation",                  items: [
@@ -161,7 +171,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" },
                     ],
                   },
@@ -169,6 +179,8 @@ 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);