Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -37,49 +37,35 @@ export default function LandingPage() {
               { name: "Reviews", id: "reviews" },
               { name: "Contact", id: "contact" },
             ]}
-            brandName="Omar's"
-            button={{ text: "Order Now", href: "https://omars.nyc" }}
+            brandName="Le Bardo"
+            button={{ text: "Order Now", href: "#contact" }}
           />
         </div>
 
         <div id="home" data-section="home">
           <HeroSplitKpi
             background={{ variant: "gradient-bars" }}
-            title="Authentic Mediterranean Flavors in NYC"
-            description="Experience the homemade taste of fresh shawarma, hummus, and authentic pitas at Omar's Mediterranean Cuisine. Proudly serving the Downtown New York community."
+            title="Authentic Flavors at Le Bardo"
+            description="Discover the refined taste of Mediterranean cuisine. Specializing in traditional recipes and fresh ingredients, we bring the best of the Mediterranean to your table."
             kpis={[
-              { value: "4.8", label: "Google Rating" },
-              { value: "590+", label: "Reviews" },
-              { value: "11AM", label: "Open Daily" },
+              { value: "5.0", label: "Google Rating" },
+              { value: "100+", label: "Dishes" },
+              { value: "Daily", label: "Open" },
             ]}
             enableKpiAnimation={true}
-            buttons={[{ text: "Place Order", href: "https://omars.nyc" }]}
+            buttons={[{ text: "View Menu", href: "#menu" }]}
             imageSrc="http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg"
             mediaAnimation="blur-reveal"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", alt: "Customer 1" },
-              { src: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg", alt: "Customer 2" },
-              { src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg", alt: "Customer 3" },
-              { src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-peaches_23-2150312260.jpg", alt: "Customer 4" },
-              { src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Customer 5" },
-            ]}
-            avatarText="Loved by 500+ locals"
-            marqueeItems={[
-              { type: "text", text: "Authentic Shawarma" },
-              { type: "text", text: "Fresh Hummus" },
-              { type: "text", text: "Daily Baked Pita" },
-              { type: "text", text: "Family Recipes" },
-              { type: "text", text: "Halal Options" },
-            ]}
+            avatarText="Loved by our guests"
           />
         </div>
 
         <div id="about" data-section="about">
           <TextSplitAbout
             useInvertedBackground={false}
-            title="A Hidden Gem in the Park Row Building"
+            title="Welcome to Le Bardo"
             description={[
-              "Located in the heart of NYC, we are committed to serving fresh, homemade Mediterranean dishes that transport you to the shores of the Mediterranean with every bite.",              "From our signature chicken shawarma to our freshly baked pitas and smooth hummus, we use only the highest quality ingredients to ensure an authentic experience."
+              "Le Bardo Restaurant offers an exquisite journey into Mediterranean culinary traditions. Our commitment to authenticity means using only fresh, locally-sourced ingredients prepared with time-honored techniques.",              "Located at 135 Rue Didouche Mourad, our restaurant provides a warm atmosphere where every guest feels at home. Whether you are joining us for a family dinner or a quick bite, we look forward to serving you."
             ]}
           />
         </div>
@@ -91,27 +77,25 @@ export default function LandingPage() {
             gridVariant="two-columns-alternating-heights"
             useInvertedBackground={false}
             products={[
-              { id: "p1", name: "Chicken Shawarma Platter", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/lamb-stew-pot-with-lamb-vegetables-covered-with-flatbread_140725-5856.jpg?_wi=1" },
-              { id: "p2", name: "Fresh Falafel", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg" },
-              { id: "p3", name: "Authentic Baklava", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/different-nation-sweets-high-angle_23-2149192089.jpg" },
-              { id: "p4", name: "Hummus & Pita", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/healthy-homemade-hummus-with-olive-oil-pita-chips_2829-16490.jpg" },
-              { id: "p5", name: "Babaganoush", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/roasted-red-pepper-hummus-white-bowl-white-marble-background_123827-28756.jpg" },
-              { id: "p6", name: "Tabouli Salad", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-with-cauliflowers-pomegranate-seeds_114579-71291.jpg" },
+              { id: "p1", name: "Mixed Starters", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/healthy-homemade-hummus-with-olive-oil-pita-chips_2829-16490.jpg" },
+              { id: "p2", name: "Lamb Shoulder", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/lamb-stew-pot-with-lamb-vegetables-covered-with-flatbread_140725-5856.jpg?_wi=1" },
+              { id: "p3", name: "Grilled Sea Bass", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg" },
+              { id: "p4", name: "Traditional Couscous", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/different-nation-sweets-high-angle_23-2149192089.jpg" },
             ]}
-            title="Our Signature Dishes"
-            description="Discover our popular and authentic Mediterranean favorites, prepared daily."
+            title="Menu Highlights"
+            description="From our signature Mixed Starters to our tender slow-cooked Lamb Shoulder, explore our chef's daily specialties."
           />
         </div>
 
         <div id="features" data-section="features">
           <FeatureCardTwentyOne
             useInvertedBackground={false}
-            title="Why Choose Omar's?"
-            description="Everything we serve is made from scratch with passion."
+            title="The Le Bardo Experience"
+            description="Dedicated to excellence in every detail."
             accordionItems={[
-              { id: "f1", title: "Fresh Ingredients", content: "We source the freshest vegetables and premium meats every morning to guarantee exceptional flavor." },
-              { id: "f2", title: "Homemade Recipes", content: "Traditional Mediterranean recipes passed down through generations, crafted to feel like home." },
-              { id: "f3", title: "Daily Baked Pitas", content: "Our pitas are baked fresh throughout the day to pair perfectly with our smooth hummus and dips." },
+              { id: "f1", title: "Quality Ingredients", content: "We select only the best local produce to ensure each plate meets our high standards of quality." },
+              { id: "f2", title: "Expert Culinary Team", content: "Our chefs blend traditional Mediterranean techniques with modern presentation." },
+              { id: "f3", title: "Cozy Ambiance", content: "Designed for both casual dining and special celebrations, our space reflects the warmth of Mediterranean hospitality." },
             ]}
             mediaAnimation="slide-up"
             imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145565.jpg"
@@ -124,27 +108,24 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             testimonials={[
-              { id: "1", name: "Jatinder Singh", handle: "@localguide", testimonial: "Omar’s is truly a hidden gem. The food is fresh, flavorful, and cooked with real Mediterranean taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
-              { id: "2", name: "Woo Young Kim", handle: "@localguide", testimonial: "I finally got to try it and I am pretty impressed with the quality, taste, and portion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg" },
-              { id: "3", name: "Pickett Lee", handle: "@localguide", testimonial: "This was a fantastic find! The smoothest hummus I've ever had. All served with fresh, gorgeous pitas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663851.jpg" },
-              { id: "4", name: "Sarah Miller", handle: "@customer", testimonial: "Excellent price to quality ratio! Truly authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-beer_23-2147680570.jpg" },
-              { id: "5", name: "David J.", handle: "@customer", testimonial: "Phenomenal and fresh! Chicken, falafel, and hummus are all 10/10.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
+              { id: "1", name: "Amine K.", handle: "@foodie", testimonial: "The Lamb Shoulder was cooked to perfection. A true Mediterranean delight!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
+              { id: "2", name: "Sofia R.", handle: "@guest", testimonial: "Fantastic starters, warm service, and great atmosphere. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491811.jpg" },
             ]}
             showRating={true}
-            title="What Our Guests Say"
-            description="Join 590+ satisfied customers who call us a hidden gem."
+            title="Guest Feedback"
+            description="See why our guests return to Le Bardo."
           />
         </div>
 
         <div id="metrics" data-section="metrics">
           <MetricCardFourteen
             useInvertedBackground={false}
-            title="Our Kitchen By Numbers"
-            tag="Quality First"
+            title="Le Bardo Facts"
+            tag="Excellence"
             metrics={[
-              { id: "m1", value: "100%", description: "Authentic Ingredients" },
-              { id: "m2", value: "590+", description: "Happy Reviews" },
-              { id: "m3", value: "15+", description: "Years of Tradition" },
+              { id: "m1", value: "100%", description: "Fresh Ingredients" },
+              { id: "m2", value: "500+", description: "Satisfied Guests" },
+              { id: "m3", value: "10+", description: "Years of Passion" },
             ]}
             metricsAnimation="slide-up"
           />
@@ -155,12 +136,12 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             faqs={[
-              { id: "q1", title: "Do you offer delivery?", content: "Yes, we offer no-contact delivery and takeaway services." },
-              { id: "q2", title: "Where are you located?", content: "We are at 15 Ann St, New York, NY, inside the Park Row Building." },
-              { id: "q3", title: "Are your dishes halal?", content: "Yes, we offer a variety of high-quality halal Mediterranean options." },
+              { id: "q1", title: "Do you take reservations?", content: "Yes, we recommend booking in advance, especially during weekends." },
+              { id: "q2", title: "Where can I find you?", content: "We are located at 135 Rue Didouche Mourad, Algiers." },
+              { id: "q3", title: "Is there parking nearby?", content: "Street parking is available near the restaurant." },
             ]}
-            title="Frequently Asked Questions"
-            description="Have questions about our menu or catering?"
+            title="Plan Your Visit"
+            description="Common questions to help you get the most out of your meal at Le Bardo."
             faqsAnimation="slide-up"
             imageSrc="http://img.b2bpic.net/free-photo/lamb-stew-pot-with-lamb-vegetables-covered-with-flatbread_140725-5856.jpg?_wi=2"
             mediaAnimation="slide-up"
@@ -172,42 +153,40 @@ export default function LandingPage() {
             useInvertedBackground={false}
             background={{ variant: "rotated-rays-static" }}
             tag="Get in Touch"
-            title="Visit or Order Today"
-            description="We are located at 15 Ann St, New York. Come visit us for a fresh meal or place an order for delivery."
+            title="Contact Le Bardo"
+            description="Visit us at 135 Rue Didouche Mourad, Algiers. For inquiries or reservations, call us or use the form below."
             imageSrc="http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg"
-            buttonText="Place Order"
             onSubmit={(email) => console.log(email)}
             mediaAnimation="slide-up"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Omar's Mediterranean Cuisine"
+          <FooterBase
+            logoText="Le Bardo Restaurant"
             columns={[
               {
-                title: "Navigation",                items: [
+                title: "Explore",                items: [
                   { label: "Home", href: "#home" },
                   { label: "Menu", href: "#menu" },
-                  { label: "Reviews", href: "#reviews" },
                   { label: "Contact", href: "#contact" },
                 ],
               },
               {
-                title: "Services",                items: [
-                  { label: "Dine-in", href: "#" },
-                  { label: "Takeaway", href: "#" },
-                  { label: "Delivery", href: "#" },
+                title: "Location & Contact",                items: [
+                  { label: "135 Rue Didouche Mourad", href: "#" },
+                  { label: "+213 21 00 00 00", href: "tel:+21321000000" },
+                  { label: "info@lebardo.dz", href: "mailto:info@lebardo.dz" },
                 ],
               },
               {
-                title: "Legal",                items: [
+                title: "Information",                items: [
                   { label: "Privacy Policy", href: "#" },
                   { label: "Terms of Service", href: "#" },
                 ],
               },
             ]}
-            copyrightText="© 2024 Omar's Mediterranean Cuisine. All rights reserved."
+            copyrightText="© 2025 Le Bardo. All rights reserved."
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #fbfaf7;
+  --card: #f2eee9;
+  --foreground: #1a1816;
+  --primary-cta: #7a5c43;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #e8e3dc;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #b8a38a;
+  --background-accent: #efebe5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);