Merge version_2 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Droplets, Heart, Scissors, Sparkles } from "lucide-react";
|
||||
import { Award, Droplets, Heart, Scissors, Sparkles, Instagram, Facebook, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Služby",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Galéria",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Domov", id: "hero" },
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "Služby", id: "features" },
|
||||
{ name: "Galéria", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Eri.S Kaderníctvo"
|
||||
/>
|
||||
@@ -57,68 +42,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Tvoje vlasy si zaslúžia dotyk elegancie"
|
||||
description="V Eri.S v Košiciach premieňame vaše sny o krásnych a zdravých vlasoch na realitu. Objavte špičkové techniky farbenia a strihania v príjemnom prostredí."
|
||||
buttons={[
|
||||
{
|
||||
text: "Objednať sa online",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Objednať sa online", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg",
|
||||
alt: "Zákazníčka 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
|
||||
alt: "Zákazníčka 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
alt: "Zákazníčka 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-multi-ethnic-female-friends-looking-through-one-wooden-frame-against-grey-backdrop_23-2148178791.jpg",
|
||||
alt: "Zákazníčka 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-wall_141793-105764.jpg",
|
||||
alt: "Majiteľka",
|
||||
},
|
||||
]}
|
||||
avatarText="Pridajte sa k 2000+ spokojným dámam"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Špičkové farbenie",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Moderný strih",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Regenerácia",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Odborná starostlivosť",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Individuálny prístup",
|
||||
icon: Heart,
|
||||
},
|
||||
{ type: "text-icon", text: "Špičkové farbenie", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Moderný strih", icon: Scissors },
|
||||
{ type: "text-icon", text: "Regenerácia", icon: Droplets },
|
||||
{ type: "text-icon", text: "Odborná starostlivosť", icon: Award },
|
||||
{ type: "text-icon", text: "Individuálny prístup", icon: Heart },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,20 +63,11 @@ export default function LandingPage() {
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Viac než len kaderníctvo"
|
||||
description="Príbeh Eri.S sa začal láskou k umeniu vlasovej krásy. Veríme, že každá žena je jedinečná, preto ku každej zákazníčke pristupujeme individuálne s maximálnou pozornosťou na detaily a zdravie vlasov. Sídlime v srdci sídliska Dargovských hrdinov, kde tvoríme atmosféru oddychu a sebavedomia."
|
||||
description="Príbeh Eri.S sa začal láskou k umeniu vlasovej krásy. Veríme, že každá žena je jedinečná, preto ku každej zákazníčke pristupujeme individuálne s maximálnou pozornosťou na detaily a zdravie vlasov."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "rokov skúseností",
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
title: "spokojných dám",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "profesionálny prístup",
|
||||
},
|
||||
{ value: "10+", title: "rokov skúseností" },
|
||||
{ value: "2000+", title: "spokojných dám" },
|
||||
{ value: "100%", title: "profesionálny prístup" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/excited-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-wall_141793-105764.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -153,24 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Balayage & AirTouch",
|
||||
description: "Prirodzené presvetlenie, ktoré vydrží týždne bez nutnosti častého dofarbovania.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Moderný strih",
|
||||
description: "Strih, ktorý podčiarkne črty vašej tváre a je ľahko upraviteľný aj doma.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/visit-friendly-hairdresser-salon_329181-1936.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Regeneračné kúry",
|
||||
description: "Hĺbková výživa a regenerácia, ktorá vráti vašim vlasom stratený lesk a silu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317423.jpg",
|
||||
},
|
||||
{ id: 1, title: "Balayage & AirTouch", description: "Prirodzené presvetlenie, ktoré vydrží týždne bez nutnosti častého dofarbovania.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg" },
|
||||
{ id: 2, title: "Moderný strih", description: "Strih, ktorý podčiarkne črty vašej tváre a je ľahko upraviteľný aj doma.", imageSrc: "http://img.b2bpic.net/free-photo/visit-friendly-hairdresser-salon_329181-1936.jpg" },
|
||||
{ id: 3, title: "Regeneračné kúry", description: "Hĺbková výživa a regenerácia, ktorá vráti vašim vlasom stratený lesk a silu.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317423.jpg" },
|
||||
]}
|
||||
title="Naše exkluzívne služby"
|
||||
description="Ponúkame moderné techniky, ktoré zvýraznia vašu prirodzenú krásu."
|
||||
@@ -184,27 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Balayage premena",
|
||||
price: "AirTouch",
|
||||
variant: "Pred / Po",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Osviežujúci strih",
|
||||
price: "Trend",
|
||||
variant: "Pred / Po",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mom-combing-daughter-hair_23-2148482893.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Regenerácia a lesk",
|
||||
price: "Zdravie",
|
||||
variant: "Pred / Po",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-giving-herself-scalp-massage_23-2151262310.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Balayage premena", price: "AirTouch", variant: "Pred / Po", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg" },
|
||||
{ id: "g2", name: "Osviežujúci strih", price: "Trend", variant: "Pred / Po", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mom-combing-daughter-hair_23-2148482893.jpg" },
|
||||
{ id: "g3", name: "Regenerácia a lesk", price: "Zdravie", variant: "Pred / Po", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-giving-herself-scalp-massage_23-2151262310.jpg" },
|
||||
]}
|
||||
title="Naše premeny"
|
||||
description="Pozrite sa, ako meníme vlasy našich spokojných zákazníčok."
|
||||
@@ -217,60 +111,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mária K.",
|
||||
role: "Klientka",
|
||||
company: "Košice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jana D.",
|
||||
role: "Klientka",
|
||||
company: "Košice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lucia M.",
|
||||
role: "Klientka",
|
||||
company: "Košice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Eva P.",
|
||||
role: "Klientka",
|
||||
company: "Košice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-multi-ethnic-female-friends-looking-through-one-wooden-frame-against-grey-backdrop_23-2148178791.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Simona B.",
|
||||
role: "Klientka",
|
||||
company: "Košice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Mária K.", role: "Klientka", company: "Košice", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg?_wi=1" },
|
||||
{ id: "t2", name: "Jana D.", role: "Klientka", company: "Košice", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
|
||||
{ id: "t3", name: "Lucia M.", role: "Klientka", company: "Košice", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Hodnotenie",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Návratnosť",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Recenzií",
|
||||
},
|
||||
{ value: "5.0", label: "Hodnotenie" },
|
||||
{ value: "98%", label: "Návratnosť" },
|
||||
{ value: "150+", label: "Recenzií" },
|
||||
]}
|
||||
title="Čo o nás hovoria"
|
||||
description="Spokojnosť klientiek je pre nás tým najväčším zadosťučinením."
|
||||
@@ -278,21 +126,20 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Objednajte sa ešte dnes"
|
||||
description="Radi vás privítame v našom salóne v OC Ondava, Sídlisko Dargovských hrdinov. Ozvite sa nám a nájdeme termín, ktorý vám vyhovuje."
|
||||
buttonText="Rezervovať termín"
|
||||
<ContactText
|
||||
text="Pripravená na zmenu? Kontaktujte nás a dohodnite si termín vašej návštevy v Eri.S Kaderníctve."
|
||||
buttons={[{ text: "Zavolať teraz", href: "tel:+421900000000" }]}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Eri.S Kaderníctvo"
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Kaderníctvo", items: [{ label: "O nás", href: "#about" }, { label: "Služby", href: "#features" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Košice, OC Ondava", href: "#" }, { label: "+421 900 000 000", href: "tel:+421900000000" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Eri.S Kaderníctvo, Košice"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user