Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 74f1d44d3c | |||
| 1764fc07c6 | |||
| 64c0efa0ca | |||
| 367735fb02 | |||
| c298a01cc2 |
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,71 +32,30 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Pricing", id: "pricing" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Koupaliště Trnávka"
|
brandName="Trnávka Swimming Pool"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{ variant: "rotated-rays-static" }}
|
||||||
variant: "rotated-rays-static",
|
|
||||||
}}
|
|
||||||
title="Cool Off at Trnávka This Summer"
|
title="Cool Off at Trnávka This Summer"
|
||||||
description="Your neighborhood swimming destination with family pools, lap lanes, and year-round activities. Check hours, book tickets, and dive in."
|
description="Your neighborhood swimming destination, located in the heart of the community with a rich history of summer memories. Join us for family fun, lap training, and relaxation."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Buy Tickets Now", href: "#pricing" },
|
||||||
text: "Buy Tickets Now",
|
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-mattress-pool_23-2147814752.jpg", imageAlt: "Family pool recreation" },
|
||||||
id: "h1",
|
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girls-posing-water_23-2148699974.jpg", imageAlt: "Lap lanes swimming" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-mattress-pool_23-2147814752.jpg",
|
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/fishing-brothers_1098-20860.jpg", imageAlt: "Kids water area" },
|
||||||
imageAlt: "Family pool recreation",
|
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-swimming-pool_23-2147814738.jpg", imageAlt: "Sunny pool day" },
|
||||||
},
|
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg", imageAlt: "Tranquil blue pool" },
|
||||||
{
|
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-swimmer-pool_23-2148326782.jpg", imageAlt: "Swimming facility architecture" },
|
||||||
id: "h2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girls-posing-water_23-2148699974.jpg",
|
|
||||||
imageAlt: "Lap lanes swimming",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h3",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fishing-brothers_1098-20860.jpg",
|
|
||||||
imageAlt: "Kids water area",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h4",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-swimming-pool_23-2147814738.jpg",
|
|
||||||
imageAlt: "Sunny pool day",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg",
|
|
||||||
imageAlt: "Tranquil blue pool",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h6",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-swimmer-pool_23-2148326782.jpg",
|
|
||||||
imageAlt: "Swimming facility architecture",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -104,10 +63,9 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Your Summer Oasis"
|
title="Established 1985"
|
||||||
description={[
|
description={[
|
||||||
"Trnávka offers a state-of-the-art facility for the whole family, from professional lap swimmers to those just looking for a cool break from the heat.",
|
"For nearly four decades, Trnávka has been the premier summer destination for families and swimming enthusiasts. Located conveniently on the edge of the scenic town green, we have grown from a modest municipal pool to a modern aquatic facility.", "Our history is built on community trust and endless summer joy. We continue to upgrade our facilities every season to ensure the highest standards for our visitors."
|
||||||
"We pride ourselves on providing a safe, clean, and welcoming environment for everyone in our community.",
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -118,36 +76,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", label: "Pools", title: "Family & Lap Pools", items: ["Olympic-sized lap pool", "Zero-entry family zone", "Diving board area"] },
|
||||||
id: "f1",
|
{ id: "f2", label: "Services", title: "Lessons & Events", items: ["Swim lessons for all ages", "Corporate event hosting", "Private party rentals"] },
|
||||||
label: "Pools",
|
{ id: "f3", label: "Amenities", title: "Comfort & Safety", items: ["Lifeguard monitored", "On-site snack bar", "Changing rooms and lockers"] },
|
||||||
title: "Family & Lap Pools",
|
|
||||||
items: [
|
|
||||||
"Olympic-sized lap pool",
|
|
||||||
"Zero-entry family zone",
|
|
||||||
"Diving board area",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
label: "Services",
|
|
||||||
title: "Lessons & Events",
|
|
||||||
items: [
|
|
||||||
"Swim lessons for all ages",
|
|
||||||
"Corporate event hosting",
|
|
||||||
"Private party rentals",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
label: "Amenities",
|
|
||||||
title: "Comfort & Safety",
|
|
||||||
items: [
|
|
||||||
"Lifeguard monitored",
|
|
||||||
"On-site snack bar",
|
|
||||||
"Changing rooms and lockers",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Facility Highlights"
|
title="Facility Highlights"
|
||||||
description="Everything you need for a perfect day at the pool."
|
description="Everything you need for a perfect day at the pool."
|
||||||
@@ -160,57 +91,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "p1", badge: "Daily", price: "150 CZK", subtitle: "Full day access", features: ["Access to all pools", "Free lockers", "Full-day re-entry"], buttons: [{ text: "Book Daily", href: "#" }] },
|
||||||
id: "p1",
|
{ id: "p2", badge: "Family", price: "450 CZK", subtitle: "Best for groups", features: ["2 Adults + 2 Kids", "Includes 1 drink each", "Family locker access"], buttons: [{ text: "Book Family", href: "#" }] },
|
||||||
badge: "Daily",
|
{ id: "p3", badge: "Best Value", price: "2,500 CZK", subtitle: "All summer long", features: ["Unlimited pool entry", "Fast-track entry lane", "Event discounts"], buttons: [{ text: "Buy Season", href: "#" }] },
|
||||||
price: "150 CZK",
|
|
||||||
subtitle: "Full day access",
|
|
||||||
features: [
|
|
||||||
"Access to all pools",
|
|
||||||
"Free lockers",
|
|
||||||
"Full-day re-entry",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Book Daily",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
badge: "Family",
|
|
||||||
price: "450 CZK",
|
|
||||||
subtitle: "Best for groups",
|
|
||||||
features: [
|
|
||||||
"2 Adults + 2 Kids",
|
|
||||||
"Includes 1 drink each",
|
|
||||||
"Family locker access",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Book Family",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
badge: "Season",
|
|
||||||
price: "2,500 CZK",
|
|
||||||
subtitle: "All summer long",
|
|
||||||
features: [
|
|
||||||
"Unlimited pool entry",
|
|
||||||
"Fast-track entry lane",
|
|
||||||
"Event discounts",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Buy Season",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Clear & Simple Pricing"
|
title="Clear & Simple Pricing"
|
||||||
description="Choose the ticket option that fits your visit."
|
description="Choose the ticket option that fits your visit."
|
||||||
@@ -223,24 +106,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", title: "Water Temperature", value: "26°C", icon: Droplets },
|
||||||
id: "m1",
|
{ id: "m2", title: "Current Occupancy", value: "65%", icon: Users },
|
||||||
title: "Water Temperature",
|
{ id: "m3", title: "Facility Status", value: "Open", icon: CheckCircle },
|
||||||
value: "26°C",
|
|
||||||
icon: Droplets,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
title: "Current Occupancy",
|
|
||||||
value: "65%",
|
|
||||||
icon: Users,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
title: "Facility Status",
|
|
||||||
value: "Open",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Facility Status"
|
title="Facility Status"
|
||||||
description="Real-time updates to help you plan your visit."
|
description="Real-time updates to help you plan your visit."
|
||||||
@@ -251,34 +119,14 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Jana Nováková", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59157.jpg" },
|
||||||
id: "t1",
|
{ id: "t2", name: "Petr Svoboda", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-male-swimmer_23-2148326733.jpg" },
|
||||||
name: "Jana Nováková",
|
{ id: "t3", name: "Marie Dvořáková", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-senior-man-swimming_23-2151207401.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59157.jpg",
|
{ id: "t4", name: "Karel Černý", imageSrc: "http://img.b2bpic.net/free-photo/little-cute-baby-boy-instructor-with-kid-mother-with-son_1157-42285.jpg" },
|
||||||
},
|
{ id: "t5", name: "Lucie Kučerová", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg" },
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Petr Svoboda",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-male-swimmer_23-2148326733.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Marie Dvořáková",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-senior-man-swimming_23-2151207401.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Karel Černý",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/little-cute-baby-boy-instructor-with-kid-mother-with-son_1157-42285.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Lucie Kučerová",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Loved by the Community"
|
cardTitle="Loved by the Community"
|
||||||
cardTag="Community Stories"
|
cardTag="Recent Reviews"
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -288,21 +136,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Is the pool open in bad weather?", content: "Yes, we monitor conditions closely and remain open unless severe weather warnings are issued." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Are there swimming lessons available?", content: "We offer group and private lessons for children and adults. Check our events board for schedules." },
|
||||||
title: "Is the pool open in bad weather?",
|
{ id: "q3", title: "Can I bring my own food?", content: "We encourage you to visit our on-site snack bar, but small snacks are allowed in picnic areas." },
|
||||||
content: "Yes, we monitor conditions closely and remain open unless severe weather warnings are issued.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Are there swimming lessons available?",
|
|
||||||
content: "We offer group and private lessons for children and adults. Check our events board for schedules.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Can I bring my own food?",
|
|
||||||
content: "We encourage you to visit our on-site snack bar, but small snacks are allowed in picnic areas.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/professional-guys-posing-beach-with-lifejacket-lifebuoy_273609-31488.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/professional-guys-posing-beach-with-lifejacket-lifebuoy_273609-31488.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -315,15 +151,10 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
text="Ready to dive in? Contact us for event bookings or membership questions today."
|
text="Ready to dive in? Contact us for event bookings or membership questions today."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Contact Us", href: "mailto:info@trnavkapool.cz" },
|
||||||
text: "Contact Us",
|
|
||||||
href: "mailto:info@trnavkapool.cz",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -331,47 +162,11 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Tickets", href: "#pricing" }] },
|
||||||
title: "Explore",
|
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||||
items: [
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Tickets",
|
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Connect",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "FAQ",
|
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Koupaliště Trnávka"
|
bottomLeftText="© 2024 Trnávka Swimming Pool"
|
||||||
bottomRightText="Built with passion"
|
bottomRightText="Built with passion"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user