Update theme colors

Merge version_10 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
@@ -48,7 +57,6 @@ export default function LandingPage() {
                   { 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 +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: [
@@ -161,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" },
                     ],
                   },
@@ -169,6 +177,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: #f5f5f5;
-  --card: #efe7dd;
+  --card: #ffffff;
-  --foreground: #2b180a;
+  --foreground: #1c1c1c;
-  --primary-cta: #2b180a;
+  --primary-cta: #341f51;
-  --primary-cta-text: #f6f0e9;
+  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2b180a;
+  --secondary-cta-text: #1c1c1c;
-  --accent: #94877c;
+  --accent: #6139e6;
-  --background-accent: #afa094;
+  --background-accent: #b3a8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);