Update src/app/page.tsx
This commit is contained in:
125
src/app/page.tsx
125
src/app/page.tsx
@@ -5,11 +5,12 @@ 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 HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
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';
|
||||
import { CalendarDays, Coffee, MapPin, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,50 +30,35 @@ export default function LandingPage() {
|
||||
<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"},
|
||||
{ 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?_wi=1", 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"
|
||||
<HeroLogo
|
||||
logoText="Hotel Horaizon"
|
||||
description="Váš klidný úkryt v srdci Prahy, kde se tradice potkává s moderním pohodlím."
|
||||
buttons={[{ text: "Rezervovat pobyt", href: "#booking" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg?_wi=1"
|
||||
imageAlt="Luxusní hotel Horaizon exteriér"
|
||||
/>
|
||||
</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í."]}
|
||||
<AboutMetric
|
||||
title="Proč si vybrat Horaizon"
|
||||
metrics={[
|
||||
{ icon: CalendarDays, label: "Let zkušeností", value: "25+" },
|
||||
{ icon: Smile, label: "Spokojených hostů", value: "10,000+" },
|
||||
{ icon: Coffee, label: "Snídaně v ceně", value: "100%" },
|
||||
{ icon: MapPin, label: "Klidná lokalita", value: "Praha 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,14 +70,14 @@ export default function LandingPage() {
|
||||
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?_wi=1"},
|
||||
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?_wi=1"},
|
||||
{
|
||||
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?_wi=1"},
|
||||
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?_wi=1"},
|
||||
{
|
||||
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?_wi=1"},
|
||||
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?_wi=1"},
|
||||
]}
|
||||
title="Naše pokoje"
|
||||
description="Vyberte si z naší široké nabídky komfortních pokojů pro váš dokonalý odpočinek."
|
||||
@@ -104,26 +90,11 @@ export default function LandingPage() {
|
||||
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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", imageAlt: "Empty billboard in metropolis city"},
|
||||
{ id: "f1", title: "Parkování v ceně", tags: ["Zdarma"], imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913719.jpg" },
|
||||
{ id: "f2", title: "Wi-Fi připojení", tags: ["Vysokorychlostní"], imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg?_wi=2" },
|
||||
{ id: "f3", title: "Hotelový park", tags: ["Relaxace"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg?_wi=2" },
|
||||
{ id: "f4", title: "Hotelový bar", tags: ["Nápoje"], imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-with-light-lamp_74190-5862.jpg?_wi=2" },
|
||||
{ id: "f5", title: "Konferenční prostory", tags: ["Business"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-hugging-bed_23-2149690949.jpg?_wi=2" },
|
||||
]}
|
||||
title="Služby"
|
||||
description="Užijte si širokou škálu doplňkových služeb pro zpříjemnění vašeho pobytu."
|
||||
@@ -137,17 +108,13 @@ export default function LandingPage() {
|
||||
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: "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"},
|
||||
{
|
||||
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?_wi=3", 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?_wi=3"},
|
||||
]}
|
||||
title="Rezervace"
|
||||
description="Pro nejlepší ceny doporučujeme rezervovat přímo telefonicky nebo e-mailem. * Cena nezahrnuje rekreační poplatek."
|
||||
@@ -160,16 +127,10 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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,
|
||||
}}
|
||||
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>
|
||||
@@ -183,4 +144,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user