Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,370 +2,152 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import { Utensils, Flame, Sparkles, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
         contentWidth="mediumLarge"
-        sizing="largeSmall"
-        background="circleGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        sizing="large"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Acasă",
-          id: "hero",
-        },
-        {
-          name: "Povestea Noastră",
-          id: "about",
-        },
-        {
-          name: "Preparate",
-          id: "products",
-        },
-        {
-          name: "Recenzii",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Acasă", id: "hero" },
+        { name: "Despre", id: "about" },
+        { name: "Produse", id: "products" },
+        { name: "Recenzii", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Bella Street Food"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      <HeroOverlayTestimonial
       title="Bella Street Food & Grill"
       description="Savurează autenticii Mici de la Dedulești, gătiți la jar pentru o experiență culinară tradițională."
-      buttons={[
-        {
-          text: "Vezi Meniul",
-          href: "#products",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-slices-with-baked-vegetables-wooden-table_140725-9681.jpg",
-          imageAlt: "Grill autentic",
-        },
-        {
-          id: "c2",
-          imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-hot-dogs_23-2150347441.jpg",
-          imageAlt: "Preparate proaspete",
-        },
-        {
-          id: "c3",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-making-barbecue-together_23-2149412514.jpg",
-          imageAlt: "Preparare la jar",
-        },
-        {
-          id: "c4",
-          imageSrc: "http://img.b2bpic.net/free-photo/roasted-stuffed-chicken-decorated-with-pomegranate-walnuts-black-board-rice-white-plate-wooden-table_141793-2918.jpg",
-          imageAlt: "Platou gustos",
-        },
-        {
-          id: "c5",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-wooden-table_181624-18937.jpg",
-          imageAlt: "Atmosferă",
-        },
-        {
-          id: "c6",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assorted-meat-kebab-with-onions-spices-fresh-salad_141793-1535.jpg",
-          imageAlt: "Specialitate grill",
-        },
+      imageSrc="http://img.b2bpic.net/free-photo/fried-meat-slices-with-baked-vegetables-wooden-table_140725-9681.jpg"
+      buttons={[{ text: "Vezi Meniul", href: "#products" }]}
+      testimonials={[
+        { name: "Radu Barjac", handle: "@radub", testimonial: "Cei mai buni mici din Ardeal!", rating: 5 },
+        { name: "Maria Popescu", handle: "@mariap", testimonial: "O experiență culinară autentică.", rating: 5 }
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
+      <AboutMetric
       title="Tradiție și Gust în inima Ardealului"
-      description={[
-        "Suntem singura locație din Ardeal unde poți savura autenticii Mici de la Dedulești, gătiți la jar. Ne mândrim cu păstrarea savoarei și autenticității rețetelor tradiționale românești, oferind clienților noștri o experiență culinară de neuitat în Șimleu Silvaniei.",
+      metrics={[
+        { icon: Utensils, label: "Rețete Tradiționale", value: "100%" },
+        { icon: Flame, label: "Gătit la Jar", value: "Autentic" },
+        { icon: Star, label: "Rating Google", value: "5.0" }
       ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
+      <FeatureCardSixteen
+      title="Bella vs. Standard"
+      description="Descoperă de ce suntem diferiți."
+      textboxLayout="inline-image"
       useInvertedBackground={true}
-      features={[
-        {
-          title: "Ingrediente Proaspete",
-          description: "Folosim doar carne proaspătă de cea mai bună calitate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-raw-t-bone-steak_23-2148440928.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/dry-aged-wagyu-tomahawk-steak-wooden-cutting-board-with-spices-parsley_333098-103.jpg",
-          buttonText: "Află mai mult",
-        },
-        {
-          title: "Gătit la Jar",
-          description: "Metoda tradițională care conferă aroma inconfundabilă.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-man-checking-ashes-bonfire_23-2148253375.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/burning-firewood-with-bright-flame-flickering-coals_23-2148253413.jpg",
-          buttonText: "Află mai mult",
-        },
-        {
-          title: "Serviciu Prietenos",
-          description: "Echipa noastră te așteaptă mereu cu zâmbetul pe buze.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-pretty-delivery-girl-wearing-red-uniform-cap-looking-side-holding-food-containers-talking-phone-isolated-purple-background-with-copy-space_141793-91044.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-drinks_23-2149537019.jpg",
-          buttonText: "Află mai mult",
-        },
-      ]}
-      title="De ce să alegi Bella?"
-      description="Fiecare preparat reflectă pasiunea noastră pentru gustul autentic."
+      animationType="blur-reveal"
+      negativeCard={{ items: ["Produse congelate", "Gătit rapid", "Fără tradiție"] }}
+      positiveCard={{ items: ["Ingrediente proaspete", "Gătit la jar", "Tradiție pură"] }}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
+      <ProductCardThree
+      title="Meniul Nostru"
+      description="Preparate tradiționale gătite cu drag."
       textboxLayout="split-description"
       gridVariant="bento-grid"
+      animationType="slide-up"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Mici de Dedulești",
-          price: "20 lei",
-          variant: "Porție",
-          imageSrc: "http://img.b2bpic.net/free-photo/fork-with-roast-sausages-platter_23-2148167628.jpg",
-        },
-        {
-          id: "p2",
-          name: "Hotdog Fenomenal",
-          price: "25 lei",
-          variant: "Gustare",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-dog-with-sausage-cucumber-tomato-lettuce-dark-wooden-table-summer-hotdog-top-view_2829-16979.jpg",
-        },
-        {
-          id: "p3",
-          name: "Cârnați la Jar",
-          price: "30 lei",
-          variant: "Porție",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378687.jpg",
-        },
-        {
-          id: "p4",
-          name: "Ceafă la Grătar",
-          price: "35 lei",
-          variant: "Porție",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-pork-ribs-steak-wooden-board-food-styling_53876-65448.jpg",
-        },
-        {
-          id: "p5",
-          name: "Piept de Pui",
-          price: "32 lei",
-          variant: "Porție",
-          imageSrc: "http://img.b2bpic.net/free-photo/peeled-potato-near-raw-chicken-legs_23-2147716945.jpg",
-        },
-        {
-          id: "p6",
-          name: "Burger Bella",
-          price: "40 lei",
-          variant: "Delicios",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheesy-meat-burger-with-tomatoes-grey-surface-bun-fries-sandwich-meat_140725-81846.jpg",
-        },
+        { id: "p1", name: "Mici de Dedulești", price: "20 lei", imageSrc: "http://img.b2bpic.net/free-photo/fork-with-roast-sausages-platter_23-2148167628.jpg" },
+        { id: "p2", name: "Hotdog Fenomenal", price: "25 lei", imageSrc: "http://img.b2bpic.net/free-photo/hot-dog-with-sausage-cucumber-tomato-lettuce-dark-wooden-table-summer-hotdog-top-view_2829-16979.jpg" },
+        { id: "p3", name: "Cârnăciori", price: "22 lei", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausages-with-vegetables-wooden-table_23-2148167628.jpg" }
       ]}
-      title="Meniul Nostru Delicios"
-      description="Preparate tradiționale gătite cu drag, exact pe gustul tău."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
+      <TestimonialCardFive
+      title="Ce spun clienții noștri"
+      description="Aprecierile tale ne motivează zilnic."
       textboxLayout="split-description"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Radu Barjac",
-          role: "Client",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
-        },
-        {
-          id: "t2",
-          name: "Ciprian Boşca",
-          role: "Client",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-volunteer-girl-organizing-non-perishable-canned-items-donating-underprivileged-female-charity-workers-generously-sharing-food-needy-spreading-happiness-homeless-shelter_482257-70286.jpg",
-        },
-        {
-          id: "t3",
-          name: "Razvan Sandor",
-          role: "Client",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
-        },
-        {
-          id: "t4",
-          name: "Maria Popescu",
-          role: "Client",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-strawberry-cheesecake_158595-691.jpg",
-        },
-        {
-          id: "t5",
-          name: "Andrei Ionescu",
-          role: "Client",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg",
-        },
+        { id: "t1", name: "Radu Barjac", date: "2024-05-12", title: "Excelent", quote: "O experiență culinară de neuitat!", tag: "Client", avatarSrc: "https://i.pravatar.cc/150?u=1" },
+        { id: "t2", name: "Maria Popescu", date: "2024-05-14", title: "Autentic", quote: "Gustul de acasă, gătit la jar.", tag: "Client", avatarSrc: "https://i.pravatar.cc/150?u=2" }
       ]}
-      kpiItems={[
-        {
-          value: "5.0",
-          label: "Rating Google",
-        },
-        {
-          value: "71+",
-          label: "Recenzii",
-        },
-        {
-          value: "100%",
-          label: "Satisfacție",
-        },
-      ]}
-      title="Ce spun clienții noștri"
-      description="Aprecierile tale ne motivează să fim tot mai buni în fiecare zi."
     />
   </div>
 
   <div id="social" data-section="social">
       <SocialProofOne
+      title="Parteneri și Comunitate"
+      names={["Comunitatea Locală", "Producători Locali", "Șimleu Silvaniei"]}
+      description="Suntem mândri de comunitatea noastră."
       textboxLayout="split-description"
       useInvertedBackground={false}
-      names={[
-        "Partener Calitate",
-        "Tradiție Ardeleană",
-        "Grătar la Jar",
-        "Micii de Dedulești",
-        "Fast Food Premium",
-        "Servicii Locale",
-        "Bella Grill",
-      ]}
-      title="Parteneri și Comunitate"
-      description="Suntem mândri să fim parte din comunitatea Șimleu Silvaniei."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split-description"
-      useInvertedBackground={true}
+      <FaqSplitText
+      sideTitle="Întrebări frecvente"
+      sideDescription="Tot ce vrei să știi."
       faqs={[
-        {
-          id: "f1",
-          title: "Unde vă aflați?",
-          content: "Strada Partizanilor 455300, Șimleu Silvaniei.",
-        },
-        {
-          id: "f2",
-          title: "Când sunteți deschiși?",
-          content: "Suntem deschiși zilnic până la ora 21:00.",
-        },
-        {
-          id: "f3",
-          title: "Cum pot comanda?",
-          content: "Ne poți suna la 0771 747 500 pentru comenzi telefonice.",
-        },
+        { id: "f1", title: "Unde vă aflați?", content: "Strada Partizanilor, Șimleu Silvaniei." },
+        { id: "f2", title: "Cum pot comanda?", content: "Sună la 0771 747 500." }
       ]}
-      title="Întrebări frecvente"
-      description="Tot ce vrei să știi despre experiența Bella Street Food."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Te așteptăm cu preparate delicioase la Bella Street Food & Grill!"
-      buttons={[
-        {
-          text: "Sună Acum",
-          href: "tel:0771747500",
-        },
-      ]}
+      <ContactCTA
+      tag="Contact"
+      title="Ești gata pentru un festin?"
+      description="Sună acum sau vizitează-ne pentru o experiență culinară tradițională."
+      buttons={[{ text: "Sună Acum", href: "tel:0771747500" }]}
+      background={{ variant: "radial-gradient" }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoReveal
       logoText="Bella Street Food"
-      columns={[
-        {
-          title: "Link-uri",
-          items: [
-            {
-              label: "Acasă",
-              href: "#hero",
-            },
-            {
-              label: "Meniu",
-              href: "#products",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "Program: Zilnic până la 21",
-              href: "#",
-            },
-            {
-              label: "Telefon: 0771 747 500",
-              href: "tel:0771747500",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Bella Street Food & Grill. Toate drepturile rezervate."
+      leftLink={{ text: "Politică de Confidențialitate", href: "#" }}
+      rightLink={{ text: "© 2024 Bella Street Food", href: "#" }}
     />
   </div>
       </ReactLenis>