diff --git a/src/app/page.tsx b/src/app/page.tsx index 98428ba..8401a40 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,7 +23,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="mediumLargeSizeMediumTitles" - background="floatingGradient" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -48,20 +48,20 @@ export default function LandingPage() { description="Profesjonalne strzyżenie, perfekcyjny fade i stylizacja brody. Doświadczeni barberzy, wysokiej jakości usługi, gościnne wnętrze." tag="Premium Barber Experience" tagIcon={Sparkles} - tagAnimation="entrance-slide" + tagAnimation="slide-up" buttons={[ { text: "📞 Zadzwoń: +48 570 920 490", href: "tel:+48570920490" }, { text: "📅 Umów Wizytę", href: "https://booksy.com" } ]} - buttonAnimation="entrance-slide" - background={{ variant: "floatingGradient" }} + buttonAnimation="slide-up" + background={{ variant: "plain" }} carouselItems={[ { id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/barber-preparing-client-trimming-hair-salon_23-2148181952.jpg", imageAlt: "Profesjonalny barber pracujący przy kliencie" }, - { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=1", imageAlt: "Idealne fade haircut" }, - { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/profile-barber-cutting-man-s-hair_1304-2774.jpg?_wi=1", imageAlt: "Nowoczesne strzyżenie męskie" }, - { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-handsome-thoughtful-man-smiling-satisfied-touching-beard_1258-112703.jpg?_wi=1", imageAlt: "Stylizacja brody" }, - { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1", imageAlt: "Wnętrze nowoczesnego barbershopu" }, - { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-beard-aged-client-salon_23-2148182017.jpg?_wi=1", imageAlt: "Kompleksowa usługa włosy i broda" } + { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg", imageAlt: "Idealne fade haircut" }, + { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/profile-barber-cutting-man-s-hair_1304-2774.jpg", imageAlt: "Nowoczesne strzyżenie męskie" }, + { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-handsome-thoughtful-man-smiling-satisfied-touching-beard_1258-112703.jpg", imageAlt: "Stylizacja brody" }, + { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "Wnętrze nowoczesnego barbershopu" }, + { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-beard-aged-client-salon_23-2148182017.jpg", imageAlt: "Kompleksowa usługa włosy i broda" } ]} autoPlay={true} autoPlayInterval={5000} @@ -74,12 +74,12 @@ export default function LandingPage() { description="Kompleksowa oferta profesjonalnych usług barberskich dostosowanych do Twoich potrzeb. Każda usługa wykonywana z najwyższą starannością." tag="Usługi" tagIcon={Scissors} - tagAnimation="entrance-slide" + tagAnimation="slide-up" products={[ { id: "1", name: "Strzyżenie Męskie", price: "59 zł", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg", imageAlt: "Nowoczesne strzyżenie męskie" }, - { id: "2", name: "Stylizacja Brody", price: "49 zł", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg?_wi=1", imageAlt: "Profesjonalna stylizacja brody" }, - { id: "3", name: "Combo: Włosy + Broda", price: "99 zł", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-beard-aged-client-salon_23-2148182017.jpg?_wi=2", imageAlt: "Kompleksowa usługa włosy i broda" }, - { id: "4", name: "Golenie Brzytwą", price: "69 zł", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg?_wi=1", imageAlt: "Tradycyjne golenie brzytwą" } + { id: "2", name: "Stylizacja Brody", price: "49 zł", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", imageAlt: "Profesjonalna stylizacja brody" }, + { id: "3", name: "Combo: Włosy + Broda", price: "99 zł", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-beard-aged-client-salon_23-2148182017.jpg", imageAlt: "Kompleksowa usługa włosy i broda" }, + { id: "4", name: "Golenie Brzytwą", price: "69 zł", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg", imageAlt: "Tradycyjne golenie brzytwą" } ]} gridVariant="two-columns-alternating-heights" animationType="slide-up" @@ -94,12 +94,12 @@ export default function LandingPage() { description="Połączenie tradycyjnych technik barberskich z nowoczesnym podejściem. Każdy klient otrzymuje indywidualną konsultację i najwyższą jakość obsługi." tag="Nasze Atuty" tagIcon={Award} - tagAnimation="entrance-slide" + tagAnimation="slide-up" features={[ - { id: 1, title: "4.8★ Rating Klientów", description: "Ponad 280 opinii od zadowolonych klientów. Nasza reputacja to nasze największe osiągnięcie.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=2" }, - { id: 2, title: "Doświadczeni Barberzy", description: "Nasz zespół to specjaliści z wieloletnim doświadczeniem w branży barberskiej i stylizacji włosów.", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg?_wi=1" }, - { id: 3, title: "Profesjonalne Kosmetyki", description: "Używamy wyłącznie najwyższej jakości kosmetyków i narzędzi do pielęgnacji włosów i zarostu.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg?_wi=2" }, - { id: 4, title: "Lokalizacja Centrum Warszawy", description: "Złota 62, Warszawa - łatwa dostępność w samym sercu miasta. Godziny otwarcia: pon-sob 10:00-20:00, niedz 17:00.", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2" } + { id: 1, title: "4.8★ Rating Klientów", description: "Ponad 280 opinii od zadowolonych klientów. Nasza reputacja to nasze największe osiągnięcie.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg" }, + { id: 2, title: "Doświadczeni Barberzy", description: "Nasz zespół to specjaliści z wieloletnim doświadczeniem w branży barberskiej i stylizacji włosów.", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg" }, + { id: 3, title: "Profesjonalne Kosmetyki", description: "Używamy wyłącznie najwyższej jakości kosmetyków i narzędzi do pielęgnacji włosów i zarostu.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg" }, + { id: 4, title: "Lokalizacja Centrum Warszawy", description: "Złota 62, Warszawa - łatwa dostępność w samym sercu miasta. Godziny otwarcia: pon-sob 10:00-20:00, niedz 17:00.", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg" } ]} animationType="blur-reveal" textboxLayout="default" @@ -113,14 +113,14 @@ export default function LandingPage() { description="Setki zadowolonych mężczyzn poleca nasze usługi. Przeczytaj, co mówią o naszych usługach." tag="Testimonials" tagIcon={Quote} - tagAnimation="entrance-slide" + tagAnimation="slide-up" testimonials={[ - { id: "1", name: "Mateusz K., Kierownik Sprzedaży", date: "Date: 15 Październik 2024", title: "Najlepszy fade w Warszawie!", quote: "Chodziłem do wielu barbershopów, ale nigdy nie miałem takiej precyzji. Barberzy w Top Fade naprawdę znają się na rzeczy. Zawsze zadowolony!", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg?_wi=3" }, - { id: "2", name: "Piotr W., Inżynier Oprogramowania", date: "Date: 10 Październik 2024", title: "Profesjonalna obsługa i świetna atmosfera", quote: "Gościnne wnętrze, profesjonalni barberzy i taka jakość, że warto jechać na drugą stronę miasta. Kombinacja włosów i brody to moja specjalność tutaj.", tag: "Expert Stylists", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profile-barber-cutting-man-s-hair_1304-2774.jpg?_wi=2" }, - { id: "3", name: "Krzysztof J., Właściciel Biznesu", date: "Date: 5 Październik 2024", title: "Polecam każdemu mężczyźnie", quote: "Szukałem miejsca, gdzie będę czuł się zadbany i profesjonalnie potraktowany. Top Fade to idealny wybór. Każdy szczegół jest dopracowany.", tag: "Quality Grooming", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-beard-aged-client-salon_23-2148182017.jpg?_wi=3" }, - { id: "4", name: "Dawid L., Projektant Grafiki", date: "Date: 28 Września 2024", title: "Zawsze wychodzę uśmiechnięty", quote: "Barberzy w Top Fade potrafią nie tylko wyciąć fade, ale też dać radę z zarostem. Każdą wizytę traktuję jako rytuał. Serdecznie polecam!", tag: "Master Barbers", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-blond-man-posing-serious_150588-97.jpg", imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-handsome-thoughtful-man-smiling-satisfied-touching-beard_1258-112703.jpg?_wi=2" }, - { id: "5", name: "Tomasz M., Analityk Danych", date: "Date: 20 Września 2024", title: "Luksusowy barbershop", quote: "Bardzo imponuje mi podejście do detali. Golenie brzytwą to tradycja, a oni to robią jak mistrzowie. Naprawdę warte odwiedzenia!", tag: "Premium Experience", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg?_wi=2" }, - { id: "6", name: "Łukasz P., Konsultant", date: "Date: 15 Września 2024", title: "Najlepszy wybór w mieście", quote: "Lokalizacja idealna, usługi na najwyższym poziomie, personel miły i profesjonalny. Nie szukam już więcej. Top Fade to mój barbershop!", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=3" } + { id: "1", name: "Mateusz K., Kierownik Sprzedaży", date: "Date: 15 Październik 2024", title: "Najlepszy fade w Warszawie!", quote: "Chodziłem do wielu barbershopów, ale nigdy nie miałem takiej precyzji. Barberzy w Top Fade naprawdę znają się na rzeczy. Zawsze zadowolony!", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg" }, + { id: "2", name: "Piotr W., Inżynier Oprogramowania", date: "Date: 10 Październik 2024", title: "Profesjonalna obsługa i świetna atmosfera", quote: "Gościnne wnętrze, profesjonalni barberzy i taka jakość, że warto jechać na drugą stronę miasta. Kombinacja włosów i brody to moja specjalność tutaj.", tag: "Expert Stylists", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profile-barber-cutting-man-s-hair_1304-2774.jpg" }, + { id: "3", name: "Krzysztof J., Właściciel Biznesu", date: "Date: 5 Październik 2024", title: "Polecam każdemu mężczyźnie", quote: "Szukałem miejsca, gdzie będę czuł się zadbany i profesjonalnie potraktowany. Top Fade to idealny wybór. Każdy szczegół jest dopracowany.", tag: "Quality Grooming", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-beard-aged-client-salon_23-2148182017.jpg" }, + { id: "4", name: "Dawid L., Projektant Grafiki", date: "Date: 28 Września 2024", title: "Zawsze wychodzę uśmiechnięty", quote: "Barberzy w Top Fade potrafią nie tylko wyciąć fade, ale też dać radę z zarostem. Każdą wizytę traktuję jako rytuał. Serdecznie polecam!", tag: "Master Barbers", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-blond-man-posing-serious_150588-97.jpg", imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-handsome-thoughtful-man-smiling-satisfied-touching-beard_1258-112703.jpg" }, + { id: "5", name: "Tomasz M., Analityk Danych", date: "Date: 20 Września 2024", title: "Luksusowy barbershop", quote: "Bardzo imponuje mi podejście do detali. Golenie brzytwą to tradycja, a oni to robią jak mistrzowie. Naprawdę warte odwiedzenia!", tag: "Premium Experience", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg" }, + { id: "6", name: "Łukasz P., Konsultant", date: "Date: 15 Września 2024", title: "Najlepszy wybór w mieście", quote: "Lokalizacja idealna, usługi na najwyższym poziomie, personel miły i profesjonalny. Nie szukam już więcej. Top Fade to mój barbershop!", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-enjoying-coffee-outdoor_23-2148289226.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg" } ]} textboxLayout="default" useInvertedBackground={false} @@ -131,12 +131,12 @@ export default function LandingPage() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ text, className = '' }) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;