Update src/app/page.tsx

Merge version_19 into main

src/app/page.tsx

@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextAbout from '@/components/sections/about/TextAbout';
@@ -20,295 +20,167 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="mediumLarge"
         sizing="largeSmallSizeMediumTitles"
-        background="grid"
+        background="none"
         cardStyle="solid"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="medium"
     >
-      <ReactLenis root>
+      <div style={{
-  <div id="nav" data-section="nav">
+        backgroundImage: 'url("https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DI1e2k6EYhFwH9l7rLjtoP3nQ0/uploaded-1778477276470-amtvc9ix.jpg")',
-      <NavbarStyleCentered
+        backgroundSize: 'cover',
-      navItems={[
+        backgroundPosition: 'center',
-        {
+        backgroundAttachment: 'fixed',
-          name: "Menu",
+        minHeight: '100vh',
-          id: "menu",
+        width: '100%'
-        },
+      }}>
-        {
+        <div style={{ backgroundColor: 'rgba(255, 255, 255, 0.85)', minHeight: '100vh' }}>
-          name: "About",
+          <ReactLenis root>
-          id: "about",
+            <div id="nav" data-section="nav">
-        },
+              <NavbarStyleFullscreen
-        {
+                navItems={[
-          name: "Reviews",
+                  { name: "Menu", id: "menu" },
-          id: "testimonials",
+                  { name: "About", id: "about" },
-        },
+                  { name: "Reviews", id: "testimonials" },
-        {
+                  { name: "Contact", id: "contact" },
-          name: "Contact",
+                ]}
-          id: "contact",
+                brandName="Kabob Place"
-        },
+                bottomRightText="hello@kabobplace.com"
-      ]}
+              />
-      brandName="Kabob Place"
+            </div>
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+            <div id="hero" data-section="hero">
-      <HeroOverlay
+              <HeroOverlay
-      title="Authentic Mediterranean Grill in Turlock"
+                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"
-      buttons={[
+                description=""
-        {
+                buttons={[
-          text: "Order Online",
+                  { text: "Order Online", href: "#menu" },
-          href: "#menu",
+                  { text: "Call Now", href: "tel:2094160403" },
-        },
+                ]}
-        {
+                showBlur={true}
-          text: "Call Now",
+                avatars={[
-          href: "tel:2094160403",
+                  { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Couple enjoying food in restaurant" },
-        },
+                  { src: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg", alt: "Attractive teenage girl smiling" },
-      ]}
+                  { src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", alt: "Handsome asian man at a friends reunion" },
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-hummus-plate-still-life_23-2149595651.jpg"
+                  { src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Friends enjoying a dinner party" },
-      showBlur={true}
+                  { src: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11901.jpg", alt: "Friends enjoying a lunch in a restaurant" },
-      avatars={[
+                ]}
-        {
+                avatarText="Join 500+ happy diners"
-          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
+              />
-          alt: "Couple enjoying food in restaurant",
+            </div>
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg",
-          alt: "Attractive teenage girl smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
-          alt: "Handsome asian man at a friends reunion",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
-          alt: "Friends enjoying a dinner party",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11901.jpg",
-          alt: "Friends enjoying a lunch in a restaurant",
-        },
-      ]}
-      avatarText="Join 500+ happy diners"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+            <div id="about" data-section="about">
-      <TextAbout
+              <TextAbout
-      useInvertedBackground={false}
+                useInvertedBackground={false}
-      title="Fresh, Authentic & Welcoming"
+                title="Fresh, Authentic & Welcoming"
-      tag="Our Story"
+                tag="Our Story"
-    />
+              />
-  </div>
+            </div>
 
-  <div id="menu" data-section="menu">
+            <div id="menu" data-section="menu">
-      <ProductCardTwo
+              <ProductCardTwo
-      animationType="slide-up"
+                animationType="slide-up"
-      textboxLayout="default"
+                textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+                gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
+                useInvertedBackground={true}
-      products={[
+                products={[
-        {
+                  { id: "1", brand: "Kabob Place", name: "Chicken Plate", price: "$18.50", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables-top-view_2829-19957.jpg" },
-          id: "1",
+                  { id: "2", brand: "Kabob Place", name: "Mixed Sampler", price: "$24.00", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/kebab-set-table_140725-9838.jpg" },
-          brand: "Kabob Place",
+                  { id: "3", brand: "Kabob Place", name: "Hummus Dip", price: "$8.00", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg?_wi=1" },
-          name: "Chicken Plate",
+                  { id: "4", brand: "Kabob Place", name: "Veggie Skewers", price: "$15.00", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-rice-pepper-tomato-side-view_140725-11269.jpg" },
-          price: "$18.50",
+                  { id: "5", brand: "Kabob Place", name: "Kebab Platter", price: "$20.00", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg" },
-          rating: 5,
+                  { id: "6", brand: "Kabob Place", name: "Side Salad", price: "$6.50", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-with-salt-plaid-cloth_141793-10792.jpg" },
-          reviewCount: "12",
+                ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables-top-view_2829-19957.jpg",
+                title="Our Signature Dishes"
-        },
+                description="Discover our most loved Mediterranean specialties, prepared fresh daily."
-        {
+              />
-          id: "2",
+            </div>
-          brand: "Kabob Place",
-          name: "Mixed Sampler",
-          price: "$24.00",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/kebab-set-table_140725-9838.jpg",
-        },
-        {
-          id: "3",
-          brand: "Kabob Place",
-          name: "Hummus Dip",
-          price: "$8.00",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg",
-        },
-        {
-          id: "4",
-          brand: "Kabob Place",
-          name: "Veggie Skewers",
-          price: "$15.00",
-          rating: 4,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-rice-pepper-tomato-side-view_140725-11269.jpg",
-        },
-        {
-          id: "5",
-          brand: "Kabob Place",
-          name: "Kebab Platter",
-          price: "$20.00",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg",
-        },
-        {
-          id: "6",
-          brand: "Kabob Place",
-          name: "Side Salad",
-          price: "$6.50",
-          rating: 5,
-          reviewCount: "7",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-with-salt-plaid-cloth_141793-10792.jpg",
-        },
-      ]}
-      title="Our Signature Dishes"
-      description="Discover our most loved Mediterranean specialties, prepared fresh daily."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+            <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+              <MetricCardTwo
-      animationType="slide-up"
+                animationType="slide-up"
-      textboxLayout="default"
+                textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+                gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+                useInvertedBackground={false}
-      metrics={[
+                metrics={[
-        {
+                  { id: "m1", value: "5.0", description: "Average Rating" },
-          id: "m1",
+                  { id: "m2", value: "17+", description: "Happy Reviews" },
-          value: "5.0",
+                  { id: "m3", value: "Fresh", description: "Ingredients Daily" },
-          description: "Average Rating",
+                ]}
-        },
+                title="Why Choose Us?"
-        {
+                description="Delivering quality and flavor to Turlock."
-          id: "m2",
+              />
-          value: "17+",
+            </div>
-          description: "Happy Reviews",
-        },
-        {
-          id: "m3",
-          value: "Fresh",
-          description: "Ingredients Daily",
-        },
-      ]}
-      title="Why Choose Us?"
-      description="Delivering quality and flavor to Turlock."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+            <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+              <TestimonialCardFifteen
-      useInvertedBackground={true}
+                useInvertedBackground={true}
-      testimonial="The food was well seasoned, fresh and delicious. The portions were generous. We ordered a variety of dishes and they were all tasty. The waiter and owner were kind and prompt with the service!"
+                testimonial="The food was well seasoned, fresh and delicious. The portions were generous. We ordered a variety of dishes and they were all tasty. The waiter and owner were kind and prompt with the service!"
-      rating={5}
+                rating={5}
-      author="Julie Azevedo"
+                author="Julie Azevedo"
-      avatars={[
+                avatars={[
-        {
+                  { src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", alt: "Happy customer" },
-          src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
+                  { src: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg", alt: "Smiling restaurant guest" },
-          alt: "Happy customer",
+                  { src: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg", alt: "Satisfied customer" },
-        },
+                  { src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Happy diner" },
-        {
+                  { src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg", alt: "Young adult enjoying food" },
-          src: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg",
+                ]}
-          alt: "Smiling restaurant guest",
+                ratingAnimation="slide-up"
-        },
+                avatarsAnimation="blur-reveal"
-        {
+              />
-          src: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg",
+            </div>
-          alt: "Satisfied customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
-          alt: "Happy diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg",
-          alt: "Young adult enjoying food",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+            <div id="faq" data-section="faq">
-      <FaqDouble
+              <FaqDouble
-      textboxLayout="default"
+                textboxLayout="default"
-      useInvertedBackground={false}
+                useInvertedBackground={false}
-      faqs={[
+                faqs={[
-        {
+                  { id: "1", title: "Do you offer delivery?", content: "Currently, we offer dine-in and curbside pickup options." },
-          id: "1",
+                  { id: "2", title: "What are your hours?", content: "We open at 11:30 AM every Tuesday. Please call us for full weekly schedule." },
-          title: "Do you offer delivery?",
+                  { id: "3", title: "Where are you located?", content: "We are located at 3821 Crowell Rd, Turlock, CA 95382." },
-          content: "Currently, we offer dine-in and curbside pickup options.",
+                ]}
-        },
+                title="Frequently Asked Questions"
-        {
+                description="Everything you need to know about our restaurant."
-          id: "2",
+                faqsAnimation="blur-reveal"
-          title: "What are your hours?",
+              />
-          content: "We open at 11:30 AM every Tuesday. Please call us for full weekly schedule.",
+            </div>
-        },
-        {
-          id: "3",
-          title: "Where are you located?",
-          content: "We are located at 3821 Crowell Rd, Turlock, CA 95382.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our restaurant."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+            <div id="contact" data-section="contact">
-      <ContactSplit
+              <ContactCenter
-      useInvertedBackground={true}
+                tag="Visit Us"
-      background={{
+                title="Get In Touch"
-        variant: "plain",
+                description="Stop by Kabob Place for an authentic taste of the Mediterranean. Call us for reservations or inquiries."
-      }}
+                background={{ variant: "plain" }}
-      tag="Visit Us"
+                useInvertedBackground={true}
-      title="Get In Touch"
+              />
-      description="Stop by Kabob Place for an authentic taste of the Mediterranean. Call us for reservations or inquiries."
+            </div>
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+            <div id="footer" data-section="footer">
-      <FooterBase
+              <FooterMedia
-      columns={[
+                logoText="Kabob Place"
-        {
+                videoSrc="https://videos.pexels.com/video-files/4055273/4055273-sd_506_960_24fps.mp4"
-          title: "Navigation",
+                copyrightText=""
-          items: [
+                columns={[
-            {
+                  {
-              label: "Menu",
+                    title: "Navigation",                  items: [
-              href: "#menu",
+                      { label: "Menu", href: "#menu" },
-            },
+                      { label: "About", href: "#about" },
-            {
+                      { label: "Reviews", href: "#testimonials" },
-              label: "About",
+                    ],
-              href: "#about",
+                  },
-            },
+                  {
-            {
+                    title: "Location",                  items: [
-              label: "Reviews",
+                      { label: "3821 Crowell Rd, Turlock, CA 95382", href: "#" },
-              href: "#testimonials",
+                      { label: "(209) 416-0403", href: "tel:2094160403" },
-            },
+                    ],
-          ],
+                  },
-        },
+                ]}
-        {
+              />
-          title: "Location",
+            </div>
-          items: [
+          </ReactLenis>
-            {
+        </div>
-              label: "3821 Crowell Rd, Turlock",
+      </div>
-              href: "#",
-            },
-            {
-              label: "(209) 416-0403",
-              href: "tel:2094160403",
-            },
-          ],
-        },
-      ]}
-      logoText="Kabob Place"
-    />
-  </div>
-      </ReactLenis>
     </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);