Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "breakfast",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "breakfast" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Islamabad Buffia"
     />
@@ -52,65 +40,23 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Taste, Enjoy, Repeat."
-      description="Enjoy traditional Pakistani flavors throughout the day—from hearty Breakfast to rich Dinner."
+      background={{ variant: "gradient-bars" }}
+      title="Islamabad Buffia: Tradition in Every Bite"
+      description="Experience the heart of Pakistani cuisine in Abha. From our iconic morning staples to legendary dinner feasts, we bring home-cooked authenticity to your table."
       buttons={[
-        {
-          text: "View Menu",
-          href: "#breakfast",
-        },
+        { text: "View Menu", href: "#breakfast" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-people-celebrating-eid-al-fitr_23-2151205073.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-with-thumbs-up_23-2148270237.jpg",
-          alt: "Happy diner 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-145210.jpg",
-          alt: "Happy diner 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg",
-          alt: "Happy diner 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-holding-toast-while-enjoying-lunch-with-her-friends-home_637285-5886.jpg",
-          alt: "Happy diner 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-          alt: "Happy diner 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/front-view-man-with-thumbs-up_23-2148270237.jpg", alt: "Happy diner 1" },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-145210.jpg", alt: "Happy diner 2" },
       ]}
-      avatarText="Join 10,000+ satisfied diners"
+      avatarText="Trusted by thousands of families in Abha"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic Pakistani Spices",
-        },
-        {
-          type: "text-icon",
-          text: "Daily Buffet",
-          icon: Utensils,
-        },
-        {
-          type: "text",
-          text: "Fresh Ingredients",
-        },
-        {
-          type: "text-icon",
-          text: "Family Friendly",
-          icon: Users,
-        },
-        {
-          type: "text",
-          text: "Traditional Recipes",
-        },
+        { type: "text", text: "100% Authentic Spices" },
+        { type: "text-icon", text: "Daily Fresh Buffet", icon: Utensils },
+        { type: "text", text: "Family Owned Tradition" },
       ]}
     />
   </div>
@@ -118,23 +64,11 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={true}
-      title="Authentic Flavors"
+      title="Tradition in Every Bite"
       metrics={[
-        {
-          icon: Utensils,
-          label: "Daily Dishes",
-          value: "20+",
-        },
-        {
-          icon: Clock,
-          label: "Hours",
-          value: "12",
-        },
-        {
-          icon: MapPin,
-          label: "Locations",
-          value: "Abha",
-        },
+        { icon: Utensils, label: "Daily Dishes", value: "30+" },
+        { icon: Clock, label: "Authentic Since", value: "1995" },
+        { icon: MapPin, label: "Abha Landmark", value: "Hy Al Mozifeen" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -147,45 +81,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "b1",
-          name: "Channay",
-          price: "Served Daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-board-with-fried-eggs-sausage-pancakes_114579-71890.jpg",
-        },
-        {
-          id: "b2",
-          name: "Payee",
-          price: "Served Daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-egg-bread-fresh-off-oven-with-milk-wooden-floor-dough-bake-bread-bun-egg_140725-74805.jpg",
-        },
-        {
-          id: "b3",
-          name: "Nihari",
-          price: "Served Daily",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133967.jpg",
-        },
-        {
-          id: "b4",
-          name: "Anda Parata",
-          price: "Freshly Made",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg",
-        },
-        {
-          id: "b5",
-          name: "Halwa",
-          price: "Traditional",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893449.jpg",
-        },
-        {
-          id: "b6",
-          name: "Chaye Haleeb",
-          price: "Milk Tea",
-          imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg",
-        },
+        { id: "b1", name: "Desi Halwa Puri", price: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-board-with-fried-eggs-sausage-pancakes_114579-71890.jpg" },
+        { id: "b2", name: "Special Nihari", price: "Slow Cooked", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133967.jpg" },
+        { id: "b3", name: "Anda Paratha", price: "Hot & Crispy", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg" },
       ]}
       title="Breakfast Selection"
-      description="Start your day with the finest traditional Pakistani morning staples."
+      description="Authentic Pakistani morning flavors, crafted with care."
     />
   </div>
 
@@ -196,45 +97,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "l1",
-          name: "Chicken Karahi",
-          price: "Rich & Spicy",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-potatoes-greens-dark-desk_140725-76932.jpg",
-        },
-        {
-          id: "l2",
-          name: "Mutton Qorma",
-          price: "Chef Specialty",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-bell-peppers-with-ground-meat-different-seasonings-grey-surface-meal-dolma-food-vegetables-beef-meat_140725-74278.jpg",
-        },
-        {
-          id: "l3",
-          name: "Chicken Biryani",
-          price: "Aromatic",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pakistan-dish-composition_23-2148821522.jpg",
-        },
-        {
-          id: "l4",
-          name: "Beef Palao",
-          price: "Hearty Meal",
-          imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg",
-        },
-        {
-          id: "l5",
-          name: "Haleem",
-          price: "Slow Cooked",
-          imageSrc: "http://img.b2bpic.net/free-photo/dry-spices-near-rice-dish_23-2147894748.jpg",
-        },
-        {
-          id: "l6",
-          name: "Daal Maash",
-          price: "Vegetarian",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-vegetables-seasonings-grey-background-salad-soup-meal-food-dinner_140725-80723.jpg",
-        },
+        { id: "l1", name: "Chicken Karahi", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-potatoes-greens-dark-desk_140725-76932.jpg" },
+        { id: "l2", name: "Royal Mutton Qorma", price: "Chef Specialty", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-bell-peppers-with-ground-meat-different-seasonings-grey-surface-meal-dolma-food-vegetables-beef-meat_140725-74278.jpg" },
+        { id: "l3", name: "Dum Biryani", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pakistan-dish-composition_23-2148821522.jpg" },
       ]}
-      title="Lunch & Dinner Selection"
-      description="Rich, aromatic, and deeply flavorful traditional heart meals."
+      title="Main Course Feasts"
+      description="Hearty dinners prepared with our secret family spice blends."
     />
   </div>
 
@@ -245,45 +113,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "s1",
-          name: "Gulaab Jamun",
-          price: "Traditional",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-green-cream-dark-wall-cookies-biscuit-sweet-sugar-pie-cake_140725-53258.jpg",
-        },
-        {
-          id: "s2",
-          name: "Julabi",
-          price: "Fresh Fried",
-          imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg",
-        },
-        {
-          id: "s3",
-          name: "Barfi",
-          price: "Milk Sweet",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg",
-        },
-        {
-          id: "s4",
-          name: "Ras Gulla",
-          price: "Soft & Sweet",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-plates-full-delicious-gingerbread-red-sweet-candies-white-surface_114579-67197.jpg",
-        },
-        {
-          id: "s5",
-          name: "Halwa",
-          price: "Hot",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-wooden-board-three-sweet-fresh-cupcakes_114579-32051.jpg",
-        },
-        {
-          id: "s6",
-          name: "Milk Barfi",
-          price: "Traditional",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-cakes-with-candies-cookies-inside-plate-white-surface-sweet-bake-cake-biscuit-tea-pie-cookie_140725-64970.jpg",
-        },
+        { id: "s1", name: "Gulaab Jamun", price: "Warm", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-green-cream-dark-wall-cookies-biscuit-sweet-sugar-pie-cake_140725-53258.jpg" },
+        { id: "s2", name: "Fresh Jalebi", price: "Crispy", imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg" },
+        { id: "s3", name: "Classic Barfi", price: "Rich", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg" },
       ]}
       title="Traditional Sweets"
-      description="End your meal on a sweet, memorable note."
+      description="The perfect end to your meal with our authentic desi desserts."
     />
   </div>
 
@@ -293,78 +128,26 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Ahmed Ali",
-          role: "Foodie",
-          company: "Local Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
-        },
-        {
-          id: "2",
-          name: "Sara Khan",
-          role: "Frequent Diner",
-          company: "Local Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg",
-        },
-        {
-          id: "3",
-          name: "Omar Farooq",
-          role: "Regular",
-          company: "Local Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-yellow-heart-shape-green_140725-30375.jpg",
-        },
-        {
-          id: "4",
-          name: "Fatima Zahra",
-          role: "Family Head",
-          company: "Local Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-seaweed-snacks_23-2150872525.jpg",
-        },
-        {
-          id: "5",
-          name: "Khalid Mehmood",
-          role: "Visitor",
-          company: "Local Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10399.jpg",
-        },
+        { id: "1", name: "Ahmed Ali", role: "Regular Patron", company: "Abha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
+        { id: "2", name: "Sara Khan", role: "Food Critic", company: "Abha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "100%",
-          label: "Traditional Recipes",
-        },
-        {
-          value: "10k+",
-          label: "Happy Diners",
-        },
-        {
-          value: "5/5",
-          label: "Customer Rating",
-        },
+        { value: "100%", label: "Authentic Spices" },
+        { value: "25K+", label: "Meals Served" },
+        { value: "5/5", label: "Customer Love" },
       ]}
-      title="What Our Diners Say"
-      description="Authentic flavors that keep our customers coming back."
+      title="Loved by Our Community"
+      description="Discover why Islamabad Buffia is a household name for traditional dining in Abha."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Visit us in Abha at Hy Al mozifeen. Call us at 0557187046 for reservations or inquiries."
+      background={{ variant: "rotated-rays-static" }}
+      text="Visit Islamabad Buffia in Hy Al Mozifeen, Abha. Experience the authentic taste of tradition. For group bookings and reservations, call us at 0557187046."
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:0557187046",
-        },
+        { text: "Call to Reserve", href: "tel:0557187046" },
       ]}
     />
   </div>
@@ -372,34 +155,15 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Breakfast",
-              href: "#breakfast",
-            },
-            {
-              label: "Lunch & Dinner",
-              href: "#dinner",
-            },
-            {
-              label: "Desserts",
-              href: "#sweets",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Call Us: 0557187046",
-              href: "tel:0557187046",
-            },
-            {
-              label: "Abha, Hy Al mozifeen",
-              href: "#",
-            },
-          ],
-        },
+        { items: [
+          { label: "Breakfast Menu", href: "#breakfast" },
+          { label: "Dinner Menu", href: "#dinner" },
+          { label: "Traditional Sweets", href: "#sweets" }
+        ]},
+        { items: [
+          { label: "Hy Al Mozifeen, Abha" },
+          { label: "Phone: 0557187046", href: "tel:0557187046" }
+        ]}
       ]}
       logoText="Islamabad Buffia"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120006e6;
-  --accent: #0a7039;
-  --background-accent: #f09199;
+  --accent: #e63946;
+  --background-accent: #a8d9be;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);