bender/632cdae9-deaf-426f-a818-a9e29af8fe7f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-29 11:16:33 +00:00
parent 29b769d623
commit c335177bb2
1 changed files with 43 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -31,111 +31,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Strona Główna", id: "hero" },
{ name: "Usługi", id: "services" },
{ name: "O nas", id: "about" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Iconic Beauty"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Umów Wizytę", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Perfectly Smooth Skin. Effortlessly."
description="Laser hair removal & premium beauty treatments in the heart of Katowice."
title="Idealnie Gładka Skóra. Bez Wysiłku."
description="Depilacja laserowa i zabiegi kosmetyczne klasy premium w samym sercu Katowic."
testimonials={[
{
name: "Anna Kowalska",
handle: "@anna_k",
testimonial: "I was skeptical at first, but after a few sessions I saw real results. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sideviews-spa-stones-towels_23-2148223690.jpg?_wi=1",
imageAlt: "luxury salon interior beige",
},
{
name: "Marta Nowak",
handle: "@marta_n",
testimonial: "I come back every 6 months and the results are amazing. The atmosphere is perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-razor-near-brush-comb_23-2147711624.jpg",
imageAlt: "luxury salon interior beige",
},
{
name: "Julia B.",
handle: "@julia_b",
testimonial: "Professional, clean, and incredible results every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ozone-therapy-logo_23-2149830762.jpg?_wi=1",
imageAlt: "luxury salon interior beige",
},
{
name: "Sara W.",
handle: "@sara_w",
testimonial: "Truly the best experience I have had in Katowice.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg?_wi=1",
imageAlt: "luxury salon interior beige",
},
{
name: "Karolina M.",
handle: "@karolina_m",
testimonial: "Luxury treatments that actually deliver on their promises.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=1",
imageAlt: "luxury salon interior beige",
},
{ name: "Anna Kowalska", handle: "@anna_k", testimonial: "Byłam sceptyczna, ale po kilku sesjach zobaczyłam realne efekty. Gorąco polecam.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sideviews-spa-stones-towels_23-2148223690.jpg?_wi=1" },
{ name: "Marta Nowak", handle: "@marta_n", testimonial: "Wracam co 6 miesięcy i efekty są niesamowite. Atmosfera jest idealna.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-razor-near-brush-comb_23-2147711624.jpg" },
{ name: "Julia B.", handle: "@julia_b", testimonial: "Profesjonalnie, czysto i niesamowite efekty za każdym razem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ozone-therapy-logo_23-2149830762.jpg?_wi=1" },
]}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "View Services",
href: "#services",
},
{ text: "Umów Wizytę", href: "#contact" },
{ text: "Zobacz Usługi", href: "#services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/sideviews-spa-stones-towels_23-2148223690.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/yoga-still-life_23-2148119620.jpg",
alt: "Client avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/yoga-still-life_23-2148119631.jpg",
alt: "Client avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/yoga-still-life_23-2148119617.jpg",
alt: "Client avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963344.jpg",
alt: "Client avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-posing-holding-rose-with-perfect-skin_23-2149369954.jpg",
alt: "Client avatar 5",
},
]}
avatarText="Trusted by 500+ happy clients"
avatarText="Zaufane przez 500+ klientów"
/>
</div>
@@ -143,15 +64,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Experience Excellence at Iconic Beauty Massage",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/hairdressing-razor-near-brush-comb_23-2147711624.jpg",
alt: "Luxury Salon",
},
{ type: "text", content: "Poznaj luksus w Iconic Beauty Massage" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/hairdressing-razor-near-brush-comb_23-2147711624.jpg", alt: "Salon" },
]}
/>
</div>
@@ -162,29 +76,13 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Visible Results",
description: "See changes after few sessions.",
icon: Sparkles,
},
{
title: "Premium Equipment",
description: "State of the art technology.",
icon: Shield,
},
{
title: "Comfort Atmosphere",
description: "Relax in our luxurious space.",
icon: Zap,
},
{
title: "Easy Access",
description: "Parking is never a problem.",
icon: MapPin,
},
{ title: "Widoczne Efekty", description: "Zauważalne rezultaty już po kilku sesjach.", icon: Sparkles },
{ title: "Sprzęt Premium", description: "Technologia najnowszej generacji.", icon: Shield },
{ title: "Relaksująca Atmosfera", description: "Odpocznij w naszym luksusowym salonie.", icon: Zap },
{ title: "Dogodna Lokalizacja", description: "Parking zawsze dostępny.", icon: MapPin },
]}
title="Why Choose Iconic Beauty"
description="Professionalism and quality in every detail."
title="Dlaczego Iconic Beauty?"
description="Profesjonalizm i najwyższa jakość w każdym detalu."
/>
</div>
@@ -195,45 +93,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Laser Hair Removal",
price: "From 150 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle-skincare-products_187299-47131.jpg",
},
{
id: "p2",
name: "Skin Treatments",
price: "From 200 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-mask-drink_23-2149299871.jpg",
},
{
id: "p3",
name: "Body Care",
price: "From 180 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435222.jpg",
},
{
id: "p4",
name: "Hydration Boost",
price: "From 250 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307252.jpg",
},
{
id: "p5",
name: "Rejuvenation",
price: "From 300 PLN",
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-rocks-arrangement_23-2148761481.jpg",
},
{
id: "p6",
name: "Custom Therapy",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420732.jpg",
},
{ id: "p1", name: "Depilacja Laserowa", price: "Od 150 PLN", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bronze-cosmetic-pump-bottle-skincare-products_187299-47131.jpg" },
{ id: "p2", name: "Zabiegi na Twarz", price: "Od 200 PLN", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-mask-drink_23-2149299871.jpg" },
{ id: "p3", name: "Pielęgnacja Ciała", price: "Od 180 PLN", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435222.jpg" },
]}
title="Our Premium Services"
description="Tailored treatments for your specific needs."
title="Nasze Usługi"
description="Zabiegi dopasowane do Twoich potrzeb."
/>
</div>
@@ -243,30 +108,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "5.0",
title: "Rating",
description: "Based on 500+ happy clients",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ozone-therapy-logo_23-2149830762.jpg?_wi=2",
},
{
id: "m2",
value: "10k+",
title: "Treatments",
description: "Completed with success",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg?_wi=2",
},
{
id: "m3",
value: "100%",
title: "Safety",
description: "Professional care",
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=2",
},
{ id: "m1", value: "5.0", title: "Ocena", description: "Na podstawie 500+ opinii", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ozone-therapy-logo_23-2149830762.jpg?_wi=2" },
{ id: "m2", value: "10k+", title: "Zabiegów", description: "Wykonanych z sukcesem", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-process-doing-makeup-with-brushes_169016-19737.jpg?_wi=2" },
{ id: "m3", value: "100%", title: "Bezpieczeństwo", description: "Profesjonalna opieka", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=2" },
]}
title="Proven Quality"
description="Trusted by our clients in Katowice."
title="Sprawdzona Jakość"
description="Zaufanie klientów w Katowicach."
/>
</div>
@@ -276,71 +123,23 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Anna K.",
role: "Client",
testimonial: "Amazing results, friendly team.",
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-with-white-flowers_23-2148092932.jpg",
},
{
id: "2",
name: "Marta N.",
role: "Client",
testimonial: "Best service in Katowice.",
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-weekend-with-friends_1098-16908.jpg",
},
{
id: "3",
name: "Julia B.",
role: "Client",
testimonial: "Luxury experience from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg",
},
{
id: "4",
name: "Sara W.",
role: "Client",
testimonial: "I love the new skin feeling.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg",
},
{
id: "5",
name: "Karolina M.",
role: "Client",
testimonial: "Professional and safe.",
imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-no-makeup-clean-healthy-skin-black_158538-13878.jpg",
},
{ id: "1", name: "Anna K.", role: "Klientka", testimonial: "Niesamowite efekty, przyjazny zespół.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-with-white-flowers_23-2148092932.jpg" },
{ id: "2", name: "Marta N.", role: "Klientka", testimonial: "Najlepsza obsługa w Katowicach.", imageSrc: "http://img.b2bpic.net/free-photo/enjoying-weekend-with-friends_1098-16908.jpg" },
]}
title="Client Stories"
description="See what our clients say."
title="Historie Klientów"
description="Zobacz, co mówią nasi klienci."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Appointment"
description="Visit us at Bolesława Czerwińskiego 6, Katowice. Call 451 013 238."
title="Umów Wizytę"
description="Znajdziesz nas: ul. Bolesława Czerwińskiego 6, Katowice. Telefon: 451 013 238."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone",
required: true,
},
{ name: "name", type: "text", placeholder: "Twoje Imię", required: true },
{ name: "email", type: "email", placeholder: "Twój Email", required: true },
{ name: "phone", type: "tel", placeholder: "Twój Telefon", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-flower-cone_23-2149872237.jpg"
/>
@@ -349,35 +148,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Iconic Beauty",
items: [
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Contact",
items: [
{
label: "451 013 238",
href: "tel:451013238",
},
{
label: "Katowice, Czerwińskiego 6",
href: "#",
},
],
},
{ title: "Iconic Beauty", items: [{ label: "Usługi", href: "#services" }, { label: "O nas", href: "#about" }] },
{ title: "Kontakt", items: [{ label: "451 013 238", href: "tel:451013238" }, { label: "Katowice, Czerwińskiego 6" }] },
]}
bottomLeftText="© 2024 Iconic Beauty Massage."
bottomRightText="Luxury Salon Katowice"
bottomRightText="Luksusowy Salon Katowice"
/>
</div>
</ReactLenis>