bender/c5d42ae1-c076-4d39-abf6-6e698a5d2750
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_3
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_8
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

10 Commits
version_3 ... version_8

Author SHA1 Message Date
bender
731a0865af Update src/app/page.tsx 2026-06-06 08:35:54 +00:00
bender
04233a96c0 Merge version_7 into main 
Merge version_7 into main
 2026-06-06 08:32:03 +00:00
bender
80f72568f2 Update src/app/page.tsx 2026-06-06 08:31:57 +00:00
bender
2673db3629 Merge version_6 into main 
Merge version_6 into main
 2026-06-06 08:21:09 +00:00
bender
70d45671e5 Update src/app/page.tsx 2026-06-06 08:21:06 +00:00
bender
ba8b81ff89 Merge version_5 into main 
Merge version_5 into main
 2026-06-06 08:06:04 +00:00
bender
5a597858fa Update src/app/styles/variables.css 2026-06-06 08:06:01 +00:00
bender
ada7952ee7 Merge version_4 into main 
Merge version_4 into main
 2026-05-24 12:56:26 +00:00
bender
de3503530c Update src/app/page.tsx 2026-05-24 12:56:23 +00:00
bender
42f9555702 Merge version_3 into main 
Merge version_3 into main
 2026-05-24 12:49:31 +00:00
2 changed files with 63 additions and 147 deletions
Expand all files Collapse all files

192
src/app/page.tsx
View File

@@ -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,37 @@ 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" },
]}
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 +98,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 +117,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 +135,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,15 +147,12 @@ 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 külső körzetében, nyugis környéken. A belváros gyalog 25 perc, autóval pedig 6-8 perc." },
{ 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 perc sétára a szegedi úti buszmegállótól, ami ingyenes vehető igénybe." },
]}
sideTitle="Elhelyezkedés"
sideDescription="Apartmanunk Baja központjának közelében, csendes környezetben található."
sideDescription="Apartmanunk Baja kiscsávolyi körzetében, csendes külvárosi részen található."
faqsAnimation="slide-up"
/>
</div>
@@ -229,21 +163,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,28 +181,20 @@ 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"
buttonText="Küldés"
/>
</div>
<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>

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #2c2c2c;
--card: #3a3a3a;
--foreground: #f5f5f5;
--primary-cta: #f5f5f5;
--primary-cta-text: #f5f4ef;
--secondary-cta: #1c1c1c;
--secondary-cta-text: #2a2928;
--accent: #505050;
--background-accent: #404040;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffffe6;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);