Merge version_4 into main #4
190
src/app/page.tsx
190
src/app/page.tsx
@@ -32,16 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Kezdőlap", id: "hero"},
|
||||
{
|
||||
name: "Rólunk", id: "about"},
|
||||
{
|
||||
name: "Felszereltség", id: "amenities"},
|
||||
{
|
||||
name: "Galéria", id: "gallery"},
|
||||
{
|
||||
name: "Kapcsolat", id: "contact"},
|
||||
{ name: "Kezdőlap", id: "hero" },
|
||||
{ name: "Rólunk", id: "about" },
|
||||
{ name: "Felszereltség", id: "amenities" },
|
||||
{ name: "Galéria", id: "gallery" },
|
||||
{ name: "Kapcsolat", id: "contact" },
|
||||
]}
|
||||
brandName="Csalogány Apartman"
|
||||
/>
|
||||
@@ -49,69 +44,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Csalogány Apartman – Pihenés Baján"
|
||||
description="Kényelmes és modern apartman akár 5 fő részére, Baja szívében."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-room-with-big-window_1203-1490.jpg", imageAlt: "Apartman nappali"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118958.jpg", imageAlt: "Apartman háló"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-festive-hat-waving-via-laptop_132075-10861.jpg", imageAlt: "Apartman részlet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-little-son-sitting-watching-tv_1157-31600.jpg", imageAlt: "Apartman konyha"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg", imageAlt: "Apartman fürdőszoba"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561160.jpg", imageAlt: "Apartman terasz"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spacious-room-with-big-window_1203-1490.jpg", imageAlt: "Apartman nappali" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118958.jpg", imageAlt: "Apartman háló" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-festive-hat-waving-via-laptop_132075-10861.jpg", imageAlt: "Apartman részlet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mother-little-son-sitting-watching-tv_1157-31600.jpg", imageAlt: "Apartman konyha" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg", imageAlt: "Apartman fürdőszoba" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561160.jpg", imageAlt: "Apartman terasz" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-book-relax_23-2148832365.jpg", imageAlt: "Apartman háló"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927813.jpg", imageAlt: "Apartman nappali"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-evening-reading-nook-with-warm-light-coffee_23-2152031745.jpg", imageAlt: "Apartman részlet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-presents-near-bed_23-2147742136.jpg", imageAlt: "Apartman konyha"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-by-lighting-equipment-generated-by-ai_188544-21440.jpg", imageAlt: "Apartman fürdőszoba"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-blonde-girl-black-dress-lying-bed-against-new-year-tree-studio-happy-holidays_627829-8874.jpg", imageAlt: "Apartman terasz"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tea-book-relax_23-2148832365.jpg", imageAlt: "Apartman háló" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927813.jpg", imageAlt: "Apartman nappali" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-evening-reading-nook-with-warm-light-coffee_23-2152031745.jpg", imageAlt: "Apartman részlet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-presents-near-bed_23-2147742136.jpg", imageAlt: "Apartman konyha" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-by-lighting-equipment-generated-by-ai_188544-21440.jpg", imageAlt: "Apartman fürdőszoba" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-blonde-girl-black-dress-lying-bed-against-new-year-tree-studio-happy-holidays_627829-8874.jpg", imageAlt: "Apartman terasz" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Foglalás Booking.com-on", href: "#"},
|
||||
{
|
||||
text: "Kapcsolatfelvétel", href: "#contact"},
|
||||
{ text: "Foglalás", href: "#" },
|
||||
{ text: "Kapcsolatfelvétel", href: "#contact" },
|
||||
]}
|
||||
buttonTextClassName="text-white text-center font-bold"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-sitting-sofa-chair_74190-9445.jpg", alt: "Portrait beautiful young asian women happy smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-brunette-female-enjoys-happy-days-vacation-sits-hotel-cafe-demonstrates-wonderful-apartments-drinks-fresh-fruit-shake-attractive-young-caucasian-woman-rests-resort-country_273609-2737.jpg", alt: "Happy brunette female enjoys vacation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Positive smiling woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5294.jpg", alt: "Beautiful woman in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg", alt: "Smiling cute woman enjoying free time"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-sitting-sofa-chair_74190-9445.jpg", alt: "Portrait beautiful young asian women happy smile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-brunette-female-enjoys-happy-days-vacation-sits-hotel-cafe-demonstrates-wonderful-apartments-drinks-fresh-fruit-shake-attractive-young-caucasian-woman-rests-resort-country_273609-2737.jpg", alt: "Happy brunette female enjoys vacation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Positive smiling woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5294.jpg", alt: "Beautiful woman in cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg", alt: "Smiling cute woman enjoying free time" },
|
||||
]}
|
||||
avatarText="Több mint 500 elégedett vendég"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/healthcare-center-logo-template-vector-set_53876-161360.jpg", alt: "Healthcare logo"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/heart-leaf-outline-set_78370-7999.jpg", alt: "Heart and Leaf"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/creative-nature-25-blue-icon-pack-such-as-parachute-weather-vegetable-nature-earthquake_1142-21248.jpg", alt: "Nature icon"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/nature-icons_23-2147516782.jpg", alt: "Nature icons"},
|
||||
{
|
||||
type: "text", text: "Modern szállás"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,18 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingyenes Wi-Fi", description: "Gyors internet a teljes apartmanban.", imageSrc: "http://img.b2bpic.net/free-photo/5g-characters-with-signal-beacon_23-2148295810.jpg"},
|
||||
{
|
||||
title: "Klíma", description: "Kellemes hőmérséklet minden évszakban.", imageSrc: "http://img.b2bpic.net/free-vector/eco-house-environment-icon-design-element-vector_53876-167868.jpg"},
|
||||
{
|
||||
title: "Felszerelt Konyha", description: "Modern eszközök saját főzéshez.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188334.jpg"},
|
||||
{
|
||||
title: "Kényelmes Ágyak", description: "Pihentető alvás minőségi matracokon.", imageSrc: "http://img.b2bpic.net/free-photo/text-5g-tablet-wooden-surface_23-2148207710.jpg"},
|
||||
{
|
||||
title: "Parkolás", description: "Könnyű és biztonságos parkolási lehetőség.", imageSrc: "http://img.b2bpic.net/free-vector/smart-house-flat-icons-set_1284-9109.jpg"},
|
||||
{
|
||||
title: "Családbarát", description: "Minden korosztály számára ideális.", imageSrc: "http://img.b2bpic.net/free-vector/kitchen-icons-collection_1390-137.jpg"},
|
||||
{ title: "Ingyenes Wi-Fi", description: "Gyors internet a teljes apartmanban.", imageSrc: "http://img.b2bpic.net/free-photo/5g-characters-with-signal-beacon_23-2148295810.jpg" },
|
||||
{ title: "Klíma", description: "Kellemes hőmérséklet minden évszakban.", imageSrc: "http://img.b2bpic.net/free-vector/eco-house-environment-icon-design-element-vector_53876-167868.jpg" },
|
||||
{ title: "Felszerelt Konyha", description: "Modern eszközök saját főzéshez.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_23-2150188334.jpg" },
|
||||
{ title: "Kényelmes Ágyak", description: "Pihentető alvás minőségi matracokon.", imageSrc: "http://img.b2bpic.net/free-photo/text-5g-tablet-wooden-surface_23-2148207710.jpg" },
|
||||
{ title: "Parkolás", description: "Könnyű és biztonságos parkolási lehetőség.", imageSrc: "http://img.b2bpic.net/free-vector/smart-house-flat-icons-set_1284-9109.jpg" },
|
||||
{ title: "Családbarát", description: "Minden korosztály számára ideális.", imageSrc: "http://img.b2bpic.net/free-vector/kitchen-icons-collection_1390-137.jpg" },
|
||||
]}
|
||||
title="Felszereltség"
|
||||
description="Mindennel, amire szüksége lehet a gondtalan pihenéshez."
|
||||
@@ -160,18 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Nappali", price: "", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-book-knitted-sweaters-leaves_169016-13766.jpg"},
|
||||
{
|
||||
id: "2", name: "Hálószoba", price: "", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416360.jpg"},
|
||||
{
|
||||
id: "3", name: "Konyha", price: "", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg"},
|
||||
{
|
||||
id: "4", name: "Fürdőszoba", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-with-elegance-generated-by-ai_188544-18272.jpg"},
|
||||
{
|
||||
id: "5", name: "Terasz", price: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg"},
|
||||
{
|
||||
id: "6", name: "Étkező", price: "", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg"},
|
||||
{ id: "1", name: "Nappali", price: "", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-book-knitted-sweaters-leaves_169016-13766.jpg" },
|
||||
{ id: "2", name: "Hálószoba", price: "", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416360.jpg" },
|
||||
{ id: "3", name: "Konyha", price: "", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg" },
|
||||
{ id: "4", name: "Fürdőszoba", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-illuminated-with-elegance-generated-by-ai_188544-18272.jpg" },
|
||||
{ id: "5", name: "Terasz", price: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg" },
|
||||
{ id: "6", name: "Étkező", price: "", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg" },
|
||||
]}
|
||||
title="Fotógaléria"
|
||||
description="Fedezze fel apartmanunk modern és letisztult stílusát."
|
||||
@@ -184,22 +136,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Népszerű", price: "19 900 Ft / éj", subtitle: "Akár 5 fő részére", features: [
|
||||
"Ingyenes Wi-Fi", "Teljesen felszerelt konyha", "Klíma"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Foglalás Booking.com-on", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Hosszú táv", price: "Egyedi ajánlat", subtitle: "Kedvezményes árak", features: [
|
||||
"Heti takarítás", "Rugalmas lemondás", "Prioritás ügyfélszolgálat"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Kapcsolatfelvétel", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Népszerű", price: "19 900 Ft / éj", subtitle: "Akár 5 fő részére", features: ["Ingyenes Wi-Fi", "Teljesen felszerelt konyha", "Klíma"], buttons: [{ text: "Foglalás", href: "#" }] },
|
||||
{ id: "pro", badge: "Hosszú táv", price: "Egyedi ajánlat", subtitle: "Kedvezményes árak", features: ["Heti takarítás", "Rugalmas lemondás", "Prioritás ügyfélszolgálat"], buttons: [{ text: "Kapcsolatfelvétel", href: "#contact" }] },
|
||||
]}
|
||||
title="Árak és Foglalás"
|
||||
description="Kérjen ajánlatot vagy foglaljon közvetlenül online."
|
||||
@@ -210,12 +148,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "loc-1", title: "Hol található az apartman?", content: "Baja belvárosában, minden főbb látnivaló közelében."},
|
||||
{
|
||||
id: "loc-2", title: "Parkolási lehetőségek?", content: "Zárt, biztonságos parkolónk van a vendégek részére."},
|
||||
{
|
||||
id: "loc-3", title: "Tömegközlekedés?", content: "Pár percre az összes főbb buszmegállótól."},
|
||||
{ id: "loc-1", title: "Hol található az apartman?", content: "Baja belvárosában, minden főbb látnivaló közelében." },
|
||||
{ id: "loc-2", title: "Parkolási lehetőségek?", content: "Zárt, biztonságos parkolónk van a vendégek részére." },
|
||||
{ id: "loc-3", title: "Tömegközlekedés?", content: "Pár percre az összes főbb buszmegállótól." },
|
||||
]}
|
||||
sideTitle="Elhelyezkedés"
|
||||
sideDescription="Apartmanunk Baja központjának közelében, csendes környezetben található."
|
||||
@@ -229,21 +164,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Anna", handle: "@anna", testimonial: "Nagyon modern és kényelmes hely, Baja központjában. Csak ajánlani tudom!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beginner-surfer-wearing-baseball-cap-backwards-looking-ocean-with-happy-inspired-smile_273609-1739.jpg"},
|
||||
{
|
||||
id: "2", name: "Péter", handle: "@peter", testimonial: "Tisztaság, kényelem, kedves vendéglátók. Biztosan visszatérünk még.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-funny-young-man-pretending-be-santa-claus-wearing-red-hat-with-white-fur-smiling-cheerfully-anticipating-good-party-with-his-friends_273609-19172.jpg"},
|
||||
{
|
||||
id: "3", name: "Eszter", handle: "@eszter", testimonial: "Családdal érkeztünk, minden igényünket kielégítette az apartman.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "4", name: "Gábor", handle: "@gabor", testimonial: "Kiváló felszereltség és nyugodt környezet. Szuper volt itt megszállni.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-hoping-something-tourist-with-digital-tablet-cross-fingers-sits-with-suitcase-packed_1258-270103.jpg"},
|
||||
{
|
||||
id: "5", name: "Mónika", handle: "@monika", testimonial: "Modern stílus és kényelem. Nagyon elégedettek voltunk mindennel.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cheerful-young-man-with-stubble-dressed-red-hat-with-white-fur-having-good-time_273609-19196.jpg"},
|
||||
{ id: "1", name: "Anna", handle: "@anna", testimonial: "Nagyon modern és kényelmes hely, Baja központjában. Csak ajánlani tudom!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beginner-surfer-wearing-baseball-cap-backwards-looking-ocean-with-happy-inspired-smile_273609-1739.jpg" },
|
||||
{ id: "2", name: "Péter", handle: "@peter", testimonial: "Tisztaság, kényelem, kedves vendéglátók. Biztosan visszatérünk még.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-funny-young-man-pretending-be-santa-claus-wearing-red-hat-with-white-fur-smiling-cheerfully-anticipating-good-party-with-his-friends_273609-19172.jpg" },
|
||||
{ id: "3", name: "Eszter", handle: "@eszter", testimonial: "Családdal érkeztünk, minden igényünket kielégítette az apartman.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "4", name: "Gábor", handle: "@gabor", testimonial: "Kiváló felszereltség és nyugodt környezet. Szuper volt itt megszállni.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-hoping-something-tourist-with-digital-tablet-cross-fingers-sits-with-suitcase-packed_1258-270103.jpg" },
|
||||
{ id: "5", name: "Mónika", handle: "@monika", testimonial: "Modern stílus és kényelem. Nagyon elégedettek voltunk mindennel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cheerful-young-man-with-stubble-dressed-red-hat-with-white-fur-having-good-time_273609-19196.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Vendégeink mondták"
|
||||
@@ -257,17 +182,10 @@ export default function LandingPage() {
|
||||
title="Lépjen kapcsolatba velünk"
|
||||
description="Kérdése van? Írjon nekünk bizalommal, hamarosan válaszolunk."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Név", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email cím", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Név", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email cím", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Üzenet", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Üzenet", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-buildings-golden-hour_250224-98.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -275,10 +193,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Csalogány Apartman"
|
||||
leftLink={{
|
||||
text: "Adatvédelem", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Foglalási szabályzat", href: "#"}}
|
||||
leftLink={{ text: "Adatvédelem", href: "#" }}
|
||||
rightLink={{ text: "Foglalási szabályzat", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user