Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { MessageCircle, Utensils } from "lucide-react";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import { MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,29 +41,41 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroBillboardGallery
-            background={{ variant: "sparkles-gradient"}}
+            background={{ variant: "sparkles-gradient" }}
             title="Unique Food Choice"
             description="Experience the authentic taste of Karachi at our premium dining destination. Where tradition meets modern flavor."
-            buttons={[{ text: "Order Now", href: "#menu" }]}
+            buttons={[{ text: "Order Now", href: "#gallery" }]}
             mediaItems={[
               { videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4", videoAriaLabel: "Kitchen Showcase" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg", imageAlt: "Traditional Cuisine" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg?_wi=1", imageAlt: "Traditional Cuisine" },
               { imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg?_wi=1", imageAlt: "Delicious BBQ" }
             ]}
             mediaAnimation="blur-reveal"
           />
         </div>
+        
+        <div id="collections" data-section="collections">
+            <ProductCardTwo
+                title="Featured Collections"
+                description="Curated selections of our finest dishes."
+                gridVariant="three-columns-all-equal-width"
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                products={[
+                    { id: "1", brand: "BBQ", name: "Signature Tikka", price: "$15", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg" },
+                    { id: "2", brand: "Main", name: "Special Karahi", price: "$25", rating: 4, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg?_wi=2" },
+                    { id: "3", brand: "Starters", name: "Crispy Fries", price: "$8", rating: 5, reviewCount: "(200)", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg?_wi=1" }
+                ]}
+            />
+        </div>
 
         <div id="about" data-section="about">
-          <TestimonialAboutCard
-            useInvertedBackground={false}
-            tag="Our Brand Story"
-            title="Authentic Taste, Affordable Prices"
+          <MediaAbout
+            title="Our Brand Story"
             description="At Unique Food Choice, we pride ourselves on serving high-quality Pakistani cuisine crafted from the finest ingredients. Our mission is to provide an unforgettable culinary experience."
-            subdescription="Located in the heart of Aziz Nagar, we strive to maintain the perfect balance of quality and value for our community."
             imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
-            mediaAnimation="slide-up"
-            icon={Utensils}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -72,8 +85,8 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             testimonials={[
-              { id: "1", name: "Ahmed K.", handle: "@ahmed", testimonial: "Good food in economical prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg?_wi=1" },
-              { id: "2", name: "Sara M.", handle: "@sara", testimonial: "The best Balochi Tikka in town!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue-outdoors_23-2148733608.jpg?_wi=1" }
+              { id: "1", name: "Ahmed K.", handle: "@ahmed", testimonial: "Good food in economical prices.", rating: 5 },
+              { id: "2", name: "Sara M.", handle: "@sara", testimonial: "The best Balochi Tikka in town!", rating: 5 }
             ]}
             showRating={true}
             title="Customer Testimonials"
@@ -92,44 +105,37 @@ export default function LandingPage() {
                 title: "Our Kitchen", 
                 description: "See how we prepare your meals.", 
                 items: [
-                    { imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg" }, 
+                    { imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg?_wi=2" }, 
                     { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-soup-with-different-seasonings-grey-floor-soup-meal-food-meat-seasoning-spicy_140725-80760.jpg" },
                     { imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg?_wi=2" }
                 ] 
-              },
-              { 
-                bentoComponent: "media-stack", 
-                title: "Our Dining", 
-                description: "Experience our atmosphere.", 
-                items: [
-                    { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=2" },
-                    { imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue-outdoors_23-2148733608.jpg?_wi=2" },
-                    { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg?_wi=2" }
-                ] 
               }
             ]}
-            title="Video Showcase"
-            description="Highlights of our restaurant."
+            title="Video Reels Showcase"
+            description="Highlights of our restaurant culinary art."
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
-            useInvertedBackground={true}
-            background={{ variant: "plain" }}
-            tag="Get In Touch"
+          <ContactCTA
+            tag="Join Us"
             title="Contact Information"
-            description="Visit us at 1k Stop, Block M, Aziz Nagar, Karachi. Follow our social links below or call us for reservations."
+            description="Visit us at 1k Stop, Block M, Aziz Nagar, Karachi. We are here to serve you the best."
+            buttons={[{ text: "Call Us Now", href: "tel:+923049529287" }]}
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
-            columns={[
-              { items: [{ label: "Social Links:" }, { label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
-              { items: [{ label: "Newsletter" }, { label: "Subscribe for updates" }, { label: "(Form placeholder)" }] }
-            ]}
+          <FooterMedia
             logoText="Unique Food Choice"
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
+            columns={[
+              { title: "Menu", items: [{ label: "Tikka", href: "#" }, { label: "Karahi", href: "#" }] },
+              { title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
+            ]}
           />
         </div>
         
@@ -139,4 +145,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
-  --card: #f7f2ea;
-  --foreground: #000000;
-  --primary-cta: #000000;
+  --background: #fcf6ec;
+  --card: #f3ede2;
+  --foreground: #2e2521;
+  --primary-cta: #2e2521;
   --primary-cta-text: #080200;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #ffe6d5;
-  --accent: #ffffff;
-  --background-accent: #e1b875;
+  --accent: #b2a28b;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);