Merge version_1 into main #1
187
src/app/page.tsx
187
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user