Update src/app/page.tsx
This commit is contained in:
186
src/app/page.tsx
186
src/app/page.tsx
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{ name: "Domov", id: "hero" },
|
||||
{ name: "Služby", id: "services" },
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "Tím", id: "team" },
|
||||
{ name: "Recenzie", id: "reviews" },
|
||||
]}
|
||||
brandName="PROFI"
|
||||
/>
|
||||
@@ -47,67 +42,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Beauty is a ritual, not a routine"
|
||||
description="Experience our curated, high-end nail atelier in the heart of the city."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Krása je rituál, nie rutina"
|
||||
description="Zažite naše prémiové nechtové štúdio v srdci mesta."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-10518.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-field-daisies_23-2151983161.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-model-portrait-with-flower_23-2148905612.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-casual-wear-outdoor_624325-1123.jpg", alt: "Client"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-10518.jpg", alt: "Klient" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg", alt: "Klient" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-field-daisies_23-2151983161.jpg", alt: "Klient" },
|
||||
]}
|
||||
avatarText="5.0 Rating | 66+ Reviews"
|
||||
avatarText="5.0 Hodnotenie | 66+ Recenzií"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "MANICURE"},
|
||||
{
|
||||
type: "text", text: "SPA PEDICURE"},
|
||||
{
|
||||
type: "text", text: "EYEBROW STYLING"},
|
||||
{
|
||||
type: "text", text: "PROSECCO FRIDAYS"},
|
||||
{
|
||||
type: "text", text: "BEAUTY RETAIL"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marquee" data-section="marquee">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Our Signature Rituals"
|
||||
description="Excellence in every detail, crafted for your ultimate comfort."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoors_624325-2205.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoor_624325-92.jpg", alt: "Client"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "MANICURE • SPA PEDICURE"},
|
||||
{
|
||||
type: "text", text: "EYEBROW STYLING • PROSECCO FRIDAYS"},
|
||||
{
|
||||
type: "text", text: "EXPRESS DUO • BEAUTY RETAIL"},
|
||||
{
|
||||
type: "text", text: "LUXURY CARE • EXPERT ARTISTRY"},
|
||||
{
|
||||
type: "text", text: "PARISIAN STYLE • CALM ATMOSPHERE"},
|
||||
{ type: "text", text: "MANIKÚRA" },
|
||||
{ type: "text", text: "SPA PEDIKÚRA" },
|
||||
{ type: "text", text: "ÚPRAVA OBOČIA" },
|
||||
{ type: "text", text: "PROSECCO PIATKY" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,33 +63,24 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Beauty is a ritual, not a routine"
|
||||
tag="Our Philosophy"
|
||||
title="Krása je rituál, nie rutina"
|
||||
tag="Naša filozofia"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Curated Services"
|
||||
description="Our signature services tailored for the discerning guest."
|
||||
title="Naše služby"
|
||||
description="Signature procedúry vytvorené pre váš dokonalý komfort."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Manicure", content: "Precision grooming with long-wear premium polish."},
|
||||
{
|
||||
id: "2", title: "Spa Pedicure", content: "Full sensory reset with therapeutic care."},
|
||||
{
|
||||
id: "3", title: "Eyebrow Styling", content: "Defined, sculpted brows tailored to you."},
|
||||
{
|
||||
id: "4", title: "Prosecco Fridays", content: "Unwind with a glass of bubbly while you get pampered."},
|
||||
{
|
||||
id: "5", title: "Express Duo", content: "Effortless upkeep for the modern busy schedule."},
|
||||
{
|
||||
id: "6", title: "Beauty Retail", content: "Exclusive curation of our favorite luxury brands."},
|
||||
{ id: "1", title: "Manikúra", content: "Precízna úprava s dlhotrvajúcim prémiovým lakom." },
|
||||
{ id: "2", title: "Spa pedikúra", content: "Kompletný senzorický relax s terapeutickou starostlivosťou." },
|
||||
{ id: "3", title: "Úprava obočia", content: "Definované, vytvarované obočie prispôsobené vašej tvári." },
|
||||
{ id: "4", title: "Prosecco piatky", content: "Oddýchnite si s pohárom bubliniek počas vašej procedúry." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23684.jpg"
|
||||
imageAlt="Luxurious nail salon treatment setting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,17 +91,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Valeria", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair_23-2148856087.jpg"},
|
||||
{
|
||||
id: "2", name: "Natália", role: "Senior Technician", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166070.jpg"},
|
||||
{
|
||||
id: "3", name: "Irina", role: "Brow Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "4", name: "Alena", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"},
|
||||
{ id: "1", name: "Valeria", role: "Master Stylist" },
|
||||
{ id: "2", name: "Natália", role: "Senior Technik" },
|
||||
]}
|
||||
title="Meet the Artists"
|
||||
description="The talent behind our ritual."
|
||||
title="Zoznámte sa s naším tímom"
|
||||
description="Talent, ktorý stojí za vaším rituálom krásy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,21 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah", handle: "@sarah", testimonial: "The best manicure I've ever had, truly a spa experience.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-brunette-girl-confidently-looking-camera-white-background_574295-2431.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena", handle: "@elena", testimonial: "Irina's brow work is absolute magic.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg"},
|
||||
{
|
||||
id: "3", name: "Maria", handle: "@maria", testimonial: "Prosecco Fridays are my favorite day of the week.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-ballet-dancer-ballerina-pointe_1157-43875.jpg"},
|
||||
{
|
||||
id: "4", name: "Julia", handle: "@julia", testimonial: "High-end luxury in every detail. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-vitiligo_23-2149012605.jpg"},
|
||||
{
|
||||
id: "5", name: "Anna", handle: "@anna", testimonial: "So refined and peaceful. The best atelier in town.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-with-flowers_23-2148834823.jpg"},
|
||||
{
|
||||
id: "6", name: "Kate", handle: "@kate", testimonial: "Professional service and absolutely gorgeous results.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg"},
|
||||
{ id: "1", name: "Lucia", handle: "@lucia", testimonial: "Najlepšia manikúra, akú som kedy mala, skutočný spa zážitok." },
|
||||
{ id: "2", name: "Jana", handle: "@jana", testimonial: "Irina robí s obočím zázraky. Odporúčam!" },
|
||||
]}
|
||||
title="Client Rituals"
|
||||
description="What our guests are saying."
|
||||
title="Recenzie"
|
||||
description="Čo o nás hovoria naše klientky."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,28 +118,24 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Location: Rue de Paris", "Hours: 10AM-8PM", "Perks: Prosecco Fridays", "Social: @profi_beauty"]}
|
||||
title="Info Bar"
|
||||
description="Visit us in Paris, daily from 10 AM - 8 PM."
|
||||
"Tel: 0952 160 597", "Adresa: Košická 52a, 821 08 Ružinov", "Rezervácie: dikidi.net/profi"
|
||||
]}
|
||||
title="Kontakt"
|
||||
description="Navštívte nás v Ružinove, tešíme sa na vašu návštevu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Ritual / Réservez votre rituel"
|
||||
description="Step into PROFI and leave the routine behind. / Entrez chez PROFI et laissez la routine derrière vous."
|
||||
title="Rezervujte si termín"
|
||||
description="Vstúpte do PROFI a nechajte rutinu za dverami."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name / Votre Nom", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address / Adresse E-mail", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Vaše meno", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg"
|
||||
imageAlt="Front desk of luxury atelier"
|
||||
buttonText="Submit / Envoyer"
|
||||
buttonText="Odoslať"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -224,29 +143,18 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Atelier", items: [
|
||||
{
|
||||
label: "Services / Services", href: "#services"},
|
||||
{
|
||||
label: "Team / Équipe", href: "#team"},
|
||||
{
|
||||
label: "Booking / Réservation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal / Légal", items: [
|
||||
{
|
||||
label: "Privacy Policy / Politique de confidentialité", href: "#"},
|
||||
{
|
||||
label: "Terms of Service / Conditions d'utilisation", href: "#"},
|
||||
title: "Ateliér", items: [
|
||||
{ label: "Služby", href: "#services" },
|
||||
{ label: "Tím", href: "#team" },
|
||||
{ label: "Rezervácia", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 PROFI Beauty Space"
|
||||
bottomRightText="Refined Luxury / Luxe Raffiné"
|
||||
bottomRightText="Košická 52a, 821 08 Ružinov"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user