diff --git a/src/app/page.tsx b/src/app/page.tsx index e6ce317..fda573c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import TeamCardEleven from '@/components/sections/team/TeamCardEleven'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; -import { Award, Building2, Calendar, Coffee, Diamond, Droplet, Feather, Scissors, Smile, Sparkles, Star } from "lucide-react"; +import { Award, Building2, Calendar, Coffee, Diamond, Droplet, Feather, Scissors, Smile, Sparkles, Star, Brush, Razor, Hand } from "lucide-react"; export default function LandingPage() { return ( @@ -33,37 +33,21 @@ export default function LandingPage() { @@ -72,72 +56,47 @@ export default function LandingPage() {
@@ -151,7 +110,7 @@ export default function LandingPage() { description="A Férfi Fodrász szalonban elkötelezettek vagyunk a tökéletes vágás és a kiváló vendégélmény iránt. Hagyomány és modern stílus találkozik, hogy minden alkalommal kifogástalan megjelenést biztosítsunk." subdescription="Szakértő fodrászaink évek tapasztalatával rendelkeznek, és szenvedélyük a férfi hajvágás, borotválás és grooming. Nálunk minden vendég egyedi figyelmet kap, hogy a frizura tükrözze személyiségét." icon={Scissors} - imageSrc="http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg" imageAlt="Classic barber chair in a salon" mediaAnimation="opacity" /> @@ -164,80 +123,53 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Férfi Hajvágás", - description: "Pontos, stílusos hajvágások, amelyek kiemelik egyéniségét. Minden vágást egy frissítő hajmosással és stylinggal fejezünk be.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", - imageAlt: "Barber cutting a client's hair", - }, + title: "Férfi Hajvágás", description: "Pontos, stílusos hajvágások, amelyek kiemelik egyéniségét. Minden vágást egy frissítő hajmosással és stylinggal fejezünk be.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", imageAlt: "Barber cutting a client's hair"}, items: [ { icon: Brush, - text: "Személyre szabott konzultáció", - }, + text: "Személyre szabott konzultáció"}, { icon: Feather, - text: "Precíz vágástechnika", - }, + text: "Precíz vágástechnika"}, { icon: Star, - text: "Hajmosás és styling", - }, + text: "Hajmosás és styling"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg?_wi=2", - imageAlt: "barber cutting client hair", + reverse: false }, { - title: "Szakállvágás és -ápolás", - description: "Formáljuk és ápoljuk szakállát, hogy az mindig rendezett és stílusos legyen. Kérjen forró törölközős borotválást is!", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", - imageAlt: "Barber trimming a man's beard", - }, + title: "Szakállvágás és -ápolás", description: "Formáljuk és ápoljuk szakállát, hogy az mindig rendezett és stílusos legyen. Kérjen forró törölközős borotválást is!", media: { + imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "Barber trimming a man's beard"}, items: [ { icon: Razor, - text: "Szakáll formázás", - }, + text: "Szakáll formázás"}, { icon: Droplet, - text: "Szakállápoló olajok", - }, + text: "Szakállápoló olajok"}, { icon: Coffee, - text: "Forró törölköző", - }, + text: "Forró törölköző"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg?_wi=2", - imageAlt: "barber cutting client hair", + reverse: true }, { - title: "Klasszikus Borotválás", - description: "Élvezze a hagyományos, egyenes borotvával történő borotválás luxusát. Ragyogóan sima bőrt és pihentető élményt garantálunk.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg", - imageAlt: "Barber giving a classic straight razor shave", - }, + title: "Klasszikus Borotválás", description: "Élvezze a hagyományos, egyenes borotvával történő borotválás luxusát. Ragyogóan sima bőrt és pihentető élményt garantálunk.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg", imageAlt: "Barber giving a classic straight razor shave"}, items: [ { icon: Sparkles, - text: "Forró borotvahab", - }, + text: "Forró borotvahab"}, { icon: Droplet, - text: "Szakértő borotválás", - }, + text: "Szakértő borotválás"}, { icon: Hand, - text: "Nyugtató aftershave", - }, + text: "Nyugtató aftershave"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-electric-razor_171337-17295.jpg?_wi=1", - imageAlt: "barber cutting client hair", - }, + reverse: false + } ]} title="Szolgáltatásaink" description="Kínálatunk a klasszikus hajvágásoktól a modern stílusokig, valamint a szakállápolás minden igényét kielégíti." @@ -252,60 +184,30 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "hajvagas", - badge: "Standard", - price: "5.000 Ft", - subtitle: "Kiváló alapcsomag", - buttons: [ + id: "hajvagas", badge: "Standard", price: "5.000 Ft", subtitle: "Kiváló alapcsomag", buttons: [ { - text: "Foglaljon most", - href: "#contact", - }, + text: "Foglaljon most", href: "#contact"}, ], features: [ - "Hajvágás", - "Hajmosás", - "Egyszerű styling", - ], + "Hajvágás", "Hajmosás", "Egyszerű styling"], }, { - id: "hajvagas-szakall", - badge: "Komplett", - badgeIcon: Sparkles, - price: "8.500 Ft", - subtitle: "Teljes grooming élmény", - buttons: [ + id: "hajvagas-szakall", badge: "Komplett", badgeIcon: Sparkles, + price: "8.500 Ft", subtitle: "Teljes grooming élmény", buttons: [ { - text: "Foglaljon most", - href: "#contact", - }, + text: "Foglaljon most", href: "#contact"}, ], features: [ - "Hajvágás", - "Hajmosás", - "Szakállvágás & Formázás", - "Komplex styling", - ], + "Hajvágás", "Hajmosás", "Szakállvágás & Formázás", "Komplex styling"], }, { - id: "teljes-csomag", - badge: "Prémium", - badgeIcon: Diamond, - price: "12.000 Ft", - subtitle: "Luxus kényeztetés", - buttons: [ + id: "teljes-csomag", badge: "Prémium", badgeIcon: Diamond, + price: "12.000 Ft", subtitle: "Luxus kényeztetés", buttons: [ { - text: "Foglaljon most", - href: "#contact", - }, + text: "Foglaljon most", href: "#contact"}, ], features: [ - "Hajvágás", - "Hajmosás", - "Szakállvágás & Formázás", - "Klasszikus Borotválás", - "Prémium styling", - ], + "Hajvágás", "Hajmosás", "Szakállvágás & Formázás", "Klasszikus Borotválás", "Prémium styling"], }, ]} title="Áraink" @@ -321,47 +223,17 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Kovács Péter", - handle: "@kovacs_p", - testimonial: "A legjobb fodrászat a városban! Mindig elégedetten távozom, a srácok profik és a hangulat is fantasztikus.", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-electric-razor_171337-17295.jpg?_wi=2", - }, + id: "1", name: "Kovács Péter", handle: "@kovacs_p", testimonial: "A legjobb fodrászat a városban! Mindig elégedetten távozom, a srácok profik és a hangulat is fantasztikus.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-electric-razor_171337-17295.jpg"}, { - id: "2", - name: "Nagy Dávid", - handle: "@nagydavid", - testimonial: "Rendszeresen ide járok, és sosem csalódom. Precíz vágások, barátságos kiszolgálás, csak ajánlani tudom!", - imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", - }, + id: "2", name: "Nagy Dávid", handle: "@nagydavid", testimonial: "Rendszeresen ide járok, és sosem csalódom. Precíz vágások, barátságos kiszolgálás, csak ajánlani tudom!", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"}, { - id: "3", - name: "Tóth Gábor", - handle: "@tothgabor", - testimonial: "Végre egy hely, ahol értik, mit szeretnék! A szakállam sosem nézett ki még ilyen jól. Köszönöm Férfi Fodrász!", - imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", - }, + id: "3", name: "Tóth Gábor", handle: "@tothgabor", testimonial: "Végre egy hely, ahol értik, mit szeretnék! A szakállam sosem nézett ki még ilyen jól. Köszönöm Férfi Fodrász!", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg"}, { - id: "4", - name: "Kiss Attila", - handle: "@kissattila", - testimonial: "Nagyon kényelmes a bejelentkezés, és a borotválásuk egyszerűen tökéletes. Valódi relaxáció minden alkalom.", - imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", - }, + id: "4", name: "Kiss Attila", handle: "@kissattila", testimonial: "Nagyon kényelmes a bejelentkezés, és a borotválásuk egyszerűen tökéletes. Valódi relaxáció minden alkalom.", imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg"}, { - id: "5", - name: "Szabó Zoltán", - handle: "@szabozoli", - testimonial: "Fantasztikus élmény volt, a fodrászom nagyon figyelmes volt és pontosan azt csinálta, amit kértem. Visszatérek!", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", - }, + id: "5", name: "Szabó Zoltán", handle: "@szabozoli", testimonial: "Fantasztikus élmény volt, a fodrászom nagyon figyelmes volt és pontosan azt csinálta, amit kértem. Visszatérek!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"}, { - id: "6", - name: "Horváth Tamás", - handle: "@horvathtomi", - testimonial: "A klasszikus borotválásuk felülmúlhatatlan. Mindenkinek ajánlom, aki valódi kikapcsolódásra vágyik.", - imageSrc: "http://img.b2bpic.net/free-photo/confused-shocked-senior-man-pointing-himself-puzzled_176420-31717.jpg", - }, + id: "6", name: "Horváth Tamás", handle: "@horvathtomi", testimonial: "A klasszikus borotválásuk felülmúlhatatlan. Mindenkinek ajánlom, aki valódi kikapcsolódásra vágyik.", imageSrc: "http://img.b2bpic.net/free-photo/confused-shocked-senior-man-pointing-himself-puzzled_176420-31717.jpg"}, ]} title="Vendégeink Véleménye" description="Büszkék vagyunk arra, hogy vendégeink elégedetten távoznak. Tekintse meg, mit mondanak rólunk!" @@ -376,36 +248,14 @@ export default function LandingPage() { useInvertedBackground={true} groups={[ { - id: "barbers", - groupTitle: "A Fodrászaink", - members: [ + id: "barbers", groupTitle: "A Fodrászaink", members: [ { - id: "barber-1", - title: "Gergely", - subtitle: "Szenior Fodrász", - detail: "Több mint 15 éves tapasztalattal a háta mögött Gergely a klasszikus és modern stílusok mestere.", - imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", - imageAlt: "Professional male barber Gergely", - }, + id: "barber-1", title: "Gergely", subtitle: "Szenior Fodrász", detail: "Több mint 15 éves tapasztalattal a háta mögött Gergely a klasszikus és modern stílusok mestere.", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", imageAlt: "Professional male barber Gergely"}, { - id: "barber-2", - title: "Bence", - subtitle: "Fodrász és Szakállspecialista", - detail: "Bence a legújabb trendeket követi, és kiemelkedő a szakállvágás és -formázás terén.", - imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479253.jpg", - imageAlt: "Young male barber Bence", - }, + id: "barber-2", title: "Bence", subtitle: "Fodrász és Szakállspecialista", detail: "Bence a legújabb trendeket követi, és kiemelkedő a szakállvágás és -formázás terén.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479253.jpg", imageAlt: "Young male barber Bence"}, { - id: "barber-3", - title: "Zsolt", - subtitle: "Mesterborotváló", - detail: "Zsolt a hagyományos egyenes borotválás specialistája, nála minden borotválás igazi rituálé.", - imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg", - imageAlt: "Experienced barber Zsolt focusing on work", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg?_wi=3", - imageAlt: "professional male barber portrait", + id: "barber-3", title: "Zsolt", subtitle: "Mesterborotváló", detail: "Zsolt a hagyományos egyenes borotválás specialistája, nála minden borotválás igazi rituálé.", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg", imageAlt: "Experienced barber Zsolt focusing on work"}, + ] }, ]} title="Ismerje meg csapatunkat" @@ -419,30 +269,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "Szükséges-e előzetes bejelentkezés?", - content: "Igen, erősen javasoljuk az online időpontfoglalást, hogy biztosítsa a kívánt időpontot és fodrászt. Előzetes bejelentkezés nélkül is fogadunk vendégeket, de előfordulhat várakozási idő.", - }, + id: "faq-1", title: "Szükséges-e előzetes bejelentkezés?", content: "Igen, erősen javasoljuk az online időpontfoglalást, hogy biztosítsa a kívánt időpontot és fodrászt. Előzetes bejelentkezés nélkül is fogadunk vendégeket, de előfordulhat várakozási idő."}, { - id: "faq-2", - title: "Milyen fizetési módokat fogadnak el?", - content: "Készpénzes és bankkártyás fizetésre is van lehetőség szalonunkban. Előre utalás vagy online fizetés jelenleg nem áll rendelkezésre.", - }, + id: "faq-2", title: "Milyen fizetési módokat fogadnak el?", content: "Készpénzes és bankkártyás fizetésre is van lehetőség szalonunkban. Előre utalás vagy online fizetés jelenleg nem áll rendelkezésre."}, { - id: "faq-3", - title: "Használhatom a saját hajápoló termékeimet?", - content: "Természetesen! Ha van kedvenc terméke, amit szeretne, hogy használjunk, kérjük, hozza magával. Szívesen alkalmazzuk, vagy adunk tanácsot saját prémium termékeinkből.", - }, + id: "faq-3", title: "Használhatom a saját hajápoló termékeimet?", content: "Természetesen! Ha van kedvenc terméke, amit szeretne, hogy használjunk, kérjük, hozza magával. Szívesen alkalmazzuk, vagy adunk tanácsot saját prémium termékeinkből."}, { - id: "faq-4", - title: "Van parkolási lehetőség a közelben?", - content: "Igen, a szalonunk közvetlen közelében, az utcán és egy fizetős parkolóházban is rendelkezésre áll parkolási lehetőség. Kérjük, vegye figyelembe az aktuális parkolási szabályokat.", - }, + id: "faq-4", title: "Van parkolási lehetőség a közelben?", content: "Igen, a szalonunk közvetlen közelében, az utcán és egy fizetős parkolóházban is rendelkezésre áll parkolási lehetőség. Kérjük, vegye figyelembe az aktuális parkolási szabályokat."}, { - id: "faq-5", - title: "Mennyi ideig tart egy átlagos hajvágás?", - content: "Egy standard férfi hajvágás általában 30-45 percet vesz igénybe, a kívánt stílustól és a haj típusától függően. Szakállvágással vagy borotválással együtt ez az idő meghosszabbodhat.", - }, + id: "faq-5", title: "Mennyi ideig tart egy átlagos hajvágás?", content: "Egy standard férfi hajvágás általában 30-45 percet vesz igénybe, a kívánt stílustól és a haj típusától függően. Szakállvágással vagy borotválással együtt ez az idő meghosszabbodhat."}, ]} title="Gyakran Ismételt Kérdések" description="Válaszok a leggyakoribb kérdésekre a szolgáltatásainkkal és a bejelentkezéssel kapcsolatban." @@ -458,27 +293,16 @@ export default function LandingPage() { description="Kérdése van, vagy szeretne időpontot foglalni? Küldjön üzenetet, vagy hívjon minket!" inputs={[ { - name: "name", - type: "text", - placeholder: "Teljes név", - required: true, + name: "name", type: "text", placeholder: "Teljes név", required: true, }, { - name: "email", - type: "email", - placeholder: "E-mail cím", - required: true, + name: "email", type: "email", placeholder: "E-mail cím", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Telefonszám (opcionális)", - }, + name: "phone", type: "tel", placeholder: "Telefonszám (opcionális)"}, ]} textarea={{ - name: "message", - placeholder: "Üzenet...", - rows: 4, + name: "message", placeholder: "Üzenet...", rows: 4, }} imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121966.jpg" imageAlt="Barber tools on a clean counter" @@ -495,62 +319,37 @@ export default function LandingPage() { logoText="Férfi Fodrász" columns={[ { - title: "Gyors Linkek", - items: [ + title: "Gyors Linkek", items: [ { - label: "Főoldal", - href: "#hero", - }, + label: "Főoldal", href: "#hero"}, { - label: "Szolgáltatások", - href: "#services", - }, + label: "Szolgáltatások", href: "#services"}, { - label: "Áraink", - href: "#pricing", - }, + label: "Áraink", href: "#pricing"}, { - label: "Kapcsolat", - href: "#contact", - }, + label: "Kapcsolat", href: "#contact"}, ], }, { - title: "Információ", - items: [ + title: "Információ", items: [ { - label: "Rólunk", - href: "#about", - }, + label: "Rólunk", href: "#about"}, { - label: "Vélemények", - href: "#testimonials", - }, + label: "Vélemények", href: "#testimonials"}, { - label: "GYIK", - href: "#faq", - }, + label: "GYIK", href: "#faq"}, { - label: "Adatvédelmi Nyilatkozat", - href: "#", - }, + label: "Adatvédelmi Nyilatkozat", href: "#"}, ], }, { - title: "Elérhetőség", - items: [ + title: "Elérhetőség", items: [ { - label: "Cím: Fodrász utca 12, Budapest", - href: "#", - }, + label: "Cím: Fodrász utca 12, Budapest", href: "#"}, { - label: "Telefon: +36 70 123 4567", - href: "#", - }, + label: "Telefon: +36 70 123 4567", href: "#"}, { - label: "E-mail: info@ferfifodrasz.hu", - href: "#", - }, + label: "E-mail: info@ferfifodrasz.hu", href: "#"}, ], }, ]}