Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,81 +5,69 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
 import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Mail, Leaf, Droplet, Sprout, Wind, Camera, Calendar } from "lucide-react";
+import { Calendar } from "lucide-react";
 
-export default function SkincareTemplatePage() {
+export default function FelizRestaurantPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="hover-bubble"
             defaultTextAnimation="reveal-blur"
-            borderRadius="rounded"
+            borderRadius="soft"
-            contentWidth="small"
+            contentWidth="medium"
-            sizing="largeSmallSizeLargeTitles"
+            sizing="largeSizeMediumTitles"
-            background="aurora"
+            background="noise"
-            cardStyle="gradient-bordered"
+            cardStyle="glass-depth"
-            primaryButtonStyle="double-inset"
+            primaryButtonStyle="radial-glow"
-            secondaryButtonStyle="solid"
+            secondaryButtonStyle="glass"
-            headingFontWeight="extrabold"
+            headingFontWeight="semibold"
         >
             <div id="nav" data-section="nav">
                 <NavbarStyleCentered
-                    brandName="Luminé Skincare"
+                    brandName="Feliz"
                     navItems={[
-                        { name: "Products", id: "products" },
+                        { name: "Povestea", id: "about" },
-                        { name: "Gallery", id: "gallery" },
+                        { name: "Meniu", id: "products" },
-                        { name: "About", id: "about" },
+                        { name: "Galerie", id: "gallery" },
-                        { name: "Benefits", id: "benefits" },
-                        { name: "Reviews", id: "reviews" },
                         { name: "Contact", id: "contact" }
                     ]}
-                    button={{ text: "Shop Now", href: "products" }}
+                    button={{ text: "Rezervă", href: "#contact" }}
                 />
             </div>
 
             <div id="hero" data-section="hero">
                 <HeroLogoBillboard
-                    logoText="Luminé"
+                    logoText="FELIZ"
-                    description="Pure, natural skincare formulated for radiant, healthy skin. Discover the power of botanical ingredients and scientific innovation."
+                    description="Experiență culinară de lux în inima orașului Ungheni. Savurați eleganța în fiecare detaliu."
-                    background={{ variant: "sparkles-gradient" }}
+                    background={{ variant: "radial-gradient" }}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=1"
-                    imageAlt="Luxury skincare products with natural ingredients"
-                    frameStyle="card"
                     buttons={[
-                        { text: "Shop Now", href: "#products" },
+                        { text: "Rezervă Masă", href: "#contact" },
-                        { text: "Learn More", href: "#about" }
+                        { text: "Vezi Meniul", href: "#products" }
                     ]}
-                    mediaAnimation="slide-up"
+                    mediaAnimation="opacity"
                 />
             </div>
 
             <div id="about" data-section="about">
                 <InlineImageSplitTextAbout
                     heading={[
-                        { type: "text", content: "Crafted with care and precision using nature's finest elements and cutting-edge skincare science to deliver exceptional results for your skin" },
+                        { type: "text", content: "O fuziune între tradiție și rafinament contemporan, creată pentru a satisface cele mai exigente gusturi." }
-                        { type: "image", src: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", alt: "Natural ingredients" },
-                        { type: "text", content: "" }
                     ]}
-                    buttonAnimation="blur-reveal"
                     useInvertedBackground={true}
-                    buttons={[
-                        { text: "Learn More", href: "#benefits" }
-                    ]}
                 />
             </div>
 
             <div id="products" data-section="products">
                 <ProductCardOne
-                    title="Our Signature Collection"
+                    title="Meniu Degustare"
-                    description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
+                    description="O selecție rafinată de preparate, concepută pentru o experiență senzorială completă."
                     products={[
-                        { id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=1", imageAlt: "Hydrating Moisturizer bottle" },
+                        { id: "1", name: "Antipasti Nobili", price: "250 MDL", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-plate-high-angle-view_23-2148443907.jpg?_wi=1" },
-                        { id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle" },
+                        { id: "2", name: "Prime", price: "450 MDL", imageSrc: "https://img.b2bpic.net/free-photo/medium-rare-steak-with-herbs-herbs_23-2148281134.jpg" },
-                        { id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp?_wi=1", imageAlt: "Purifying Face Mask jar" }
+                        { id: "3", name: "Secondi", price: "380 MDL", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-plate-high-angle-view_23-2148443907.jpg?_wi=2" },
+                        { id: "4", name: "Dessert", price: "180 MDL", imageSrc: "https://img.b2bpic.net/free-photo/chocolate-dessert-with-berries_23-2148443936.jpg" },
+                        { id: "5", name: "Cafeteria", price: "60 MDL", imageSrc: "https://img.b2bpic.net/free-photo/coffee-cup-table_23-2148443960.jpg" }
                     ]}
                     gridVariant="three-columns-all-equal-width"
                     animationType="slide-up"
@@ -90,14 +78,12 @@ export default function SkincareTemplatePage() {
 
             <div id="gallery" data-section="gallery">
                 <ProductCardOne
-                    title="Galerie Foto"
+                    title="Salon Privat"
-                    description="O privire asupra procesului nostru și a ingredientelor naturale utilizate."
+                    description="Cadrul perfect pentru evenimente memorabile."
-                    tag="Vizual"
-                    tagIcon={Camera}
                     products={[
-                        { id: "g1", name: "Botanical Garden", price: "", imageSrc: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", imageAlt: "Botanicals" },
+                        { id: "p1", name: "Ambient Intim", price: "", imageSrc: "https://img.b2bpic.net/free-photo/interior-luxurious-restaurant_23-2148443949.jpg" },
-                        { id: "g2", name: "Skincare Lab", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp", imageAlt: "Lab" },
+                        { id: "p2", name: "Design Elegant", price: "", imageSrc: "https://img.b2bpic.net/free-photo/cozy-interior-restaurant_23-2148443912.jpg" },
-                        { id: "g3", name: "Product Texture", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=2", imageAlt: "Texture" }
+                        { id: "p3", name: "Atmosferă", price: "", imageSrc: "https://img.b2bpic.net/free-photo/table-setting-restaurant_23-2148443922.jpg" }
                     ]}
                     gridVariant="three-columns-all-equal-width"
                     animationType="scale-rotate"
@@ -106,69 +92,27 @@ export default function SkincareTemplatePage() {
                 />
             </div>
 
-            <div id="benefits" data-section="benefits">
-                <FeatureBento
-                    title="Why Choose Luminé"
-                    description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
-                    features={[
-                        { title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe" },
-                        { title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart" },
-                        { title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf, items: [{ icon: Droplet, ring: 1 }, { icon: Sprout, ring: 2 }, { icon: Wind, ring: 3 } ] }
-                    ]}
-                    animationType="slide-up"
-                    textboxLayout="default"
-                    useInvertedBackground={true}
-                />
-            </div>
-
-            <div id="reviews" data-section="reviews">
-                <TestimonialCardFifteen
-                    testimonial="Luminé skincare has completely transformed my routine. My skin feels more radiant and healthy than ever before."
-                    rating={5}
-                    author="Sarah Mitchell, Beauty Editor"
-                    avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "Sarah Mitchell" }]}
-                    ratingAnimation="slide-up"
-                    avatarsAnimation="slide-up"
-                    useInvertedBackground={false}
-                />
-            </div>
-
-            <div id="faq" data-section="faq">
-                <FaqSplitMedia
-                    title="Frequently Asked Questions"
-                    description="Everything you need to know about our skincare products."
-                    faqs={[{ id: "1", title: "Shipping?", content: "Worldwide shipping in 7-14 days." }, { id: "2", title: "Sensitive skin?", content: "Yes, our formulas are gentle." }]}
-                    faqsAnimation="slide-up"
-                    textboxLayout="default"
-                    useInvertedBackground={true}
-                    animationType="smooth"
-                />
-            </div>
-
             <div id="contact" data-section="contact">
                 <ContactSplit
-                    tag="Rezervări & Contact"
+                    title="Rezervări"
+                    description="Vă așteptăm cu drag să rezervați o experiență culinară de neuitat în Ungheni."
+                    tag="Disponibil"
                     tagIcon={Calendar}
-                    title="Rezervă o consultație"
+                    background={{ variant: "radial-gradient" }}
-                    description="Contactează echipa noastră pentru recomandări personalizate sau rezervă o ședință de testare a produselor noastre premium."
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp?_wi=2"
-                    mediaPosition="right"
                     useInvertedBackground={false}
-                    background={{ variant: "plain" }}
+                    onSubmit={(email) => console.log("Reservation requested:", email)}
-                    buttonText="Trimite Mesaj"
-                    onSubmit={(email) => console.log(email)}
                 />
             </div>
 
             <div id="footer" data-section="footer">
                 <FooterMedia
-                    logoText="Luminé"
+                    logoText="FELIZ"
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=2"
+                    videoSrc="https://www.w3schools.com/howto/rain.mp4"
                     columns={[
-                        { title: "Product", items: [{ label: "Moisturizers", href: "#products" }] },
+                        { title: "Feliz", items: [{ label: "Despre", href: "#about" }, { label: "Meniu", href: "#products" }] },
-                        { title: "Support", items: [{ label: "Contact", href: "#contact" }] }
+                        { title: "Contact", items: [{ label: "Rezervări", href: "#contact" }] }
                     ]}
-                    copyrightText="© 2025 Luminé Skincare. All rights reserved."
+                    copyrightText="© 2025 Feliz Restaurant Ungheni."
                 />
             </div>
         </ThemeProvider>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
+  --background: #0a0a0a;
-  --card: #efe7dd;
+  --card: #1a1a1a;
-  --foreground: #2b180a;
+  --foreground: #fdfaf6;
-  --primary-cta: #2b180a;
+  --primary-cta: #d4af37;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2e2521;
-  --accent: #94877c;
+  --accent: #fdfaf6;
-  --background-accent: #afa094;
+  --background-accent: #d4af37;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);