187 lines
8.3 KiB
TypeScript
187 lines
8.3 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "O nás", id: "#about"},
|
||
{
|
||
name: "Služby", id: "#services"},
|
||
{
|
||
name: "Pokoje", id: "#rooms"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
{
|
||
name: "Rezervace", id: "#booking"},
|
||
]}
|
||
brandName="Horaizon"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Vítejte v Hotelu Horaizon"
|
||
description="Váš klidný úkryt v srdci Prahy"
|
||
tag="Ubytování Praha 5"
|
||
buttons={[
|
||
{
|
||
text: "Prohlédnout pokoje", href: "#rooms"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg", imageAlt: "Luxusní hotel Horaizon"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bench-green-park_1232-3479.jpg", imageAlt: "Hotelový park"},
|
||
]}
|
||
mediaAnimation="blur-reveal"
|
||
rating={5}
|
||
ratingText="5 hvězdičkový zážitek"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Tradice pohostinnosti"
|
||
description={[
|
||
"Hotel Horaizon nabízí komfortní ubytování v klidné části Prahy 5 – Jinonice. Náš hotel je ideálním místem pro obchodní cestující i turisty, kteří hledají pohodlné zázemí s výbornou dostupností do centra města.", "Všechny pokoje jsou vybaveny moderním nábytkem a poskytují vše potřebné pro příjemný pobyt. K dispozici je parkování v oploceném areálu, snídaně a bezplatné Wi-Fi připojení."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="rooms" data-section="rooms">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1", brand: "Horaizon", name: "Dvoulůžkový pokoj — Komfort", price: "1 575 Kč / noc", rating: 5,
|
||
reviewCount: "120 recenzí", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg"},
|
||
{
|
||
id: "2", brand: "Horaizon", name: "Dvoulůžkový pokoj — Standard", price: "1 350 Kč / noc", rating: 4,
|
||
reviewCount: "95 recenzí", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-with-light-lamp_74190-5862.jpg"},
|
||
{
|
||
id: "3", brand: "Horaizon", name: "Rodinný pokoj", price: "2 125 Kč / noc", rating: 5,
|
||
reviewCount: "80 recenzí", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-hugging-bed_23-2149690949.jpg"},
|
||
]}
|
||
title="Naše pokoje"
|
||
description="Vyberte si z naší široké nabídky komfortních pokojů pro váš dokonalý odpočinek."
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", title: "Parkování v ceně", tags: [
|
||
"Zdarma"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913719.jpg", imageAlt: "Empty billboard in metropolis city"},
|
||
{
|
||
id: "f2", title: "Wi-Fi připojení", tags: [
|
||
"Vysokorychlostní"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg", imageAlt: "Empty billboard in metropolis city"},
|
||
{
|
||
id: "f3", title: "Hotelový park", tags: [
|
||
"Relaxace"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg", imageAlt: "Empty billboard in metropolis city"},
|
||
{
|
||
id: "f4", title: "Hotelový bar", tags: [
|
||
"Nápoje"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-with-light-lamp_74190-5862.jpg", imageAlt: "Empty billboard in metropolis city"},
|
||
{
|
||
id: "f5", title: "Konferenční prostory", tags: [
|
||
"Business"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-hugging-bed_23-2149690949.jpg", imageAlt: "Empty billboard in metropolis city"},
|
||
]}
|
||
title="Služby"
|
||
description="Užijte si širokou škálu doplňkových služeb pro zpříjemnění vašeho pobytu."
|
||
/>
|
||
</div>
|
||
|
||
<div id="booking" data-section="booking">
|
||
<PricingCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "call", title: "Telefonická rezervace", price: "+420 251 172 253", period: "24/7", features: [
|
||
"Nejvýhodnější ceny", "Osobní přístup"],
|
||
button: {
|
||
text: "Zavolat"},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury bedroom interior with rich furniture and scenic view from walkout deck"},
|
||
{
|
||
id: "email", title: "Rezervace e-mailem", price: "recepce@hs-radlicka.cz", period: "okamžitá odezva", features: [
|
||
"Potvrzení rezervace", "Detailní informace"],
|
||
button: {
|
||
text: "Napsat email"},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg", imageAlt: "Luxury bedroom interior with rich furniture and scenic view from walkout deck"},
|
||
]}
|
||
title="Rezervace"
|
||
description="Pro nejlepší ceny doporučujeme rezervovat přímo telefonicky nebo e-mailem. * Cena nezahrnuje rekreační poplatek."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Kde nás najdete"
|
||
description="Radlická 115, 158 00 Praha 5 – Jinonice. Recepce: +420 251 172 253 / 254"
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Vaše jméno", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Váš email", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Vaše zpráva...", rows: 4,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/laptop-near-smartphone-watch-table_23-2148036898.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Hotel Horaizon"
|
||
copyrightText="© 2026 Hotel Horaizon. Všechna práva vyhrazena."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|