Update src/app/styles/variables.css

src/app/page.tsx

@@ -2,16 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
   return (
@@ -25,279 +24,109 @@ export default function LandingPage() {
         cardStyle="gradient-bordered"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "products" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Rosepark"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroCarouselLogo
-      background={{
+      logoText="Rosepark"
-        variant: "radial-gradient",
+      description="Sophisticated culinary artistry in the heart of Baku."
-      }}
+      buttons={[{ text: "Discover Menu", href: "#products" }]}
-      title="Refining Baku's Dining Experience"
+      slides={[
-      description="Rosepark offers an unforgettable journey through flavors, blending local culinary traditions with modern gourmet sophistication in the heart of Baku."
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-hall-interior_23-2149171221.jpg", imageAlt: "Elegant dining interior" },
-      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-dish-presentation_23-2149171240.jpg", imageAlt: "Gourmet plating" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157821.jpg",
-          imageAlt: "luxury restaurant interior Baku",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
-          imageAlt: "Close-up of round table served for two for Christms dinner. Silver candle decorated with natural fir branches, two flutes, pairs of plates with decorative handmade Christmas trees.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",
-          imageAlt: "Top view table arrangement with plant",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157826.jpg",
-          imageAlt: "Top view of dining tables without food",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg",
-          imageAlt: "Top view wedding table arrangement",
-        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <MetricSplitMediaAbout
-      useInvertedBackground={false}
+      title="Our Culinary Vision"
-      title="Welcome to Rosepark"
+      description="Rosepark redefines the dining scene in Baku through seasonal local ingredients and contemporary global techniques, served in an atmosphere of refined elegance."
-      buttons={[
+      metrics={[
-        {
+        { value: "15+", title: "Years Excellence" },
-          text: "Reserve Now",
+        { value: "500+", title: "Unique Recipes" },
-          href: "#contact",
+        { value: "10k+", title: "Happy Diners" }
-        },
       ]}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-gourmet-food_23-2149171255.jpg"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardTwo
+      title="Chef's Signature Menu"
+      description="A carefully curated selection of our finest dishes, blending traditional Azerbaijani heritage with modern innovation."
+      gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", brand: "Signature", name: "Black Sea Bass", price: "45 AZN", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-dish_23-2149171260.jpg" },
-          id: "p1",
+        { id: "2", brand: "Local", name: "Saffron Risotto", price: "38 AZN", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/saffron-risotto-dish_23-2149171270.jpg" },
-          name: "Grilled Black Sea Bass",
+        { id: "3", brand: "Traditional", name: "Spiced Lamb Kofta", price: "32 AZN", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lamb-kofta-dish_23-2149171280.jpg" }
-          price: "45 AZN",
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg",
-        },
-        {
-          id: "p2",
-          name: "Saffron Risotto",
-          price: "38 AZN",
-          imageSrc: "http://img.b2bpic.net/free-photo/sweet-flavor-icecream-chocolate-ice_1203-4352.jpg",
-        },
-        {
-          id: "p3",
-          name: "Garden Fresh Pomegranate Salad",
-          price: "22 AZN",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-roll-green-beans-served-white-plate_1304-4653.jpg",
-        },
-        {
-          id: "p4",
-          name: "Artisan Chocolate Mousse",
-          price: "18 AZN",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-various-biscuits-soft-cake-cup-tea-flowers-chocolate-bars_140725-86447.jpg",
-        },
-        {
-          id: "p5",
-          name: "Handmade Truffle Pasta",
-          price: "42 AZN",
-          imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-bolognese-with-parmesane-cheese_140725-7448.jpg",
-        },
-        {
-          id: "p6",
-          name: "Spiced Lamb Kofta",
-          price: "32 AZN",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-piti-clay-pot-with-olives-onion-pomegranate-copper-tray_176474-3431.jpg",
-        },
       ]}
-      title="Culinary Delights"
-      description="Discover our signature dishes, meticulously prepared with seasonal local ingredients."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years of experience",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Unique recipes developed",
-        },
-        {
-          id: "m3",
-          value: "10k+",
-          description: "Happy diners served",
-        },
-      ]}
-      title="Our Legacy"
-      description="Growing passion for excellence since our doors first opened in Baku."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardFive
-      useInvertedBackground={true}
+      title="Guest Experiences"
-      testimonial="An absolutely wonderful experience. The fusion of local tradition with modern culinary techniques is truly outstanding."
+      description="What our patrons say about their Rosepark journey."
-      rating={5}
+      textboxLayout="split"
-      author="Leila Aliyeva"
+      testimonials={[
-      avatars={[
+        { id: "1", name: "Leila A.", date: "Oct 2024", title: "Exceptional", quote: "A truly refined experience in Baku.", tag: "Dining", avatarSrc: "https://i.pravatar.cc/150?u=1" }
-        {
-          src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
-          alt: "happy diner portrait restaurant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517403.jpg",
-          alt: "refined customer restaurant interior",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg",
-          alt: "happy family restaurant dining",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-woman-hugging-man-table-with-plates-glasses_23-2148024507.jpg",
-          alt: "elegant patron portrait restaurant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
-          alt: "smiling diner casual luxury",
-        },
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
-      textboxLayout="split"
+      title="Recognized Excellence"
-      useInvertedBackground={false}
+      names={["Baku Food Guide", "Global Gastronomy", "Fine Dining Review"]}
-      names={[
-        "Baku Food Network",
-        "Global Gastronomy",
-        "Premium Wines",
-        "Local Farms Co",
-        "Baku Lifestyle Guide",
-        "Elite Dining Awards",
-        "Hospitality Excellence",
-      ]}
-      title="Trusted Partners"
-      description="Proudly collaborating with the finest names in gastronomy."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
-      useInvertedBackground={true}
+      title="Information"
       faqs={[
-        {
+        { id: "1", title: "Do you take reservations?", content: "Yes, we recommend booking online." },
-          id: "f1",
+        { id: "2", title: "Do you offer valet parking?", content: "Yes, valet service is provided." }
-          title: "Do you accept reservations?",
-          content: "Yes, we highly recommend booking in advance through our website.",
-        },
-        {
-          id: "f2",
-          title: "Are there vegetarian options?",
-          content: "Absolutely, we have a diverse menu catering to all dietary preferences.",
-        },
-        {
-          id: "f3",
-          title: "Is parking available?",
-          content: "Valet parking is available for all our guests at the main entrance.",
-        },
       ]}
-      sideTitle="Frequently Asked Questions"
+      faqsAnimation="slide-up"
-      sideDescription="Need more information? We are here to help."
+      textboxLayout="split"
-      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Reservations"
-      title="Join Us for Dinner"
+      title="Book Your Table"
-      description="Secure your table today and experience the refined atmosphere at Rosepark."
+      description="Secure your place at the heart of Baku's fine dining."
-      mediaAnimation="slide-up"
+      background={{ variant: "gradient-bars" }}
-      imageSrc="http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20500.jpg"
-      imageAlt="Elegant couple spend time in a restaurant"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="Rosepark"
       columns={[
-        {
+        { title: "Contact", items: [{ label: "info@rosepark.az", href: "#" }] },
-          title: "Contact",
+        { title: "Links", items: [{ label: "Menu", href: "#products" }] }
-          items: [
-            {
-              label: "Baku, Azerbaijan",
-              href: "#",
-            },
-            {
-              label: "info@rosepark.az",
-              href: "mailto:info@rosepark.az",
-            },
-          ],
-        },
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Rosepark Restaurant"
-      bottomRightText="All rights reserved"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

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