bender/5fb3dccb-1216-40da-8d7c-be89c24112b4
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-06-03 15:01:12 +00:00
parent ce5daf306c
commit 823559b4ac
1 changed files with 38 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
src/app/page.tsx
View File

@@ -31,33 +31,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Avaleht",
id: "#home",
},
name: "Avaleht", id: "#home"},
{
name: "Meist",
id: "#about",
},
name: "Meist", id: "#about"},
{
name: "Teenused",
id: "#services",
},
name: "Teenused", id: "#services"},
{
name: "Stiilid",
id: "#styles",
},
name: "Stiilid", id: "#styles"},
{
name: "Tagasiside",
id: "#testimonials",
},
name: "Tagasiside", id: "#testimonials"},
{
name: "KKK",
id: "#faq",
},
name: "KKK", id: "#faq"},
{
name: "Kontakt",
id: "#contact",
},
name: "Kontakt", id: "#contact"},
]}
brandName="Glamuurne Salong"
bottomLeftText="Eesti Ilukogukond"
@@ -68,44 +54,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Sinu Juuste Unistuste Salong"
description="Avasta täiuslik stiil ja sära meie ekspertide käe all. Pakume personaalset lähenemist igale kliendile, et luua unustamatu iluelamus."
tag="TERE TULEMAST"
tagAnimation="slide-up"
buttons={[
{
text: "Broneeri aeg",
href: "#contact",
},
text: "Broneeri aeg", href: "#contact"},
{
text: "Vaata teenuseid",
href: "#services",
},
text: "Vaata teenuseid", href: "#services"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-dried-hairdresser_23-2150771293.jpg",
imageAlt: "Naine saab professionaalselt juukselõikust",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-dried-hairdresser_23-2150771293.jpg", imageAlt: "Naine saab professionaalselt juukselõikust"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg",
imageAlt: "Juuksuritööriistad lauapeal",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg", imageAlt: "Juuksuritööriistad lauapeal"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94687.jpg",
imageAlt: "Female hairdresser styling clients hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94687.jpg", imageAlt: "Female hairdresser styling clients hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-face-mask-getting-her-hair-styled-hairdresser-virus-epidemic_637285-9041.jpg",
imageAlt: "Woman with protective face mask getting her hair styled at hairdresser during virus epidemic",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-face-mask-getting-her-hair-styled-hairdresser-virus-epidemic_637285-9041.jpg", imageAlt: "Woman with protective face mask getting her hair styled at hairdresser during virus epidemic"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-bride-getting-hair-done_23-2149860770.jpg",
imageAlt: "Full shot bride getting hair done",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-bride-getting-hair-done_23-2149860770.jpg", imageAlt: "Full shot bride getting hair done"},
]}
mediaAnimation="opacity"
rating={5}
@@ -129,29 +100,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
tag: "Lõikus",
title: "Stiilne Juukselõikus",
subtitle: "Modernne lõikus igale maitsele",
description: "Meie stilistid loovad teile täiusliku lõikuse, mis rõhutab teie isikupära ja sobib teie elustiiliga.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg",
imageAlt: "Professionaalne juukselõikus",
},
tag: "Lõikus", title: "Stiilne Juukselõikus", subtitle: "Modernne lõikus igale maitsele", description: "Meie stilistid loovad teile täiusliku lõikuse, mis rõhutab teie isikupära ja sobib teie elustiiliga.", imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg", imageAlt: "Professionaalne juukselõikus"},
{
tag: "Värvimine",
title: "Särav Juuksevärv",
subtitle: "Värskendav värvimuutus",
description: "Alates klassikast kuni julgete toonideni – leiame teile sobiva juuksevärvi, mis toob esile teie loomuliku ilu.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668447.jpg",
imageAlt: "Juuksevärvi pealekandmine",
},
tag: "Värvimine", title: "Särav Juuksevärv", subtitle: "Värskendav värvimuutus", description: "Alates klassikast kuni julgete toonideni – leiame teile sobiva juuksevärvi, mis toob esile teie loomuliku ilu.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668447.jpg", imageAlt: "Juuksevärvi pealekandmine"},
{
tag: "Hooldus",
title: "Tervendav Juuksehooldus",
subtitle: "Tugevad ja säravad juuksed",
description: "Pakume laias valikus hooldusi, mis taastavad juuste elujõu ja annavad neile terve ja läikiva välimuse.",
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454875.jpg",
imageAlt: "Juuksemaski pealekandmine",
},
tag: "Hooldus", title: "Tervendav Juuksehooldus", subtitle: "Tugevad ja säravad juuksed", description: "Pakume laias valikus hooldusi, mis taastavad juuste elujõu ja annavad neile terve ja läikiva välimuse.", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454875.jpg", imageAlt: "Juuksemaski pealekandmine"},
]}
title="Meie Teenused"
description="Avasta meie laia valik professionaalseid juuksuriteenuseid, mis on loodud iga kliendi vajadusi ja soove arvestades."
@@ -166,47 +119,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Lainelised lokid",
price: "Alates 55€",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg",
imageAlt: "Pikad lainelised juuksed",
},
id: "p1", name: "Lainelised lokid", price: "Alates 55€", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg", imageAlt: "Pikad lainelised juuksed"},
{
id: "p2",
name: "Šikk bob",
price: "Alates 45€",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-with-bob-hair-happily-looking-camera-isolated-white-background-good-mood-expression_574295-4446.jpg",
imageAlt: "Lühike bob soeng",
},
id: "p2", name: "Šikk bob", price: "Alates 45€", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-with-bob-hair-happily-looking-camera-isolated-white-background-good-mood-expression_574295-4446.jpg", imageAlt: "Lühike bob soeng"},
{
id: "p3",
name: "Sile ja sirge",
price: "Alates 50€",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-black-clothes-posing-with-studio-lights_158538-8407.jpg",
imageAlt: "Pikad sirged juuksed",
},
id: "p3", name: "Sile ja sirge", price: "Alates 50€", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-black-clothes-posing-with-studio-lights_158538-8407.jpg", imageAlt: "Pikad sirged juuksed"},
{
id: "p4",
name: "Elegantne ülespandud soeng",
price: "Alates 70€",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-having-doubt-looking-copy-space_158595-78.jpg",
imageAlt: "Elegantne krunn",
},
id: "p4", name: "Elegantne ülespandud soeng", price: "Alates 70€", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-having-doubt-looking-copy-space_158595-78.jpg", imageAlt: "Elegantne krunn"},
{
id: "p5",
name: "Loomulikud lokid",
price: "Alates 60€",
imageSrc: "http://img.b2bpic.net/free-photo/cute-flirty-silly-female-making-coquettish-gazed-camera-folding-lips-feminine-turning-head_1258-143040.jpg",
imageAlt: "Volüümikad lokkis juuksed",
},
id: "p5", name: "Loomulikud lokid", price: "Alates 60€", imageSrc: "http://img.b2bpic.net/free-photo/cute-flirty-silly-female-making-coquettish-gazed-camera-folding-lips-feminine-turning-head_1258-143040.jpg", imageAlt: "Volüümikad lokkis juuksed"},
{
id: "p6",
name: "Moodne mehelik lõikus",
price: "Alates 35€",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-groom_1153-295.jpg",
imageAlt: "Meeste moodne soeng",
},
id: "p6", name: "Moodne mehelik lõikus", price: "Alates 35€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-groom_1153-295.jpg", imageAlt: "Meeste moodne soeng"},
]}
title="Meie Juuste Kollektsioonid"
description="Sirvige meie stiiligaleriid ja leidke inspiratsiooni oma järgmiseks välimuseks. Iga soeng on loodud detailidele tähelepanu pöörates."
@@ -221,25 +144,15 @@ export default function LandingPage() {
author="Kadri Lepp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
alt: "Kadri Lepp",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "Kadri Lepp"},
{
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
alt: "Markus Tamm",
},
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Markus Tamm"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg",
alt: "Liis Kask",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg", alt: "Liis Kask"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
alt: "Jaanus Kuusk",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", alt: "Jaanus Kuusk"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teen-with-pink-hair_23-2148629625.jpg",
alt: "Evelin Pärn",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-teen-with-pink-hair_23-2148629625.jpg", alt: "Evelin Pärn"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="opacity"
@@ -252,20 +165,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "Kuidas saan aega broneerida?",
content: "Aega saate broneerida meie veebisaidi kontaktivormi kaudu, helistades meile või saates e-kirja. Soovitame broneerida aegsasti, et kindlustada teile sobiv aeg.",
},
id: "faq1", title: "Kuidas saan aega broneerida?", content: "Aega saate broneerida meie veebisaidi kontaktivormi kaudu, helistades meile või saates e-kirja. Soovitame broneerida aegsasti, et kindlustada teile sobiv aeg."},
{
id: "faq2",
title: "Milliseid makseviise aktsepteerite?",
content: "Aktsepteerime nii sularahamakseid kui ka kaardimakseid (Visa, Mastercard). Samuti on võimalik tasuda pangalingiga, kui broneerite teenuse veebis.",
},
id: "faq2", title: "Milliseid makseviise aktsepteerite?", content: "Aktsepteerime nii sularahamakseid kui ka kaardimakseid (Visa, Mastercard). Samuti on võimalik tasuda pangalingiga, kui broneerite teenuse veebis."},
{
id: "faq3",
title: "Kas pakute ka nõustamist?",
content: "Jah, pakume tasuta esmast konsultatsiooni, et leida teile parim soengu- või värvilahendus. Broneerige aeg nõustamiseks, et meie stilist saaks teiega individuaalselt tegeleda.",
},
id: "faq3", title: "Kas pakute ka nõustamist?", content: "Jah, pakume tasuta esmast konsultatsiooni, et leida teile parim soengu- või värvilahendus. Broneerige aeg nõustamiseks, et meie stilist saaks teiega individuaalselt tegeleda."},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg"
imageAlt="Stilist konsulteerib kliendiga"
@@ -284,27 +188,16 @@ export default function LandingPage() {
description="Kas teil on küsimusi või soovite aega broneerida? Täitke allolev vorm ja võtame teiega peagi ühendust. Ootame teid!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Nimi",
required: true,
name: "name", type: "text", placeholder: "Nimi", required: true,
},
{
name: "email",
type: "email",
placeholder: "E-posti aadress",
required: true,
name: "email", type: "email", placeholder: "E-posti aadress", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Telefoninumber",
},
name: "phone", type: "tel", placeholder: "Telefoninumber"},
]}
textarea={{
name: "message",
placeholder: "Teie sõnum...",
rows: 4,
name: "message", placeholder: "Teie sõnum...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-photo-girl-sitting-white-desk-taking-photos-notes-her-cellphone-isolated_574295-5242.jpg"
imageAlt="Salongi vastuvõtulaud"
@@ -318,13 +211,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Glamuurne Salong"
leftLink={{
text: "Privaatsuspoliitika",
href: "#",
}}
text: "Privaatsuspoliitika", href: "#"}}
rightLink={{
text: "Kasutustingimused",
href: "#",
}}
text: "Kasutustingimused", href: "#"}}
/>
</div>
</ReactLenis>