Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Canvas Restaurant"
     />
@@ -52,117 +44,65 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Culinary Art in the Heart of Addis"
       description="Canvas Restaurant brings you an exquisite fusion experience in Mexico, Addis Ababa. Discover fine dining where every plate is a masterpiece of taste and tradition."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=1",          imageAlt: "Canvas Restaurant Interior"},
-          imageAlt: "Canvas Restaurant Interior",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=1",          imageAlt: "Gourmet Dish 1"},
-          imageAlt: "Gourmet Dish 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=1",          imageAlt: "Gourmet Dish 2"},
-          imageAlt: "Gourmet Dish 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=1",          imageAlt: "Gourmet Dish 3"},
-          imageAlt: "Gourmet Dish 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=1",          imageAlt: "Head Chef"},
-          imageAlt: "Head Chef",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=2",          imageAlt: "Canvas Restaurant Atmosphere"},
-          imageAlt: "Canvas Restaurant Atmosphere",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=3",          imageAlt: "Canvas Restaurant Interior"},
-          imageAlt: "Canvas Restaurant Interior",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=2",          imageAlt: "Gourmet Dish 1"},
-          imageAlt: "Gourmet Dish 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=2",          imageAlt: "Gourmet Dish 2"},
-          imageAlt: "Gourmet Dish 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=2",          imageAlt: "Gourmet Dish 3"},
-          imageAlt: "Gourmet Dish 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=2",          imageAlt: "Head Chef"},
-          imageAlt: "Head Chef",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=4",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=4",          imageAlt: "Canvas Restaurant Atmosphere"},
-          imageAlt: "Canvas Restaurant Atmosphere",
-        },
       ]}
       buttons={[
         {
-          text: "Reserve Table",
+          text: "Reserve Table",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg",
+          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg",          alt: "Guest 1"},
-          alt: "Guest 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg",
+          src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg",          alt: "Guest 2"},
-          alt: "Guest 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
+          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",          alt: "Guest 3"},
-          alt: "Guest 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg",          alt: "Guest 4"},
-          alt: "Guest 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg",
+          src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg",          alt: "Chef"},
-          alt: "Chef",
-        },
       ]}
       avatarText="Loved by 500+ gourmets"
       marqueeItems={[
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg",          alt: "Dish 1"},
-          src: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg",
-          alt: "Dish 1",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg",          alt: "Dish 2"},
-          src: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg",
-          alt: "Dish 2",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg",          alt: "Dish 3"},
-          src: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg",
-          alt: "Dish 3",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg",          alt: "Interior"},
-          src: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg",
-          alt: "Interior",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg",          alt: "Kitchen"},
-          src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg",
-          alt: "Kitchen",
-        },
       ]}
     />
   </div>
@@ -175,17 +115,11 @@ export default function LandingPage() {
       description="Located in Mexico, Addis Ababa, Canvas Restaurant is dedicated to providing an unparalleled dining experience. Our AI-assisted service ensures your comfort from the moment you step in."
       bulletPoints={[
         {
-          title: "Artisan Ingredients",
+          title: "Artisan Ingredients",          description: "Locally sourced, globally inspired produce."},
-          description: "Locally sourced, globally inspired produce.",
-        },
         {
-          title: "Modern Comfort",
+          title: "Modern Comfort",          description: "A sophisticated space designed for deep conversation."},
-          description: "A sophisticated space designed for deep conversation.",
-        },
         {
-          title: "Smart Service",
+          title: "AI Receptionist",          description: "24/7 AI-powered assistance for reservations, table management, and instant culinary inquiries."},
-          description: "Our AI receptionist streamlines your booking and inquiries.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=3"
       mediaAnimation="slide-up"
@@ -200,23 +134,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Canvas Signature Roast",          price: "850 ETB",          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=3"},
-          name: "Canvas Signature Roast",
-          price: "850 ETB",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=3",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mediterranean Fusion Salad",          price: "450 ETB",          imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=3"},
-          name: "Mediterranean Fusion Salad",
-          price: "450 ETB",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=3",
-        },
         {
-          id: "3",
+          id: "3",          name: "Ethiopian Spiced Medallion",          price: "950 ETB",          imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=3"},
-          name: "Ethiopian Spiced Medallion",
-          price: "950 ETB",
-          imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=3",
-        },
       ]}
       title="Signature Menu"
       description="Explore our curated selection of fusion delicacies crafted for the discerning palate."
@@ -230,59 +152,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Abebe G.",          role: "Food Critic",          company: "Local Weekly",          rating: 5,
-          name: "Abebe G.",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=1"},
-          role: "Food Critic",
-          company: "Local Weekly",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sarah M.",          role: "Traveler",          company: "Global Explorers",          rating: 5,
-          name: "Sarah M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg"},
-          role: "Traveler",
-          company: "Global Explorers",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "John D.",          role: "Business Executive",          company: "Tech Corp",          rating: 5,
-          name: "John D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
-          role: "Business Executive",
-          company: "Tech Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Tsehay B.",          role: "Foodie",          company: "Addis Blog",          rating: 5,
-          name: "Tsehay B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg"},
-          role: "Foodie",
-          company: "Addis Blog",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Elena R.",          role: "Local Resident",          company: "Addis Life",          rating: 5,
-          name: "Elena R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=2"},
-          role: "Local Resident",
-          company: "Addis Life",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=2",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9",
+          value: "4.9",          label: "Rating"},
-          label: "Rating",
-        },
         {
-          value: "500+",
+          value: "500+",          label: "Happy Guests"},
-          label: "Happy Guests",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Fresh Ingredients"},
-          label: "Fresh Ingredients",
-        },
       ]}
       title="What Our Guests Say"
       description="Real experiences from those who have savored the Canvas journey."
@@ -293,16 +184,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
+      tag="Connect with AI Receptionist"
-      tag="Visit Us"
+      title="24/7 AI-Assisted Booking"
-      title="Ready to Experience Canvas?"
+      description="Need a table or have a specific inquiry? Our intelligent AI receptionist is ready to assist you instantly, 24/7. No waiting, just seamless service."
-      description="Book your table now with our seamless AI receptionist. We look forward to serving you in the heart of Mexico, Addis Ababa."
       buttons={[
         {
-          text: "Connect with Receptionist",
+          text: "Launch AI Assistant",          href: "#ai-chat"},
-          href: "tel:+251111234567",
+        {
-        },
+          text: "Call Restaurant",          href: "tel:+251111234567"},
       ]}
     />
   </div>
@@ -311,16 +201,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Canvas Restaurant"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Contact Us",
+        text: "AI Receptionist Info",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #f5f5f5;
-  --card: #dad6cd;
+  --card: #ffffff;
-  --foreground: #2a2928;
+  --foreground: #1c1c1c;
-  --primary-cta: #2a2928;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #e2e2e2;
-  --background-accent: #c6b180;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);