Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
   return (
@@ -24,112 +25,191 @@ export default function LandingPage() {
         cardStyle="gradient-bordered"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Home", id: "hero" },
+        {
-        { name: "About", id: "about" },
+          name: "Home",          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">
-      <HeroCarouselLogo
+      <HeroBillboardCarousel
-      logoText="Rosepark"
+      background={{
-      description="Sophisticated culinary artistry in the heart of Baku."
+        variant: "radial-gradient"}}
-      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">
-      <MetricSplitMediaAbout
+      <TextAbout
-      title="Our Culinary Vision"
-      description="Rosepark redefines the dining scene in Baku through seasonal local ingredients and contemporary global techniques, served in an atmosphere of refined elegance."
-      metrics={[
-        { value: "15+", title: "Years Excellence" },
-        { value: "500+", title: "Unique Recipes" },
-        { value: "10k+", title: "Happy Diners" }
-      ]}
       useInvertedBackground={false}
-      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-gourmet-food_23-2149171255.jpg"
+      title="Welcome to Rosepark"
+      buttons={[
+        {
+          text: "Reserve Now",          href: "#contact"},
+      ]}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardTwo
+      <ProductCardOne
-      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: "2", brand: "Local", name: "Saffron Risotto", price: "38 AZN", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/saffron-risotto-dish_23-2149171270.jpg" },
+          id: "p1",          name: "Grilled Black Sea Bass",          price: "45 AZN",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzcvUFqE8Y7rXM4u4wfyRo2By3/uploaded-1779288857999-832ehliy.png"},
-        { 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" }
+        {
+          id: "p2",          name: "Saffron Risotto",          price: "38 AZN",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzcvUFqE8Y7rXM4u4wfyRo2By3/uploaded-1779288857999-en6fx1z3.png"},
+        {
+          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">
-      <TestimonialCardFive
+      <TestimonialCardFifteen
-      title="Guest Experiences"
+      useInvertedBackground={true}
-      description="What our patrons say about their Rosepark journey."
+      testimonial="An absolutely wonderful experience. The fusion of local tradition with modern culinary techniques is truly outstanding."
-      textboxLayout="split"
+      rating={5}
-      testimonials={[
+      author="Leila Aliyeva"
-        { 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" }
+      avatars={[
+        {
+          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
-      title="Recognized Excellence"
+      textboxLayout="split"
-      names={["Baku Food Guide", "Global Gastronomy", "Fine Dining Review"]}
+      useInvertedBackground={false}
+      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">
-      <FaqSplitMedia
+      <FaqSplitText
-      title="Information"
+      useInvertedBackground={true}
       faqs={[
-        { id: "1", title: "Do you take reservations?", content: "Yes, we recommend booking online." },
+        {
-        { id: "2", title: "Do you offer valet parking?", content: "Yes, valet service is provided." }
+          id: "f1",          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."},
       ]}
-      faqsAnimation="slide-up"
+      sideTitle="Frequently Asked Questions"
-      textboxLayout="split"
+      sideDescription="Need more information? We are here to help."
+      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
       tag="Reservations"
-      title="Book Your Table"
+      title="Join Us for Dinner"
-      description="Secure your place at the heart of Baku's fine dining."
+      description="Secure your table today and experience the refined atmosphere at Rosepark."
-      background={{ variant: "gradient-bars" }}
+      mediaAnimation="slide-up"
+      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">
-      <FooterBaseCard
+      <FooterSimple
-      logoText="Rosepark"
       columns={[
-        { title: "Contact", items: [{ label: "info@rosepark.az", href: "#" }] },
+        {
-        { title: "Links", items: [{ label: "Menu", href: "#products" }] }
+          title: "Contact",          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>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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