Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { ShoppingBag, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,16 +28,11 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
             navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+              { name: "Home", id: "hero" },
+              { name: "Luxury Experience", id: "about" },
+              { name: "Lookbook", id: "menu" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Newsletter", id: "contact" },
             ]}
             brandName="Taste n Health"
             button={{ text: "Order Now", href: "#menu" }}
@@ -49,228 +40,82 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain"}}
-      title="Fresh, Tasty Food LightningFast Delivery"
-      description="Loved by 305 Karachi customers. Quality ingredients, hygienic preparation, and service until 2 AM—order now and taste the difference."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1862.jpg",          imageAlt: "fresh gourmet fast food photography"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg",          imageAlt: "fresh pizza fast food delivery box"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-menu-arrangement_23-2148614040.jpg",          imageAlt: "fresh ingredients salad healthy meal"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-cutting-burger-with-egg_23-2148678847.jpg",          imageAlt: "Front view man cutting burger with egg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-burger-cut-half_23-2148678849.jpg",          imageAlt: "High angle man holding burger cut in half"},
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburgers-wooden-table_23-2148374946.jpg",          imageAlt: "fresh ingredients salad healthy meal"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-strained-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-asking-signature-while-standing-with-stack-pizza-boxes-isolated-orange-background_141793-20236.jpg",          imageAlt: "fresh pizza fast food delivery box"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-plate-chicken-meat-with-vegetables_114579-66219.jpg",          imageAlt: "fresh gourmet fast food photography"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg",          imageAlt: "A young woman eating burger in street cafe close up"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-grilled-beef-burger-cutting-board_7502-9885.jpg",          imageAlt: "Tasty grilled beef burger on cutting board"},
-      ]}
-      buttons={[
-        {
-          text: "Order Online Now",          href: "#menu"},
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-cafe-having-lunch-talking-phone_1303-14745.jpg",          alt: "Woman in a cafe"},
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-talking-her-long-distance-lover_23-2149289491.jpg",          alt: "Woman talking"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",          alt: "Happy woman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg",          alt: "Elegant woman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-eating-french-fries-burger-restaurant_169016-21816.jpg",          alt: "Attractive young woman"},
-      ]}
-      avatarText="Join our 10,000+ happy customers"
-      marqueeItems={[
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/flat-lay-creative-assortment-with-hamburger-menu_23-2148614124.jpg",          alt: "hamburger menu"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-classic-burger-with-tomato-slices-dip_23-2148290704.jpg",          alt: "classic burger"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/burger_1339-1570.jpg",          alt: "burger"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/high-angle-assortment-with-chicken-nuggets-juice-cup_23-2148314182.jpg",          alt: "chicken nuggets"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/vegan-food-cutting-boards-white-wooden-table_23-2148305742.jpg",          alt: "vegan food"},
+          <HeroBillboardRotatedCarousel
+            title="Experience Premium Culinary Art"
+            description="Savor the pinnacle of hygiene and flavor in every bite. Crafted for the discerning palate of Karachi."
+            background={{ variant: "plain" }}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1862.jpg" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-menu-arrangement_23-2148614040.jpg" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-cutting-burger-with-egg_23-2148678847.jpg" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-burger-cut-half_23-2148678849.jpg" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/tasty-grilled-beef-burger-cutting-board_7502-9885.jpg" }
             ]}
+            buttons={[{ text: "Discover Experience", href: "#about" }]}
           />
         </div>
 
         <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+            <MetricSplitMediaAbout
+                title="Our Brand Story"
+                description="Founded on the principles of culinary perfection and transparency, Taste n Health redefines fast-casual dining for a modern, health-conscious generation."
+                metrics={[{ value: "10k+", title: "Customers" }, { value: "50k+", title: "Meals Served" }]}
                 useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",          content: "Our Commitment to Quality & Hygiene"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-tomato-lettuce-human-hand-table_176474-3026.jpg",          alt: "modern hygienic restaurant kitchen setting"},
-      ]}
+                imageSrc="http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-tomato-lettuce-human-hand-table_176474-3026.jpg"
             />
         </div>
 
         <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",          name: "Classic Beef Burger",          price: "Rs. 450",          variant: "Meat",          imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-cheddar-lettuces-onion_140725-5718.jpg"},
-        {
-          id: "p2",          name: "Crispy Fried Chicken",          price: "Rs. 350",          variant: "Chicken",          imageSrc: "http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg"},
-        {
-          id: "p3",          name: "Fresh Garden Salad",          price: "Rs. 250",          variant: "Vegetarian",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-getting-food_53876-20786.jpg"},
-        {
-          id: "p4",          name: "Margherita Pizza",          price: "Rs. 650",          variant: "Pizza",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg"},
-        {
-          id: "p5",          name: "Berry Lemonade",          price: "Rs. 150",          variant: "Drink",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-jar-lemon-juice-citrus-fruits-around-blue-surface_141793-1566.jpg"},
-        {
-          id: "p6",          name: "Classic Fries",          price: "Rs. 180",          variant: "Side",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-table_114579-9260.jpg"},
-      ]}
-      title="Our Menu"
-      description="Quick, delicious, and made fresh for you."
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
+            <ProductCardOne
+                title="Lookbook Gallery"
+                description="A curated selection of our signature preparations, presented in their finest form."
+                gridVariant="one-large-right-three-stacked-left"
                 animationType="slide-up"
                 textboxLayout="default"
                 useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",          label: "Quality",          title: "Fresh Ingredients",          items: [
-            "Sourced daily",            "No preservatives",            "Local produce"],
-        },
-        {
-          id: "f2",          label: "Hygiene",          title: "Sanitary Kitchens",          items: [
-            "Rigorous cleaning",            "Staff training",            "Safety first"],
-        },
-        {
-          id: "f3",          label: "Delivery",          title: "Fast Shipping",          items: [
-            "2 AM service",            "Real-time tracking",            "Reliable couriers"],
-        },
+                products={[
+                    { id: "p1", name: "Signature Beef", price: "Rs. 450", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-cheddar-lettuces-onion_140725-5718.jpg" },
+                    { id: "p2", name: "Crispy Chicken", price: "Rs. 350", imageSrc: "http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg" },
+                    { id: "p3", name: "Garden Salad", price: "Rs. 250", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-getting-food_53876-20786.jpg" },
+                    { id: "p4", name: "Margherita Pizza", price: "Rs. 650", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg" }
                 ]}
-      title="Why Choose Taste n Health?"
-      description="We ensure every meal meets our strict hygiene and quality standards."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",          title: "Happy Customers",          value: "10,000+",          icon: Users,
-        },
-        {
-          id: "m2",          title: "Meals Delivered",          value: "50,000+",          icon: ShoppingBag,
-        },
-        {
-          id: "m3",          title: "Rating",          value: "4.8",          icon: Star,
-        },
-      ]}
-      title="Serving Karachi Daily"
-      description="Our numbers reflect our dedication to your satisfaction."
             />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The best food in Karachi! Always fresh, fast, and exactly what I need after a long work day."
-      rating={5}
-      author="Sarah Khan"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg",          alt: "happy customer eating burger restaurant"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",          alt: "happy customer eating burger restaurant"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-lunch-fast-food-restaurant-with-young-boy-eating-burgers-fries_496169-1285.jpg",          alt: "happy customer eating burger restaurant"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-friends-having-burger-together_23-2148718856.jpg",          alt: "happy customer eating burger restaurant"},
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",          alt: "happy customer eating burger restaurant"},
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
+            <TestimonialCardSix
+                title="Client Testimonials"
+                description="What our community has to say about their experience with us."
+                animationType="blur-reveal"
                 textboxLayout="default"
                 useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",          title: "What are your delivery hours?",          content: "We deliver until 2 AM every day."},
-        {
-          id: "q2",          title: "Do you offer dine-in?",          content: "Yes, come visit our outlet anytime."},
-        {
-          id: "q3",          title: "Is your food halal?",          content: "Absolutely, 100% Halal certified ingredients."},
+                testimonials={[
+                    { id: "t1", name: "Sarah Khan", handle: "@sarahk", testimonial: "An absolute masterclass in fast-casual dining. The quality is unmatched in Karachi." },
+                    { id: "t2", name: "Ali Raza", handle: "@aliraza", testimonial: "Sophisticated flavor profiles and impeccable delivery speed. Highly recommended." }
                 ]}
-      title="Frequently Asked Questions"
-      description="Need help? Find answers here."
-      faqsAnimation="slide-up"
             />
         </div>
 
         <div id="contact" data-section="contact">
-      <ContactSplit
+            <ContactSplitForm
+                title="Join Our Inner Circle"
+                description="Sign up for our newsletter to receive exclusive menu previews and VIP member-only offers."
+                inputs={[
+                  { name: "email", type: "email", placeholder: "Enter your professional email", required: true },
+                  { name: "name", type: "text", placeholder: "Enter your name", required: true }
+                ]}
+                buttonText="Subscribe"
                 useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Order Now"
-      title="Get Fresh Food Delivered"
-      description="Enter your email to receive our latest deals and tracking updates."
-      imageSrc="http://img.b2bpic.net/free-photo/cool-motorcycle-outdoors_23-2150849557.jpg"
-      mediaAnimation="slide-up"
             />
         </div>
 
         <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
+          <FooterLogoEmphasis
             logoText="Taste n Health"
             columns={[
-        {
-          title: "Quick Links",          items: [
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQs",              href: "#faq"},
-            {
-              label: "Tracking",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
+              { items: [{ label: "About Us", href: "#about" }, { label: "Gallery", href: "#menu" }] },
+              { items: [{ label: "Contact", href: "#contact" }, { label: "Legal", href: "#" }] }
             ]}
           />
         </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
+  --background: #fffafa;
+  --card: #ffffff;
+  --foreground: #1a0000;
   --primary-cta: #e63946;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --primary-cta-text: #fffafa;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1a0000;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);