217 lines
11 KiB
TypeScript
217 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="none"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Avaleht", id: "#home"},
|
||
{
|
||
name: "Meist", id: "#about"},
|
||
{
|
||
name: "Teenused", id: "#services"},
|
||
{
|
||
name: "Stiilid", id: "#styles"},
|
||
{
|
||
name: "Tagasiside", id: "#testimonials"},
|
||
{
|
||
name: "KKK", id: "#faq"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
]}
|
||
brandName="Glamuurne Salong"
|
||
bottomLeftText="Eesti Ilukogukond"
|
||
bottomRightText="kontakt@glamuurne.ee"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
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: "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/barber-tools-wooden-background-table_627829-6207.jpg", imageAlt: "Juuksuritööriistad lauapeal"}
|
||
]}
|
||
mediaAnimation="opacity"
|
||
rating={5}
|
||
ratingText="500+ rahulolevat klienti"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Meist: Kvaliteet ja Kirg Ilu Vastu"
|
||
description="Glamuurne Salong on pühendunud pakkuma parimaid juuksuriteenuseid Tallinnas. Meie kogenud stilistid kasutavad ainult kvaliteetseid tooteid ja uusimaid tehnikaid, et iga klient lahkuks meilt särava ja enesekindlana. Usaldus, innovatsioon ja kliendi rahulolu on meie prioriteedid."
|
||
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
|
||
imageAlt="Luksuslik juuksurisalongi interjöör"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNineteen
|
||
textboxLayout="default"
|
||
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: "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"},
|
||
]}
|
||
title="Meie Teenused"
|
||
description="Avasta meie laia valik professionaalseid juuksuriteenuseid, mis on loodud iga kliendi vajadusi ja soove arvestades."
|
||
/>
|
||
</div>
|
||
|
||
<div id="styles" data-section="styles">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
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: "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: "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: "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."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={true}
|
||
testimonial="Minu juuksed pole kunagi varem nii terved ja säravad välja näinud! Teenindus oli erakordne ja stilist mõistis täpselt, mida ma soovin. Suur aitäh, Glamuurne Salong!"
|
||
rating={5}
|
||
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/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/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"},
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
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: "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."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg"
|
||
imageAlt="Stilist konsulteerib kliendiga"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
title="Korduma Kippuvad Küsimused"
|
||
description="Siit leiate vastused kõige sagedamini esitatud küsimustele meie teenuste ja protsesside kohta."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Võta Meiega Ühendust"
|
||
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: "email", type: "email", placeholder: "E-posti aadress", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Telefoninumber"},
|
||
]}
|
||
textarea={{
|
||
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"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="left"
|
||
buttonText="Saada sõnum"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Glamuurne Salong"
|
||
leftLink={{
|
||
text: "Privaatsuspoliitika", href: "#"}}
|
||
rightLink={{
|
||
text: "Kasutustingimused", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|