Update src/app/page.tsx

Merge version_1 into main

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,36 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "O nás", id: "#about" },
-          name: "O nás",          id: "#about"},
+        { name: "Služby", id: "#services" },
-        {
+        { name: "Pokoje", id: "#rooms" },
-          name: "Služby",          id: "#services"},
+        { name: "Kontakt", id: "#contact" },
-        {
+        { name: "Rezervace", id: "#booking" },
-          name: "Pokoje",          id: "#rooms"},
-        {
-          name: "Kontakt",          id: "#contact"},
-        {
-          name: "Rezervace",          id: "#booking"},
       ]}
       brandName="Horaizon"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroLogo
-      background={{
+      logoText="Hotel Horaizon"
-        variant: "gradient-bars"}}
+      description="Váš klidný úkryt v srdci Prahy, kde se tradice potkává s moderním pohodlím."
-      title="Vítejte v Hotelu Horaizon"
+      buttons={[{ text: "Rezervovat pobyt", href: "#booking" }]}
-      description="Váš klidný úkryt v srdci Prahy"
+      imageSrc="http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg?_wi=1"
-      tag="Ubytování Praha 5"
+      imageAlt="Luxusní hotel Horaizon exteriér"
-      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"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <AboutMetric
+      title="Proč si vybrat Horaizon"
       useInvertedBackground={false}
-      title="Tradice pohostinnosti"
+      metrics={[
-      description={[
+        { icon: CalendarDays, label: "Let zkušeností", value: "25+" },
-        "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í."]}
+        { 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 +71,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          brand: "Horaizon",          name: "Dvoulůžkový pokoj — Komfort",          price: "1 575 Kč / noc",          rating: 5,
+          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"},
+          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,
+          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"},
+          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,
+          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"},
+          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 +91,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" },
-          id: "f1",          title: "Parkování v ceně",          tags: [
+        { 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" },
-            "Zdarma"],
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913719.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?_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" },
-          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"},
       ]}
       title="Služby"
       description="Užijte si širokou škálu doplňkových služeb pro zpříjemnění vašeho pobytu."
@@ -137,17 +109,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "call",          title: "Telefonická rezervace",          price: "+420 251 172 253",          period: "24/7",          features: [
+          id: "call", title: "Telefonická rezervace", price: "+420 251 172 253", period: "24/7", features: ["Nejvýhodnější ceny", "Osobní přístup"],
-            "Nejvýhodnější ceny",            "Osobní přístup"],
+          button: { text: "Zavolat" },
-          button: {
+          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"},
-            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: [
+          id: "email", title: "Rezervace e-mailem", price: "recepce@hs-radlicka.cz", period: "okamžitá odezva", features: ["Potvrzení rezervace", "Detailní informace"],
-            "Potvrzení rezervace",            "Detailní informace"],
+          button: { text: "Napsat email" },
-          button: {
+          imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg?_wi=3"},
-            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"},
       ]}
       title="Rezervace"
       description="Pro nejlepší ceny doporučujeme rezervovat přímo telefonicky nebo e-mailem. * Cena nezahrnuje rekreační poplatek."
@@ -160,16 +128,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: "name",          type: "text",          placeholder: "Vaše jméno",          required: true,
+        { name: "email", type: "email", placeholder: "Váš email", required: true },
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Váš email",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Vaše zpráva...", rows: 4 }}
-        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 +145,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}