Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -30,104 +30,65 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Domov",
+          name: "Domov",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Ponuka",
+          name: "Ponuka",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Referencie",
+          name: "Referencie",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="MARGARÉTA"
       button={{
-        text: "0903 238 548",
+        text: "0903 238 548",        href: "tel:+421903238548"}}
-        href: "tel:+421903238548",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Kvety, ktoré zachránia každý moment"
       description="Vytvárame luxusné a originálne kytice, ktoré hovoria za vás. Expresné doručenie pre vaše najdôležitejšie životné momenty."
       kpis={[
         {
-          value: "100%",
+          value: "100%",          label: "Čerstvé kvety"},
-          label: "Čerstvé kvety",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Online podpora"},
-          label: "Online podpora",
-        },
         {
-          value: "Expres",
+          value: "Expres",          label: "Rýchle doručenie"},
-          label: "Rýchle doručenie",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Objednajte teraz",
+          text: "Objednajte teraz",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/reusable-menstrual-cup-product-with-flowers_23-2149408754.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",          alt: "Zákazník 1"},
-          alt: "Zákazník 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg",          alt: "Zákazník 2"},
-          alt: "Zákazník 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg",          alt: "Zákazník 3"},
-          alt: "Zákazník 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg",          alt: "Zákazník 4"},
-          alt: "Zákazník 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg",
+          src: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg",          alt: "Zákazník 5"},
-          alt: "Zákazník 5",
-        },
       ]}
       avatarText="Pridajte sa k 500+ spokojným zákazníkom"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Ručne viazané kytice"},
-          text: "Ručne viazané kytice",
-        },
         {
-          type: "text",
+          type: "text",          text: "Doručenie v deň objednávky"},
-          text: "Doručenie v deň objednávky",
-        },
         {
-          type: "text",
+          type: "text",          text: "Ekologické balenie"},
-          text: "Ekologické balenie",
-        },
         {
-          type: "text",
+          type: "text",          text: "Osobný odkaz v cene"},
-          text: "Osobný odkaz v cene",
-        },
         {
-          type: "text",
+          type: "text",          text: "Garantovaná čerstvosť"},
-          text: "Garantovaná čerstvosť",
-        },
       ]}
     />
   </div>
@@ -139,35 +100,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Premium Kvalita",          author: "Čerstvosť",          description: "Používame len tie najčerstvejšie kvety od overených dodávateľov.",          tags: [
-          title: "Premium Kvalita",
+            "Kvalita"],
-          author: "Čerstvosť",
+          imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg"},
-          description: "Používame len tie najčerstvejšie kvety od overených dodávateľov.",
-          tags: [
-            "Kvalita",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Rýchle Doručenie",          author: "Spoľahlivosť",          description: "Doručíme kyticu včas, kamkoľvek potrebujete v rámci Slovenska.",          tags: [
-          title: "Rýchle Doručenie",
+            "Expres"],
-          author: "Spoľahlivosť",
+          imageSrc: "http://img.b2bpic.net/free-photo/photographer-make-photoshoot-woman_1157-37023.jpg"},
-          description: "Doručíme kyticu včas, kamkoľvek potrebujete v rámci Slovenska.",
-          tags: [
-            "Expres",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photographer-make-photoshoot-woman_1157-37023.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Individuálny Prístup",          author: "Osobné",          description: "Vytvárame aranžmány na mieru pre svadby aj oslavy.",          tags: [
-          title: "Individuálny Prístup",
+            "Bespoke"],
-          author: "Osobné",
+          imageSrc: "http://img.b2bpic.net/free-photo/bouquet-with-staked-log-background_1157-780.jpg"},
-          description: "Vytvárame aranžmány na mieru pre svadby aj oslavy.",
-          tags: [
-            "Bespoke",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bouquet-with-staked-log-background_1157-780.jpg",
-        },
       ]}
       title="Prečo si vybrať MARGARÉTA"
       description="Vaša spokojnosť je našou prioritou pri každej kytici."
@@ -182,32 +125,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "MARGARÉTA",          name: "Romantická Klasika",          price: "25€",          rating: 5,
-          brand: "MARGARÉTA",
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39502.jpg"},
-          name: "Romantická Klasika",
-          price: "25€",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39502.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "MARGARÉTA",          name: "Jarný Vánek",          price: "45€",          rating: 5,
-          brand: "MARGARÉTA",
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-table_23-2148377340.jpg"},
-          name: "Jarný Vánek",
-          price: "45€",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-table_23-2148377340.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "MARGARÉTA",          name: "Svadobná Elegancia",          price: "80€",          rating: 5,
-          brand: "MARGARÉTA",
+          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-bouquet-vase_181624-37904.jpg"},
-          name: "Svadobná Elegancia",
-          price: "80€",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-bouquet-vase_181624-37904.jpg",
-        },
       ]}
       title="Naša aktuálna ponuka"
       description="Vyberte si z našej palety luxusných kytíc pre každú príležitosť."
@@ -221,45 +146,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Zuzana M.",          handle: "@zuzana",          testimonial: "Nádherné kvety, doručenie bolo presne načas!",          rating: 5,
-          name: "Zuzana M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg"},
-          handle: "@zuzana",
-          testimonial: "Nádherné kvety, doručenie bolo presne načas!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Peter K.",          handle: "@peter",          testimonial: "Najlepšie kvetinárstvo v meste, veľmi odporúčam.",          rating: 5,
-          name: "Peter K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=1"},
-          handle: "@peter",
-          testimonial: "Najlepšie kvetinárstvo v meste, veľmi odporúčam.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=1",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Eva L.",          handle: "@eva",          testimonial: "Moja svadobná kytica bola ako z rozprávky.",          rating: 5,
-          name: "Eva L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg"},
-          handle: "@eva",
-          testimonial: "Moja svadobná kytica bola ako z rozprávky.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Michal B.",          handle: "@michal",          testimonial: "Krásne aranžmány a skvelý prístup.",          rating: 5,
-          name: "Michal B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg"},
-          handle: "@michal",
-          testimonial: "Krásne aranžmány a skvelý prístup.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Jana S.",          handle: "@jana",          testimonial: "Vždy čerstvé kvety, ktoré vydržia dlho.",          rating: 5,
-          name: "Jana S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=2"},
-          handle: "@jana",
-          testimonial: "Vždy čerstvé kvety, ktoré vydržia dlho.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=2",
-        },
       ]}
       showRating={true}
       title="Čo o nás hovoria klienti"
@@ -273,20 +173,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Ako rýchlo doručujete?",          content: "Kytice doručujeme v rámci celého Slovenska v čo najkratšom možnom čase."},
-          title: "Ako rýchlo doručujete?",
-          content: "Kytice doručujeme v rámci celého Slovenska v čo najkratšom možnom čase.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Aká je cena dopravy?",          content: "Cena dopravy závisí od lokality, po objednávke vás budeme kontaktovať."},
-          title: "Aká je cena dopravy?",
-          content: "Cena dopravy závisí od lokality, po objednávke vás budeme kontaktovať.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Ako môžem platiť?",          content: "Platba je možná prevodom na účet alebo dobierkou pri doručení."},
-          title: "Ako môžem platiť?",
-          content: "Platba je možná prevodom na účet alebo dobierkou pri doručení.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/view-essential-items-wedding-planner-business_23-2150165101.jpg"
       title="Často kladené otázky"
@@ -297,14 +188,16 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Kontaktujte nás"
       title="Sme tu pre vás"
-      description="Zavolajte nám na 0903 238 548 alebo nám napíšte správu cez WhatsApp."
+      description="Zavolajte nám alebo nám napíšte správu cez formulár."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Vaše meno" },
+        { name: "email", type: "email", placeholder: "Váš e-mail" }
+      ]}
+      textarea={{ name: "message", placeholder: "Vaša správa", rows: 4 }}
+      useInvertedBackground={true}
+      onSubmit={(data) => console.log(data)}
       imageSrc="http://img.b2bpic.net/free-photo/female-florist-wearing-uniform-making-beautiful-flower-composition-while-standing-counter-flower-shop_613910-4581.jpg"
       mediaPosition="right"
       mediaAnimation="slide-up"
@@ -312,37 +205,23 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="MARGARÉTA"
       columns={[
         {
-          title: "Kvetinárstvo MARGARÉTA",
+          title: "Kvetinárstvo MARGARÉTA",          items: [
-          items: [
+            { label: "O nás", href: "#" },
-            {
+            { label: "Kontakt", href: "#contact" },
-              label: "O nás",
-              href: "#",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Zákaznícka zóna",
+          title: "Zákaznícka zóna",          items: [
-          items: [
+            { label: "Obchodné podmienky", href: "#" },
-            {
+            { label: "Reklamácie", href: "#" },
-              label: "Obchodné podmienky",
-              href: "#",
-            },
-            {
-              label: "Reklamácie",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 MARGARÉTA. Všetky práva vyhradené."
+      copyrightText="© 2024 MARGARÉTA. Všetky práva vyhradené."
-      bottomRightText="Vytvorené s láskou kvetom."
     />
   </div>
       </ReactLenis>