263 lines
14 KiB
TypeScript
263 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||
import { Phone } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
const heroImageUrl = 'http://img.b2bpic.net/free-photo/hotel-reflected-water_1203-175.jpg';
|
||
const roomStandardUrl = 'http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg';
|
||
const roomFamilyUrl = 'http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976580.jpg';
|
||
const roomBalconyUrl = 'http://img.b2bpic.net/free-photo/fit-tanned-caucasian-woman-light-blue-mint-color-overall-teracce-balcony-luxury-villa-with-amazing-tropical-sea-view_343596-3021.jpg';
|
||
const breakfastUrl = 'http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg';
|
||
const parkingUrl = 'http://img.b2bpic.net/free-photo/taxi-driver-getting-ready-customer_23-2149273209.jpg';
|
||
const testimonial1Url = 'http://img.b2bpic.net/free-photo/family-with-little-son-autumn-park_1157-22246.jpg';
|
||
const testimonial2Url = 'http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-brown-turtleneck-sweater-showing-thumb-up-isolated-purple-wall_141793-87294.jpg';
|
||
const testimonial3Url = 'http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286534.jpg';
|
||
const testimonial4Url = 'http://img.b2bpic.net/free-photo/portrait-smiling-blonde-hair-woman-with-her-boyfriend_23-2148193960.jpg';
|
||
const testimonial5Url = 'http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2925.jpg';
|
||
const testimonial6Url = 'http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg';
|
||
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmall"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Domů", id: "hero" },
|
||
{ name: "Pokoje", id: "rooms" },
|
||
{ name: "Přednosti", id: "features" },
|
||
{ name: "Recenze", id: "testimonials" },
|
||
{ name: "O hotelu", id: "about" },
|
||
{ name: "FAQ", id: "faq" },
|
||
{ name: "Kontakt", id: "contact" }
|
||
]}
|
||
brandName="Hotel Fontána"
|
||
bottomLeftText="Praha 10 - Petrovice"
|
||
bottomRightText="+420 603 412 907"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboardSplit
|
||
logoText="Hotel Fontána"
|
||
description="Klidné ubytování v Praze 10 – Petrovice. Venkovní bazén, snídaně v ceně, parkování zdarma a rodinná atmosféra čekají na vaši rezervaci."
|
||
background={{ variant: "plain" }}
|
||
layoutOrder="default"
|
||
imageSrc={heroImageUrl}
|
||
imageAlt="Venkovní bazén Hotel Fontána"
|
||
mediaAnimation="slide-up"
|
||
frameStyle="card"
|
||
buttons={[
|
||
{ text: "Zavolat nyní", href: "tel:+420603412907" },
|
||
{ text: "Zjistit dostupnost", href: "#contact" }
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
ariaLabel="Hero sekce Hotel Fontána"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardMedia
|
||
title="Přednosti Hotel Fontána"
|
||
description="Vše, co potřebujete k dokonalé dovolené nebo pracovní cestě v Praze."
|
||
tag="Výhody"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="opacity"
|
||
carouselMode="buttons"
|
||
features={[
|
||
{
|
||
id: "pool", title: "Venkovní bazén", description: "Relaxace a zábava pro celou rodinu během letních měsíců.", tag: "Letní zábava", imageSrc: heroImageUrl,
|
||
imageAlt: "Venkovní bazén"
|
||
},
|
||
{
|
||
id: "breakfast", title: "Snídaně v ceně", description: "Chutná a bohatá snídaně každé ráno. Čerstvý chleb, sýry, vejce a kahva.", tag: "Raději se snídaní", imageSrc: breakfastUrl,
|
||
imageAlt: "Snídaňový bufet"
|
||
},
|
||
{
|
||
id: "wifi", title: "Wi-Fi zdarma", description: "Vysokorychlostní internet ve všech pokojích a společných prostorech.", tag: "Vždy online", imageSrc: roomStandardUrl,
|
||
imageAlt: "Pokoj s Wi-Fi"
|
||
},
|
||
{
|
||
id: "parking", title: "Parkování zdarma", description: "Bezpečné parkování přímo u hotelu. Bez dodatečných poplatků.", tag: "Parkování", imageSrc: parkingUrl,
|
||
imageAlt: "Parkovací plocha"
|
||
},
|
||
{
|
||
id: "pets", title: "Domácí mazlíčci vítáni", description: "Přivezte si vaše zvířátko. Nabízíme pet-friendly pokoje.", tag: "S mazlíčky", imageSrc: roomFamilyUrl,
|
||
imageAlt: "Pet-friendly pokoj"
|
||
},
|
||
{
|
||
id: "families", title: "Rodinné pokoje", description: "Prostorné pokoje pro rodiny s dětmi. Ideální pro skupiny.", tag: "Rodiny", imageSrc: roomBalconyUrl,
|
||
imageAlt: "Rodinný pokoj"
|
||
}
|
||
]}
|
||
ariaLabel="Přednosti sekce"
|
||
/>
|
||
</div>
|
||
|
||
<div id="rooms" data-section="rooms">
|
||
<ProductCardThree
|
||
title="Naše pokoje"
|
||
description="Vyberte si pokoj, který vyhovuje vašim potřebám. Všechny pokoje jsou moderně vybaveny a pohodlné."
|
||
tag="Ubytování"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="scale-rotate"
|
||
gridVariant="three-columns-all-equal-width"
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "standard", name: "Standard pokoj", price: "1,200 Kč / noc", imageSrc: roomStandardUrl,
|
||
imageAlt: "Standard pokoj"
|
||
},
|
||
{
|
||
id: "family", name: "Rodinný pokoj", price: "1,800 Kč / noc", imageSrc: roomFamilyUrl,
|
||
imageAlt: "Rodinný pokoj"
|
||
},
|
||
{
|
||
id: "balcony", name: "Pokoj s balkonem", price: "1,500 Kč / noc", imageSrc: roomBalconyUrl,
|
||
imageAlt: "Pokoj s balkonem"
|
||
}
|
||
]}
|
||
buttons={[{ text: "Rezervovat nyní", href: "#contact" }]}
|
||
buttonAnimation="blur-reveal"
|
||
ariaLabel="Pokoje sekce"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
title="Co říkají naši hosté"
|
||
description="Přečtěte si názory lidí, kteří již Hotel Fontána navštívili."
|
||
tag="Recenze"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Jana Novotná", date: "srpen 2024", title: "Rodina", quote: "Skvělý pokoj, příjemný bazén a excelentní snídaně. Hotel je ideální pro rodiny s dětmi. Chceme se vrátit!", tag: "Rodina", avatarSrc: testimonial1Url,
|
||
avatarAlt: "Jana Novotná"
|
||
},
|
||
{
|
||
id: "2", name: "Petr Dvořák", date: "červenec 2024", title: "Pracovník", quote: "Obchodní cesta v Praze se stala příjemnou. Klidné místo, dobra wifi a přesně v Petrovicích jak je potřeba.", tag: "Práce", avatarSrc: testimonial2Url,
|
||
avatarAlt: "Petr Dvořák"
|
||
},
|
||
{
|
||
id: "3", name: "Markéta Svobodová", date: "červen 2024", title: "Cestovatelka", quote: "Parádní hotel! Čisté pokoje, venkovní bazén je skvost a personál velice milý. Cena je naprosto férová.", tag: "Cestování", avatarSrc: testimonial3Url,
|
||
avatarAlt: "Markéta Svobodová"
|
||
},
|
||
{
|
||
id: "4", name: "Eva a Jiří Krčkovi", date: "květen 2024", title: "Pár", quote: "Ideální místo pro víkendový relax. Bazén byl nádherný, snídaně vynikající. Srdečně doporučujeme!", tag: "Pobyt", avatarSrc: testimonial4Url,
|
||
avatarAlt: "Eva a Jiří Krčkovi"
|
||
},
|
||
{
|
||
id: "5", name: "David Malý", date: "duben 2024", title: "Turista", quote: "Praha je úžasná a Hotel Fontána ještě lepší. Pokoj s balkonem, hezký výhled. Určitě se vrátím.", tag: "Turismus", avatarSrc: testimonial5Url,
|
||
avatarAlt: "David Malý"
|
||
},
|
||
{
|
||
id: "6", name: "Alena Vychopňová", date: "březen 2024", title: "Seniorka", quote: "Velmi milý personál, čisté pokoje a pohodlné lůžko. Parkování zdarma bylo super. Děkuji!", tag: "Pobyt", avatarSrc: testimonial6Url,
|
||
avatarAlt: "Alena Vychopňová"
|
||
}
|
||
]}
|
||
ariaLabel="Recenze sekce"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="O nás"
|
||
tagAnimation="slide-up"
|
||
title="Hotel Fontána – Vaše druhý domov v Praze"
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "Kontaktujte nás", href: "#contact" }]}
|
||
buttonAnimation="blur-reveal"
|
||
ariaLabel="O nás sekce"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
ctaTitle="Chcete rezervaci?"
|
||
ctaDescription="Vyplňte formulář nebo nám zavolejte. Odpovíme rychle a vytvoříme vám nezapomenutelný pobyt."
|
||
ctaButton={{
|
||
text: "Zavolat: +420 603 412 907", href: "tel:+420603412907"
|
||
}}
|
||
ctaIcon={Phone}
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Jak se rezervuje pokoj?", content: "Zavolejte nám na číslo +420 603 412 907 nebo vyplňte formulář na tomto webu. Odpovíme vám do 2 hodin s dostupností a cenou."
|
||
},
|
||
{
|
||
id: "2", title: "Jaké jsou podmínky zrušení?", content: "Rezervaci lze zrušit do 7 dní před příjezdem bez penále. Zrušení v poslední týdnu se počítá jako 50% ceny."
|
||
},
|
||
{
|
||
id: "3", title: "Je možno přivézt domácího mazlíka?", content: "Ano! Máme pet-friendly pokoje. Kontaktujte nás prosím předem, abychom vám připravili vhodný pokoj."
|
||
},
|
||
{
|
||
id: "4", title: "Je Wi-Fi zdarma?", content: "Ano, vysokorychlostní Wi-Fi je v ceně ubytování ve všech pokojích a společných prostorech."
|
||
},
|
||
{
|
||
id: "5", title: "Jak dlouho trvá cesta do centra Prahy?", content: "Ze Petrovice do centra Prahy trvá cesta metrem či autobusem cca 20-30 minut."
|
||
}
|
||
]}
|
||
ariaLabel="Kontakt a FAQ sekce"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Hotel Fontána"
|
||
copyrightText="© 2024 Hotel Fontána. Všechna práva vyhrazena."
|
||
columns={[
|
||
{
|
||
title: "Kontakt", items: [
|
||
{ label: "Telefon", href: "tel:+420603412907" },
|
||
{ label: "Email", href: "mailto:info@hotelfontana.cz" },
|
||
{ label: "Edisonova 149/67, Praha 10", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Navigace", items: [
|
||
{ label: "Domů", href: "#hero" },
|
||
{ label: "Pokoje", href: "#rooms" },
|
||
{ label: "Recenze", href: "#testimonials" },
|
||
{ label: "FAQ", href: "#faq" }
|
||
]
|
||
},
|
||
{
|
||
title: "Info", items: [
|
||
{ label: "Obchodní podmínky", href: "#" },
|
||
{ label: "Zásady ochrany", href: "#" },
|
||
{ label: "Cookies", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
ariaLabel="Footer sekce"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|