Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2eb686da39 |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Team",
|
name: "Team", id: "team"},
|
||||||
id: "team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "reviews"},
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="PROFI"
|
brandName="PROFI"
|
||||||
/>
|
/>
|
||||||
@@ -58,54 +48,33 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Beauty is a ritual, not a routine"
|
title="Beauty is a ritual, not a routine"
|
||||||
description="Experience our curated, high-end nail atelier in the heart of the city."
|
description="Experience our curated, high-end nail atelier in the heart of the city."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-10518.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blond-female-black-dress_613910-10518.jpg", alt: "Client"},
|
||||||
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",
|
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"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-field-daisies_23-2151983161.jpg",
|
src: "http://img.b2bpic.net/free-photo/woman-field-daisies_23-2151983161.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-model-portrait-with-flower_23-2148905612.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-model-portrait-with-flower_23-2148905612.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-casual-wear-outdoor_624325-1123.jpg",
|
src: "http://img.b2bpic.net/free-photo/cute-young-woman-casual-wear-outdoor_624325-1123.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="5.0 Rating | 66+ Reviews"
|
avatarText="5.0 Rating | 66+ Reviews"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "MANICURE"},
|
||||||
text: "MANICURE",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "SPA PEDICURE"},
|
||||||
text: "SPA PEDICURE",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "EYEBROW STYLING"},
|
||||||
text: "EYEBROW STYLING",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "PROSECCO FRIDAYS"},
|
||||||
text: "PROSECCO FRIDAYS",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "BEAUTY RETAIL"},
|
||||||
text: "BEAUTY RETAIL",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -113,53 +82,32 @@ export default function LandingPage() {
|
|||||||
<div id="marquee" data-section="marquee">
|
<div id="marquee" data-section="marquee">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Our Signature Rituals"
|
title="Our Signature Rituals"
|
||||||
description="Excellence in every detail, crafted for your ultimate comfort."
|
description="Excellence in every detail, crafted for your ultimate comfort."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg",
|
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoors_624325-2205.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoors_624325-2205.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoor_624325-92.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoor_624325-92.jpg", alt: "Client"},
|
||||||
alt: "Client",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "MANICURE • SPA PEDICURE"},
|
||||||
text: "MANICURE • SPA PEDICURE",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "EYEBROW STYLING • PROSECCO FRIDAYS"},
|
||||||
text: "EYEBROW STYLING • PROSECCO FRIDAYS",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "EXPRESS DUO • BEAUTY RETAIL"},
|
||||||
text: "EXPRESS DUO • BEAUTY RETAIL",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "LUXURY CARE • EXPERT ARTISTRY"},
|
||||||
text: "LUXURY CARE • EXPERT ARTISTRY",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "PARISIAN STYLE • CALM ATMOSPHERE"},
|
||||||
text: "PARISIAN STYLE • CALM ATMOSPHERE",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -179,35 +127,17 @@ export default function LandingPage() {
|
|||||||
description="Our signature services tailored for the discerning guest."
|
description="Our signature services tailored for the discerning guest."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Manicure", content: "Precision grooming with long-wear premium polish."},
|
||||||
title: "Manicure",
|
|
||||||
content: "Precision grooming with long-wear premium polish.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Spa Pedicure", content: "Full sensory reset with therapeutic care."},
|
||||||
title: "Spa Pedicure",
|
|
||||||
content: "Full sensory reset with therapeutic care.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Eyebrow Styling", content: "Defined, sculpted brows tailored to you."},
|
||||||
title: "Eyebrow Styling",
|
|
||||||
content: "Defined, sculpted brows tailored to you.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Prosecco Fridays", content: "Unwind with a glass of bubbly while you get pampered."},
|
||||||
title: "Prosecco Fridays",
|
|
||||||
content: "Unwind with a glass of bubbly while you get pampered.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "Express Duo", content: "Effortless upkeep for the modern busy schedule."},
|
||||||
title: "Express Duo",
|
|
||||||
content: "Effortless upkeep for the modern busy schedule.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", title: "Beauty Retail", content: "Exclusive curation of our favorite luxury brands."},
|
||||||
title: "Beauty Retail",
|
|
||||||
content: "Exclusive curation of our favorite luxury brands.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23684.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23684.jpg"
|
||||||
@@ -223,29 +153,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Valeria", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair_23-2148856087.jpg"},
|
||||||
name: "Valeria",
|
|
||||||
role: "Master Stylist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair_23-2148856087.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Natália", role: "Senior Technician", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166070.jpg"},
|
||||||
name: "Natália",
|
|
||||||
role: "Senior Technician",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166070.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
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"},
|
||||||
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",
|
id: "4", name: "Alena", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"},
|
||||||
name: "Alena",
|
|
||||||
role: "Lead Aesthetician",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Meet the Artists"
|
title="Meet the Artists"
|
||||||
description="The talent behind our ritual."
|
description="The talent behind our ritual."
|
||||||
@@ -259,47 +173,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Client Rituals"
|
title="Client Rituals"
|
||||||
description="What our guests are saying."
|
description="What our guests are saying."
|
||||||
@@ -311,11 +195,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Location: Rue de Paris",
|
"Location: Rue de Paris", "Hours: 10AM-8PM", "Perks: Prosecco Fridays", "Social: @profi_beauty"]}
|
||||||
"Hours: 10AM-8PM",
|
|
||||||
"Perks: Prosecco Fridays",
|
|
||||||
"Social: @profi_beauty",
|
|
||||||
]}
|
|
||||||
title="Info Bar"
|
title="Info Bar"
|
||||||
description="Visit us in Paris, daily from 10 AM - 8 PM."
|
description="Visit us in Paris, daily from 10 AM - 8 PM."
|
||||||
/>
|
/>
|
||||||
@@ -324,24 +204,19 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Book Your Ritual"
|
title="Book Your Ritual / Réservez votre rituel"
|
||||||
description="Step into PROFI and leave the routine behind."
|
description="Step into PROFI and leave the routine behind. / Entrez chez PROFI et laissez la routine derrière vous."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name / Votre Nom", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Email Address / Adresse E-mail", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Email Address",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg"
|
||||||
imageAlt="Front desk of luxury atelier"
|
imageAlt="Front desk of luxury atelier"
|
||||||
|
buttonText="Submit / Envoyer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -349,41 +224,29 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Atelier",
|
title: "Atelier", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services / Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Team",
|
label: "Team / Équipe", href: "#team"},
|
||||||
href: "#team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Booking",
|
label: "Booking / Réservation", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal / Légal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy / Politique de confidentialité", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service / Conditions d'utilisation", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 PROFI Beauty Space"
|
bottomLeftText="© 2024 PROFI Beauty Space"
|
||||||
bottomRightText="Refined Luxury"
|
bottomRightText="Refined Luxury / Luxe Raffiné"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user