Update src/app/pricing/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,14 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Úvod",          id: "hero"},
-        {
-          name: "Informace",          id: "about"},
-        {
-          name: "Návštěvní řád",          id: "faq"},
-        {
-          name: "Kontakt",          id: "contact"},
+        { name: "Úvod", id: "hero" },
+        { name: "Informace", id: "about" },
+        { name: "Návštěvní řád", id: "faq" },
+        { name: "Ceník", id: "/pricing" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Krytý bazén Břidličná"
     />
@@ -44,57 +41,35 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Krytý bazén Břidličná"
       description="Vítejte v našem krytém bazénu v Břidličné. Nabízíme ideální prostor pro kondiční plavání, relaxaci a sportovní vyžití pro celou rodinu."
       testimonials={[
-        {
-          name: "Jan Novák",          handle: "@navstevnik",          testimonial: "Skvělé místo pro ranní plavání, vždy čisto a příjemná teplota vody.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-smile-around-outdoor-swimming-pool_74190-11996.jpg"},
-        {
-          name: "Petra Svobodová",          handle: "@plavkyne",          testimonial: "Bazén v Břidličné mám moc ráda, je to naše oblíbené rodinné místo.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-sea-ocean-white-cloud-blue-sky_74190-8833.jpg"},
-        {
-          name: "Michal Dvořák",          handle: "@sportovec",          testimonial: "Ideální délka bazénu pro pravidelný trénink, doporučuji.",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/travel-wet-house-water-resort_1203-5196.jpg"},
-        {
-          name: "Lucie Černá",          handle: "@maminka",          testimonial: "Děti jsou tu spokojené, bazén je pro nás velmi dostupný.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-tree_1339-3186.jpg"},
-        {
-          name: "Tomáš Marek",          handle: "@senior",          testimonial: "Klidné prostředí a profesionální přístup personálu.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-black-swimsuit-relaxes-edge-pool_231208-6655.jpg?_wi=1"},
+        { name: "Jan Novák", handle: "@navstevnik", testimonial: "Skvělé místo pro ranní plavání, vždy čisto a příjemná teplota vody.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-smile-around-outdoor-swimming-pool_74190-11996.jpg" },
+        { name: "Petra Svobodová", handle: "@plavkyne", testimonial: "Bazén v Břidličné mám moc ráda, je to naše oblíbené rodinné místo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-sea-ocean-white-cloud-blue-sky_74190-8833.jpg" },
+        { name: "Michal Dvořák", handle: "@sportovec", testimonial: "Ideální délka bazénu pro pravidelný trénink, doporučuji.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/travel-wet-house-water-resort_1203-5196.jpg" },
+        { name: "Lucie Černá", handle: "@maminka", testimonial: "Děti jsou tu spokojené, bazén je pro nás velmi dostupný.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-swimming-pool-with-palm-tree_1339-3186.jpg" },
+        { name: "Tomáš Marek", handle: "@senior", testimonial: "Klidné prostředí a profesionální přístup personálu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-black-swimsuit-relaxes-edge-pool_231208-6655.jpg?_wi=1" },
       ]}
       buttons={[
-        {
-          text: "Provozní doba",          href: "#about"},
-        {
-          text: "Kontakt",          href: "#contact"},
+        { text: "Provozní doba", href: "#about" },
+        { text: "Ceník", href: "/pricing" },
+        { text: "Kontakt", href: "#contact" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CMgjkZfXagXxkYcju0VJilf8n8/uploaded-1776201443234-sjjqprp0.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22518.jpg",          alt: "Zákazník 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-around-outdoor-swimming-pool_74190-9780.jpg",          alt: "Zákazník 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/laughing-woman-yellow-sunglasses-drinking-fruit-cocktail-sunbathing_197531-20926.jpg",          alt: "Zákazník 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-pool-edge-with-thumbs-up-soft-bokeh-social-content_169016-69247.jpg",          alt: "Zákazník 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/toasting-by-water_1098-14536.jpg",          alt: "Zákazník 5"},
+        { src: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22518.jpg", alt: "Zákazník 1" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-around-outdoor-swimming-pool_74190-9780.jpg", alt: "Zákazník 2" },
+        { src: "http://img.b2bpic.net/free-photo/laughing-woman-yellow-sunglasses-drinking-fruit-cocktail-sunbathing_197531-20926.jpg", alt: "Zákazník 3" },
+        { src: "http://img.b2bpic.net/free-photo/girl-pool-edge-with-thumbs-up-soft-bokeh-social-content_169016-69247.jpg", alt: "Zákazník 4" },
+        { src: "http://img.b2bpic.net/free-photo/toasting-by-water_1098-14536.jpg", alt: "Zákazník 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",          text: "Kondiční plavání"},
-        {
-          type: "text",          text: "Rodinné plavání"},
-        {
-          type: "text",          text: "Moderní zázemí"},
-        {
-          type: "text",          text: "Čistá voda"},
-        {
-          type: "text",          text: "Příjemná teplota"},
+        { type: "text", text: "Kondiční plavání" },
+        { type: "text", text: "Rodinné plavání" },
+        { type: "text", text: "Moderní zázemí" },
+        { type: "text", text: "Čistá voda" },
+        { type: "text", text: "Příjemná teplota" },
       ]}
     />
   </div>
@@ -105,12 +80,9 @@ export default function LandingPage() {
       title="O našem bazénu"
       description="Krytý bazén Břidličná poskytuje zázemí pro širokou veřejnost. Náš bazén je vybaven pro sportovní i rekreační plavání. Spravováno společností MOS s.r.o."
       metrics={[
-        {
-          value: "19:45",          title: "Poslední vstup"},
-        {
-          value: "20:00",          title: "Zavírací doba"},
-        {
-          value: "Denně",          title: "Otevřeno"},
+        { value: "19:45", title: "Poslední vstup" },
+        { value: "20:00", title: "Zavírací doba" },
+        { value: "Denně", title: "Otevřeno" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-pool-high-angle_23-2149089247.jpg"
       mediaAnimation="slide-up"
@@ -123,12 +95,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",          title: "Jaká je zavírací doba?",          content: "Celý bazén se uzavírá v 20:00 hod."},
-        {
-          id: "2",          title: "Kdy musím opustit vodní plochu?",          content: "Všechny osoby opustí vodní plochu nejpozději v 19:45 hod."},
-        {
-          id: "3",          title: "Je v provozu sauna?",          content: "Spodní sauna je momentálně mimo provoz."},
+        { id: "1", title: "Jaká je zavírací doba?", content: "Celý bazén se uzavírá v 20:00 hod." },
+        { id: "2", title: "Kdy musím opustit vodní plochu?", content: "Všechny osoby opustí vodní plochu nejpozději v 19:45 hod." },
+        { id: "3", title: "Je v provozu sauna?", content: "Spodní sauna je momentálně mimo provoz." },
       ]}
       title="Návštěvní řád a informace"
       description="Zde naleznete nejdůležitější pravidla pro vaši návštěvu."
@@ -147,19 +116,15 @@ export default function LandingPage() {
         {
           title: "Plavecký bazén",          description: "Bazén ideálních rozměrů pro kondiční plavání i odpočinek.",          icon: Waves,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-dressing-room-spa-there-is-woman-background_637285-7510.jpg",              imageAlt: "Plavecký bazén detail"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/panoramic-spa-lounge-minimalist-relaxation-modern-resort_169016-68893.jpg",              imageAlt: "Bazénová hala"},
+            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-dressing-room-spa-there-is-woman-background_637285-7510.jpg", imageAlt: "Plavecký bazén detail" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/panoramic-spa-lounge-minimalist-relaxation-modern-resort_169016-68893.jpg", imageAlt: "Bazénová hala" },
           ]
         },
         {
           title: "Zázemí a šatny",          description: "Čisté a prostorné šatny se sprchami pro vaše maximální pohodlí.",          icon: Droplets,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-black-swimsuit-relaxes-edge-pool_231208-6655.jpg?_wi=2",              imageAlt: "Zázemí"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22518.jpg",              imageAlt: "Sprchy"},
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-black-swimsuit-relaxes-edge-pool_231208-6655.jpg?_wi=2", imageAlt: "Zázemí" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22518.jpg", imageAlt: "Sprchy" },
           ]
         },
       ]}
@@ -169,16 +134,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Kontakt"
       title="Potřebujete se nás na něco zeptat?"
       description="Bruntálská 437, Břidličná. Kontakt pro masáže: 605 476 038. E-mail: bazenbridlicna@gmail.com. Telefon: 554 286 334."
       buttons={[
-        {
-          text: "Napsat e-mail",          href: "mailto:bazenbridlicna@gmail.com"},
-        {
-          text: "Zobrazit na mapě",          href: "https://mapy.cz/s/cufatofano"},
+        { text: "Napsat e-mail", href: "mailto:bazenbridlicna@gmail.com" },
+        { text: "Zobrazit na mapě", href: "https://mapy.cz/s/cufatofano" },
       ]}
     />
   </div>
@@ -186,10 +148,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Krytý bazén Břidličná"
-      leftLink={{
-        text: "Společenský dům Břidličná",        href: "#"}}
-      rightLink={{
-        text: "MOS s.r.o.",        href: "#"}}
+      leftLink={{ text: "Společenský dům Břidličná", href: "#" }}
+      rightLink={{ text: "MOS s.r.o.", href: "#" }}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+                { name: "Úvod", id: "hero" },
+                { name: "Informace", id: "about" },
+                { name: "Návštěvní řád", id: "faq" },
+                { name: "Ceník", id: "/pricing" },
+                { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Krytý bazén Břidličná"
+            />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+            <PricingCardOne
+                animationType="slide-up"
+                textboxLayout="default"
+                title="Ceník vstupného"
+                description="Vybírejte z našich cenových tarifů pro plavání a relaxaci."
+                useInvertedBackground={false}
+                plans={[
+                    {
+                        id: "basic",                        badge: "Standard",                        price: "80 Kč",                        subtitle: "Základní vstupné na 1 hodinu",                        features: ["Neomezený vstup", "Přístup do sprch", "Základní služby"]
+                    },
+                    {
+                        id: "family",                        badge: "Rodinné",                        price: "250 Kč",                        subtitle: "Pro 2 dospělé a 2 děti",                        features: ["Výhodná cena", "Rodinný vstup", "Přístup do všech zón"]
+                    }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+                logoText="Krytý bazén Břidličná"
+                leftLink={{ text: "Společenský dům Břidličná", href: "#" }}
+                rightLink={{ text: "MOS s.r.o.", href: "#" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}