bender/93e5db80-c904-4796-a604-d17b385dc7c5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-03-31 11:59:09 +00:00
Conversation 0 Commits 1 Files Changed 1 +76 -205
1 changed files with 76 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "services",
},
name: "Palvelut", id: "services"},
{
name: "Pricing",
id: "pricing",
},
name: "Hinnasto", id: "pricing"},
{
name: "About",
id: "about",
},
name: "Tietoa", id: "about"},
{
name: "Book Now",
id: "contact",
},
name: "Varaa Aika", id: "contact"},
]}
brandName="Finnish Barbers"
/>
@@ -54,63 +46,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "plain",
}}
title="Professional cuts, realtime booking, zero fuss"
description="From quick trims to bold transformations, we've got your hair and beard covered. Book same-day appointments instantly."
variant: "plain"}}
title="Ammattilaisten leikkaukset, reaaliaikainen varaus, ei säätöä"
description="Nopeista siistimisistä rohkeisiin tyylimuutoksiin, hoidamme hiuksesi ja partasi. Varaa aikasi helposti saman päivän aikana."
buttons={[
{
text: "Reserve Your Time Now",
href: "#contact",
},
text: "Varaa Aikasi Nyt", href: "#contact"},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg"
imageAlt="Modern bright barbershop interior"
imageAlt="Moderni ja valoisa parturiliike"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Asiakas 1"},
{
src: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg", alt: "Asiakas 2"},
{
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Asiakas 3"},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", alt: "Asiakas 4"},
{
src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg", alt: "Asiakas 5"},
]}
avatarText="Join 5,000+ satisfied customers"
avatarText="Yli 5000 tyytyväistä asiakasta"
marqueeItems={[
{
type: "text",
text: "Classic Cuts",
},
type: "text", text: "Klassiset Leikkaukset"},
{
type: "text",
text: "Precision Trims",
},
type: "text", text: "Tarkat Rajaukset"},
{
type: "text",
text: "Hot Towel Shaves",
},
type: "text", text: "Kuuman Pyyhkeen Ajo"},
{
type: "text",
text: "Modern Styling",
},
type: "text", text: "Moderni Tyyli"},
{
type: "text",
text: "Expert Grooming",
},
type: "text", text: "Asiantunteva Parturi"},
]}
/>
</div>
@@ -119,25 +88,19 @@ export default function LandingPage() {
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Quality Grooming, No Pretension"
description="We believe looking good shouldn't be complicated. Our barbershop combines traditional techniques with modern efficiency to keep you looking sharp, feeling relaxed, and getting on with your day."
title="Laadukasta parturointia, ilman turhaa hienostelua"
description="Uskomme, että hyvältä näyttämisen ei tarvitse olla monimutkaista. Parturimme yhdistää perinteiset tekniikat ja modernin tehokkuuden, jotta voit näyttää hyvältä ja jatkaa päivääsi rentoutuneena."
bulletPoints={[
{
title: "Expert Stylists",
description: "Experienced pros who know your style.",
},
title: "Ammattilaiset", description: "Kokeneet tekijät, jotka tuntevat tyylisi."},
{
title: "Transparent Pricing",
description: "No hidden costs, just fair service.",
},
title: "Selkeä Hinnasto", description: "Ei piilokuluja, vain reilua palvelua."},
{
title: "Realtime Booking",
description: "Secure your spot in seconds online.",
},
title: "Reaaliaikainen Varaus", description: "Varaa aikasi verkossa sekunneissa."},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg"
imageAlt="Barber performing a precision cut"
imageAlt="Parturi tekee tarkkaa työtä"
/>
</div>
@@ -148,38 +111,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Classic Haircut",
author: "Professional",
description: "Traditional or modern cuts tailored for you.",
tags: [
"Hair",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-using-scissors_23-2149141721.jpg",
},
id: "f1", title: "Klassinen Leikkaus", author: "Ammattilainen", description: "Perinteiset tai modernit tyylit juuri sinulle.", tags: [
"Hiukset"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-using-scissors_23-2149141721.jpg"},
{
id: "f2",
title: "Beard Grooming",
author: "Specialist",
description: "Precision beard trim, shaping, and conditioning.",
tags: [
"Beard",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-beautiful-beard_23-2149220529.jpg",
},
id: "f2", title: "Parran Ajo", author: "Erikoistunut", description: "Tarkka parran muotoilu ja huolto.", tags: [
"Parta"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-beautiful-beard_23-2149220529.jpg"},
{
id: "f3",
title: "Kids Cut",
author: "Gentle",
description: "Patient, friendly haircuts for the little ones.",
tags: [
"Kids",
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19671.jpg",
},
id: "f3", title: "Lasten Leikkaus", author: "Rauhallinen", description: "Rento ja mukava kokemus perheen pienimmille.", tags: [
"Lapset"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19671.jpg"},
]}
title="Our Grooming Services"
description="We offer a full range of grooming services for every style."
title="Palvelumme"
description="Tarjoamme kattavan valikoiman parturi- ja kampaamopalveluita."
/>
</div>
@@ -190,56 +135,32 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "€35",
subtitle: "Basic maintenance",
features: [
"Classic haircut",
"Neck trim",
],
id: "basic", badge: "Perus", price: "35 €", subtitle: "Perushuolto", features: [
"Klassinen leikkaus", "Niskan siistiminen"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Varaa Nyt", href: "#contact"},
],
},
{
id: "beard",
badge: "Popular",
price: "€45",
subtitle: "Total grooming",
features: [
"Haircut",
"Beard styling",
],
id: "beard", badge: "Suosittu", price: "45 €", subtitle: "Täydellinen huolto", features: [
"Hiusten leikkaus", "Parran muotoilu"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Varaa Nyt", href: "#contact"},
],
},
{
id: "shave",
badge: "Traditional",
price: "€55",
subtitle: "Premium care",
features: [
"Haircut",
"Hot towel shave",
],
id: "shave", badge: "Perinteinen", price: "55 €", subtitle: "Premium-palvelu", features: [
"Hiusten leikkaus", "Kuuman pyyhkeen ajo"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Varaa Nyt", href: "#contact"},
],
},
]}
title="Transparent Pricing"
description="Simple plans for all our grooming services."
title="Selkeä Hinnasto"
description="Yksinkertaiset palvelupaketit kaikkiin tarpeisiisi."
/>
</div>
@@ -251,48 +172,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Mikko V.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg?_wi=1",
},
id: "t1", name: "Mikko V.", role: "Asiakas", company: "Paikallinen", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg?_wi=1"},
{
id: "t2",
name: "Antti K.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
},
id: "t2", name: "Antti K.", role: "Asiakas", company: "Paikallinen", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg"},
{
id: "t3",
name: "Jari H.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
},
id: "t3", name: "Jari H.", role: "Asiakas", company: "Paikallinen", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
{
id: "t4",
name: "Sami P.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
},
id: "t4", name: "Sami P.", role: "Asiakas", company: "Paikallinen", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg"},
{
id: "t5",
name: "Ville L.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg?_wi=2",
},
id: "t5", name: "Ville L.", role: "Asiakas", company: "Paikallinen", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg?_wi=2"},
]}
title="Customer Stories"
description="Don't just take our word for it—our customers keep coming back."
title="Asiakkaidemme Tarinat"
description="Asiakkaamme palaavat meille aina uudestaan. Lue kokemuksia!"
/>
</div>
@@ -301,22 +197,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need to book in advance?",
content: "Booking online ensures you get your preferred time, but we occasionally accept walk-ins.",
},
id: "q1", title: "Pitääkö aika varata etukäteen?", content: "Verkkovaraus takaa haluamasi ajan, mutta otamme satunnaisesti myös walk-in-asiakkaita."},
{
id: "q2",
title: "Are services available for kids?",
content: "Yes, we offer friendly kids' haircuts for ages up to 11.",
},
id: "q2", title: "Onko palveluita lapsille?", content: "Kyllä, tarjoamme ystävällistä palvelua lapsille 11 ikävuoteen asti."},
{
id: "q3",
title: "What payment methods do you accept?",
content: "We accept major cards and mobile payment services.",
},
id: "q3", title: "Millä voin maksaa?", content: "Hyväksymme yleisimmät pankkikortit ja mobiilimaksut."},
]}
sideTitle="Questions?"
sideTitle="Kysyttävää?"
faqsAnimation="slide-up"
/>
</div>
@@ -324,27 +211,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Reserve Your Spot"
description="Fill in the details and we'll see you in the chair soon."
title="Varaa Aika"
description="Täytä tiedot, niin nähdään pian parturituolissa!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
name: "name", type: "text", placeholder: "Nimesi"},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
name: "email", type: "email", placeholder: "Sähköpostisi"},
]}
textarea={{
name: "message",
placeholder: "Special requests?",
}}
name: "message", placeholder: "Erityistoiveita?"}}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
imageAlt="Our barbershop exterior"
imageAlt="Parturiliikkeen sisätilat"
/>
</div>
@@ -353,25 +232,17 @@ export default function LandingPage() {
logoText="Finnish Barbers"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Services",
href: "#services",
},
label: "Palvelut", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Hinnasto", href: "#pricing"},
],
},
{
title: "Legal",
items: [
title: "Tietoa", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Tietosuojaseloste", href: "#"},
],
},
]}
@@ -380,4 +251,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}