Update src/app/page.tsx

Merge version_5 into main

src/app/contact/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -25,76 +24,31 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Shop", id: "/shop" },
-          id: "/",
+        { name: "About", id: "/about" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="DOCLCINI"
     />
   </div>
 
   <div id="contact-info" data-section="contact-info">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Visit Us"
-      title="We are located in Al-Dajeej"
+      title="DOCLCINI CAFE"
-      description="Connect with our café team today."
+      description="7X77+2HP Homz Mall, Street -79, Al-Dajeej 85000. Our cafe offers a luxury environment for your coffee and pastry experience. We take pride in our artisan blends and hand-crafted sweets. Customer satisfaction is our top priority, and we invite you to experience the finest hospitality in Kuwait."
-    />
+      imageSrc="http://img.b2bpic.net/free-photo/stylish-businesswoman-with-laptop-cosy-coffee-shop_23-2147989647.jpg"
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Connect With Us"
-      description="We are available for private events and catering."
-      metrics={[
-        {
-          id: "c1",
-          value: "24/7",
-          title: "Support",
-          description: "Always here to help",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-with-laptop-cosy-coffee-shop_23-2147989647.jpg",
-        },
-        {
-          id: "c2",
-          value: "10 min",
-          title: "Response",
-          description: "Swift booking process",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-talking-phone_158595-1007.jpg",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="DOCLCINI"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "Terms of Service", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Shop",
+          name: "Shop",          id: "/shop"},
-          id: "/shop",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="DOCLCINI"
     />
@@ -52,19 +44,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Luxury Coffee & Arabic Sweets Experience in Kuwait"
       description="Discover a premium sanctuary of refined taste, artisanal coffee, and exquisite desserts in the heart of Al-Dajeej."
       buttons={[
         {
-          text: "Order Now",
+          text: "Order Now",          href: "/shop"},
-          href: "/shop",
-        },
         {
-          text: "Visit Café",
+          text: "Visit Café",          href: "/contact"},
-          href: "/contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg"
       imageAlt="Doclcini Luxury Cafe Interior"
@@ -79,44 +66,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Signature Specialty Coffee",          price: "KWD 2.500",          imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-2892.jpg"},
-          name: "Signature Specialty Coffee",
-          price: "KWD 2.500",
-          imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-2892.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Saffron Arabic Sweets",          price: "KWD 4.000",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sweets-coffee-cup_23-2149192022.jpg"},
-          name: "Saffron Arabic Sweets",
-          price: "KWD 4.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sweets-coffee-cup_23-2149192022.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Artisanal Pistachio Tart",          price: "KWD 3.500",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg"},
-          name: "Artisanal Pistachio Tart",
-          price: "KWD 3.500",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Rose Petal Latte",          price: "KWD 2.800",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-with-edible-flowers_23-2151973722.jpg"},
-          name: "Rose Petal Latte",
-          price: "KWD 2.800",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-with-edible-flowers_23-2151973722.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Traditional Baklava Box",          price: "KWD 6.500",          imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg"},
-          name: "Traditional Baklava Box",
-          price: "KWD 6.500",
-          imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg",
-        },
         {
-          id: "6",
+          id: "6",          name: "Premium Butter Croissant",          price: "KWD 1.800",          imageSrc: "http://img.b2bpic.net/free-photo/donuts-with-various-topping_140725-6130.jpg"},
-          name: "Premium Butter Croissant",
-          price: "KWD 1.800",
-          imageSrc: "http://img.b2bpic.net/free-photo/donuts-with-various-topping_140725-6130.jpg",
-        },
       ]}
       title="Our Best Sellers"
-      description="Indulge in our curated selection of specialty coffees and premium treats."
+      description="Freshly roasted blends paired with handcrafted, authentic Arabic desserts."
     />
   </div>
 
@@ -128,25 +91,15 @@ export default function LandingPage() {
       author="Sarah Al-Enezi"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg",          alt: "Sarah"},
-          alt: "Sarah",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",          alt: "Ahmed"},
-          alt: "Ahmed",
-        },
         {
-          src: "http://img.b2bpic.net/free-vector/flat-boho-pattern-design_23-2149052790.jpg",
+          src: "http://img.b2bpic.net/free-vector/flat-boho-pattern-design_23-2149052790.jpg",          alt: "Fatima"},
-          alt: "Fatima",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-5185.jpg",
+          src: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-5185.jpg",          alt: "Omar"},
-          alt: "Omar",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
+          src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",          alt: "Noor"},
-          alt: "Noor",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -160,12 +113,7 @@ export default function LandingPage() {
       title="Recognized Excellence"
       description="Trusted and featured by culinary leaders across the region."
       names={[
-        "Gulf Food News",
+        "Gulf Food News",        "Kuwait Taste Awards",        "Artisan Coffee Weekly",        "Middle East Dining",        "Luxury Lifestyle Mag"]}
-        "Kuwait Taste Awards",
-        "Artisan Coffee Weekly",
-        "Middle East Dining",
-        "Luxury Lifestyle Mag",
-      ]}
     />
   </div>
 
@@ -178,40 +126,15 @@ export default function LandingPage() {
       description="We blend precision with passion in every cup and creation."
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "5k+",          title: "Happy Guests",          description: "Serving the finest community",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg?_wi=1"},
-          value: "5k+",
-          title: "Happy Guests",
-          description: "Serving the finest community",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg?_wi=1",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "45+",          title: "Unique Blends",          description: "Sourced from high-altitude farms",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg"},
-          value: "45+",
-          title: "Unique Blends",
-          description: "Sourced from high-altitude farms",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "24",          title: "Pastry Chefs",          description: "Masters of traditional sweets",          imageSrc: "http://img.b2bpic.net/free-photo/muffins-with-cocoa-cream-wooden-board-with-rollcake-slices_114579-16671.jpg"},
-          value: "24",
-          title: "Pastry Chefs",
-          description: "Masters of traditional sweets",
-          imageSrc: "http://img.b2bpic.net/free-photo/muffins-with-cocoa-cream-wooden-board-with-rollcake-slices_114579-16671.jpg",
-        },
         {
-          id: "m4",
+          id: "m4",          value: "100%",          title: "Organic Ingredients",          description: "Only the best for our patrons",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-dessert-pakhlava-with-almonds_140725-4059.jpg"},
-          value: "100%",
-          title: "Organic Ingredients",
-          description: "Only the best for our patrons",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-dessert-pakhlava-with-almonds_140725-4059.jpg",
-        },
         {
-          id: "m5",
+          id: "m5",          value: "99",          title: "Quality Score",          description: "Consistently rated top-tier",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg"},
-          value: "99",
-          title: "Quality Score",
-          description: "Consistently rated top-tier",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg",
-        },
       ]}
     />
   </div>
@@ -220,13 +143,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="DOCLCINI"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Terms of Service",
+        text: "Terms of Service",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfaf7;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #2b180a;
+  --foreground: #1c1c1c;
-  --primary-cta: #8b5a2b;
+  --primary-cta: #1c1c1c;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #2b180a;
+  --secondary-cta-text: #1c1c1c;
-  --accent: #d4c5b9;
+  --accent: #e63946;
-  --background-accent: #e6dcd3;
+  --background-accent: #e8bea8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);