Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -5,10 +5,11 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactText from '@/components/sections/contact/ContactText';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Apple, ChefHat, Users, Zap, Sparkles } from "lucide-react";
+import { Apple, ChefHat, Users, Zap, Sparkles, Star, Gift, Utensils, CalendarDays, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,12 +32,16 @@ export default function LandingPage() {
             { name: "Home", id: "#hero" },
             { name: "Experience", id: "#experience" },
             { name: "Menu", id: "#menu" },
+            { name: "Testimonials", id: "#testimonials" },
             { name: "Gallery", id: "#gallery" },
             { name: "Events", id: "#events" },
-            { name: "Contact", id: "#contact" }
+            { name: "Loyalty", id: "#loyalty" },
+            { name: "Gift Cards", id: "#gift-cards" },
+            { name: "Contact", id: "#contact" },
+            { name: "Newsletter", id: "#newsletter" }
           ]}
-          button={{ text: "Reserve a Table", href: "#contact" }}
-          topBarButton={{ text: "Call Now", href: "tel:0749658589" }}
+          button={{ text: "Rezervă acum", href: "#contact" }}
+          topBarButton={{ text: "Sună acum", href: "tel:0749658589" }}
         />
       </div>
       <div id="hero" data-section="hero">
@@ -44,7 +49,7 @@ export default function LandingPage() {
           title="Dolce Vita"
           description="Italian Taste. Romanian Hospitality.\nFresh ingredients. Authentic flavors. Memorable moments. Located in the heart of Baia Mare, Dolce Vita is where friends, families, and food lovers gather to enjoy delicious Italian-inspired dishes, handcrafted pizzas, fresh pasta, desserts, and a warm atmosphere."
           buttons={[
-            { text: "Reserve a Table", href: "#contact" },
+            { text: "Rezervă acum", href: "#contact" },
             { text: "View Menu", href: "#menu" }
           ]}
           videoSrc="http://img.b2bpic.net/free-photo/chef-making-uncooked-tagliatelle_23-2148360855.jpg"
@@ -88,25 +93,25 @@ export default function LandingPage() {
         />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="Over 450 satisfied guests have shared their experiences. 'Great food, generous portions, and a welcoming atmosphere.' 'One of the best places to eat in Baia Mare.' 'Excellent pizza and friendly staff.'"
-          rating={5}
-          author="Our Valued Guests"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Customer 1" },
-            { src: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg", alt: "Customer 2" },
-            { src: "http://img.b2bpic.net/free-photo/smiling-tilting-head-young-handsome-guy-wearing-red-shirt-isolated-green-wall_141793-86684.jpg", alt: "Customer 3" },
-            { src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", alt: "Customer 4" },
-            { src: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg", alt: "Customer 5" }
+        <TestimonialCardThirteen
+          title="Ce spun clienții noștri pe Google"
+          description="Cu peste 450 de recenzii pozitive, suntem mândri să fim unul dintre cele mai apreciate restaurante din Baia Mare pe Google."
+          testimonials={[
+            { id: "t1", name: "Elena R.", handle: "@elena_foodie", testimonial: "Absolutely fantastic Italian food! The pizza was perfect, and the pasta was fresh and delicious. Friendly staff and a lovely atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-eating-food_23-2150009653.jpg", imageAlt: "Elena R." },
+            { id: "t2", name: "Andrei P.", handle: "@andrei.eats", testimonial: "One of the best dining experiences in Baia Mare. Great portions, authentic flavors, and excellent service. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-black-shirt-isolated-yellow-wall_141793-79250.jpg", imageAlt: "Andrei P." },
+            { id: "t3", name: "Maria G.", handle: "@maria_travels", testimonial: "Visited Dolce Vita during my trip and was so impressed. The tiramisu was to die for! A must-visit for Italian food lovers.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-woman-with-long-dark-hair-eating-her-meal-cafe_141793-118841.jpg", imageAlt: "Maria G." },
+            { id: "t4", name: "Cristian S.", handle: "@cristian_chef", testimonial: "As a chef, I appreciate the quality and authenticity here. Every dish felt homemade and truly Italian. Superb ingredients.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-male-restaurant-worker_197531-15570.jpg", imageAlt: "Cristian S." }
           ]}
-          ratingAnimation="blur-reveal"
-          avatarsAnimation="slide-up"
+          showRating={true}
+          carouselMode="auto"
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={true}
         />
       </div>
       <div id="gallery" data-section="gallery">
         <ProductCardOne
-          title="Gallery"
+          title="Our Visual Feast"
           description="A visual journey through Dolce Vita's culinary delights and inviting ambiance, showcasing our passion for Italian taste and Romanian hospitality."
           products={[
             { id: "gallery-item-1", name: "Fresh Pizza", price: "", imageSrc: "http://img.b2bpic.net/free-photo/cook-kitchen-putting-ingredients-pizza-old-wooden-background-pizza-concept-production-delivery-food-cooking-concept-close-up_639032-447.jpg", imageAlt: "Pizza coming out of oven" },
@@ -123,24 +128,90 @@ export default function LandingPage() {
         />
       </div>
       <div id="events" data-section="events">
-        <ContactText
-          text="Special Events & Celebrations\nBirthday party? Family gathering? Corporate lunch? Dolce Vita offers the perfect setting for memorable events."
-          buttons={[
-            { text: "Request Information", href: "#contact" }
+        <FeatureCardTwentySeven
+          title="Special Events & Celebrations"
+          description="Birthday party? Family gathering? Corporate lunch? Dolce Vita offers the perfect setting for memorable events. Explore our tailored packages for your next special occasion."
+          features={[
+            {
+              id: "event-1",              title: "Private Dining",              descriptions: ["Host your private events in our exclusive dining area.", "Custom menus and dedicated service."],
+              imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-tables-chairs_23-2148705001.jpg"
+            },
+            {
+              id: "event-2",              title: "Catering Services",              descriptions: ["Bring Dolce Vita to your event with our professional catering.", "Delicious food for any size gathering."],
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-dishes-buffet_23-2148601614.jpg"
+            },
+            {
+              id: "event-3",              title: "Cooking Classes",              descriptions: ["Learn to cook authentic Italian dishes with our chefs.", "Fun and interactive classes for all skill levels."],
+              imageSrc: "http://img.b2bpic.net/free-photo/chef-sprinkling-chopped-parsley-salad_23-2147779954.jpg"
+            }
           ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          buttons={[{ text: "Request Event Information", href: "#contact" }]}
+        />
+      </div>
+      <div id="loyalty" data-section="loyalty">
+        <ContactCenter
+          tag="Join Our Family"
+          title="Dolce Vita Loyalty Program"
+          description="Become a Dolce Vita family member and unlock exclusive rewards, special discounts, and early access to events. Sign up today and start earning!"
           background={{ variant: "plain" }}
+          inputPlaceholder="Enter your email"
+          buttonText="Join Loyalty Program"
+          termsText="By joining, you agree to receive promotional emails from Dolce Vita."
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="birthday-discount" data-section="birthday-discount">
+        <ContactCenter
+          tag="Celebrate With Us"
+          title="Your Birthday, Our Treat!"
+          description="Sign up for our birthday club and receive a special discount to celebrate your special day at Dolce Vita. Just tell us your birthday!"
+          background={{ variant: "plain" }}
+          inputPlaceholder="Enter your email & birthday (MM/DD)"
+          buttonText="Get My Birthday Discount"
+          termsText="We'll send you a special offer around your birthday. Your data is safe with us."
           useInvertedBackground={true}
         />
       </div>
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Find Us\nDolce Vita\nStrada Moldovei\nBaia Mare, Romania\nPhone: 0749 658 589\nOpening Hours: Daily: Until 21:00\n\nReady for a Delicious Experience? Reserve your table today and discover why so many guests choose Dolce Vita."
-          buttons={[
-            { text: "Get Directions", href: "https://www.google.com/maps/search/Strada+Moldovei,+Baia+Mare,+Romania" },
-            { text: "Call 0749 658 589", href: "tel:0749658589" },
-            { text: "Reserve a Table", href: "#" }
+      <div id="gift-cards" data-section="gift-cards">
+        <ProductCardOne
+          title="Share the Dolce Vita Experience"
+          description="Give the gift of authentic Italian flavors with a Dolce Vita gift card. Perfect for any occasion!"
+          products={[
+            { id: "gift-1", name: "€25 Gift Card", price: "€25", imageSrc: "http://img.b2bpic.net/free-photo/gift-card-with-bow-ribbon-red-background_23-2149594191.jpg", imageAlt: "25 Euro Gift Card" },
+            { id: "gift-2", name: "€50 Gift Card", price: "€50", imageSrc: "http://img.b2bpic.net/free-photo/gold-gift-card_23-2149594186.jpg", imageAlt: "50 Euro Gift Card" },
+            { id: "gift-3", name: "€100 Gift Card", price: "€100", imageSrc: "http://img.b2bpic.net/free-photo/christmas-gift-card-black_23-2149594188.jpg", imageAlt: "100 Euro Gift Card" }
           ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Purchase Gift Cards", href: "#" }]}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Reservations & Contact"
+          title="Reserve Your Table Today"
+          description="Ready for a delicious experience? Book your table easily with our one-click reservation. Fill out the form below or contact us directly."
           background={{ variant: "plain" }}
+          inputPlaceholder="Enter your name, email & desired reservation time"
+          buttonText="Make a Reservation"
+          termsText="By clicking Make a Reservation, you agree to our terms and conditions."
+          useInvertedBackground={true}
+        />
+      </div>
+      <div id="newsletter" data-section="newsletter">
+        <ContactCenter
+          tag="Stay Connected"
+          title="Exclusive Promotions & Updates"
+          description="Don't miss out on our latest news, seasonal menus, and special offers. Sign up for our newsletter today!"
+          background={{ variant: "plain" }}
+          inputPlaceholder="Your email address"
+          buttonText="Subscribe Now"
+          termsText="By subscribing, you agree to receive promotional emails from Dolce Vita."
           useInvertedBackground={false}
         />
       </div>
@@ -149,12 +220,12 @@ export default function LandingPage() {
           logoText="Dolce Vita"
           columns={[
             { title: "Menu", items: [{ label: "Appetizers", href: "#menu" }, { label: "Main Courses", href: "#menu" }, { label: "Desserts", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
-            { title: "About Us", items: [{ label: "Our Story", href: "#experience" }, { label: "Our Team", href: "#" }, { label: "Events", href: "#events" }, { label: "Careers", href: "#" }] },
-            { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/dolcevita" }, { label: "Facebook", href: "https://facebook.com/dolcevita" }, { label: "Contact Us", href: "#contact" }] }
+            { title: "About Us", items: [{ label: "Our Story", href: "#experience" }, { label: "Events", href: "#events" }, { label: "Loyalty Program", href: "#loyalty" }, { label: "Gift Cards", href: "#gift-cards" }] },
+            { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/dolcevita" }, { label: "Facebook", href: "https://facebook.com/dolcevita" }, { label: "WhatsApp", href: "https://wa.me/40749658589" }, { label: "Contact Us", href: "#contact" }, { label: "Newsletter", href: "#newsletter" }] }
           ]}
           copyrightText="© 2024 Dolce Vita. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #111111;
+  --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #F8F5EE;
-  --primary-cta: #D4AF37;
-  --primary-cta-text: #111111;
-  --secondary-cta: #F8F5EE;
-  --secondary-cta-text: #111111;
-  --accent: #D4AF37;
-  --background-accent: #333333;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffff;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);