Switch to version 1: modified src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -30,46 +30,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery", id: "#gallery"},
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u4pnpt"
|
||||
logoAlt="Dovilė Beauty Studio Logo"
|
||||
brandName="Dovilė"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Experience Unmatched Beauty at Dovilė's Studio"
|
||||
description="Dedicated to transforming your look with exquisite lash, hair, and brow services, where luxury meets personalized care."
|
||||
tag="Luxury Beauty Services"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/examination-bed-dry-needling-clinic_107420-65816.jpg", imageAlt: "Luxury beauty studio interior"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/examination-bed-dry-needling-clinic_107420-65816.jpg",
|
||||
imageAlt: "Luxury beauty studio interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-young-model-with-nude-makeup-touching-her-perfect-clean-skin-blue_158538-10989.jpg", imageAlt: "Close-up of lash extension application"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-young-model-with-nude-makeup-touching-her-perfect-clean-skin-blue_158538-10989.jpg",
|
||||
imageAlt: "Close-up of lash extension application",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "Hair stylist working on a client's hair"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
|
||||
imageAlt: "Hair stylist working on a client's hair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-master-put-eyebrow-paint-beauty-salon-make-up-procedure_231208-3550.jpg", imageAlt: "Woman getting eyebrow shaping"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-master-put-eyebrow-paint-beauty-salon-make-up-procedure_231208-3550.jpg",
|
||||
imageAlt: "Woman getting eyebrow shaping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-palettes-table_23-2147783933.jpg", imageAlt: "Elegant display of luxury beauty products"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-palettes-table_23-2147783933.jpg",
|
||||
imageAlt: "Elegant display of luxury beauty products",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg", imageAlt: "Calm and serene beauty studio ambiance"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg",
|
||||
imageAlt: "Calm and serene beauty studio ambiance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -80,7 +107,9 @@ export default function LandingPage() {
|
||||
title="Dovilė's Vision: Where Beauty Meets Precision"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy", href: "#"},
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,11 +121,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lash Extensions", description: "Achieve stunning, voluminous lashes tailored to your desired look. From classic elegance to dramatic volume, our expert application ensures lasting beauty.", imageSrc: "http://img.b2bpic.net/free-photo/red-glitter-eye-shadow-proffesional-model_114579-6284.jpg", imageAlt: "Voluminous lash extensions"},
|
||||
title: "Lash Extensions",
|
||||
description: "Achieve stunning, voluminous lashes tailored to your desired look. From classic elegance to dramatic volume, our expert application ensures lasting beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-glitter-eye-shadow-proffesional-model_114579-6284.jpg",
|
||||
imageAlt: "Voluminous lash extensions",
|
||||
},
|
||||
{
|
||||
title: "Hair Extensions", description: "Transform your hair with luxurious, seamless extensions for added length, volume, and style. Experience a natural blend that enhances your overall look.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-black-crop-top-playing-with-her-hair-high-quality-photo_114579-52873.jpg", imageAlt: "Long flowing hair extensions"},
|
||||
title: "Hair Extensions",
|
||||
description: "Transform your hair with luxurious, seamless extensions for added length, volume, and style. Experience a natural blend that enhances your overall look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-black-crop-top-playing-with-her-hair-high-quality-photo_114579-52873.jpg",
|
||||
imageAlt: "Long flowing hair extensions",
|
||||
},
|
||||
{
|
||||
title: "Beauty & Brow Artistry", description: "Perfectly sculpted brows and bespoke beauty treatments to frame your face and refine your features. Precision and artistry in every detail.", imageSrc: "http://img.b2bpic.net/free-photo/woman-swimsuit-with-towel_181624-55628.jpg", imageAlt: "Perfectly shaped eyebrows"},
|
||||
title: "Beauty & Brow Artistry",
|
||||
description: "Perfectly sculpted brows and bespoke beauty treatments to frame your face and refine your features. Precision and artistry in every detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimsuit-with-towel_181624-55628.jpg",
|
||||
imageAlt: "Perfectly shaped eyebrows",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Beauty Services"
|
||||
description="Indulge in our bespoke treatments, meticulously designed to highlight your unique beauty and elevate your confidence."
|
||||
@@ -111,17 +152,53 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p-1", name: "Dramatic Volume Lashes", price: "Price on Consultation", variant: "Lash Extensions", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-shimmer-eye-shadow_23-2148398542.jpg", imageAlt: "Dramatic Volume Lashes"},
|
||||
id: "p-1",
|
||||
name: "Dramatic Volume Lashes",
|
||||
price: "Price on Consultation",
|
||||
variant: "Lash Extensions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-shimmer-eye-shadow_23-2148398542.jpg",
|
||||
imageAlt: "Dramatic Volume Lashes",
|
||||
},
|
||||
{
|
||||
id: "p-2", name: "Flowing Blonde Extensions", price: "Price on Consultation", variant: "Hair Extensions", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-woman-indoor_624325-4402.jpg", imageAlt: "Flowing Blonde Hair Extensions"},
|
||||
id: "p-2",
|
||||
name: "Flowing Blonde Extensions",
|
||||
price: "Price on Consultation",
|
||||
variant: "Hair Extensions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-woman-indoor_624325-4402.jpg",
|
||||
imageAlt: "Flowing Blonde Hair Extensions",
|
||||
},
|
||||
{
|
||||
id: "p-3", name: "Precision Brow Lamination", price: "Price on Consultation", variant: "Brow Artistry", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-looking-away_23-2148398674.jpg", imageAlt: "Precision Brow Lamination"},
|
||||
id: "p-3",
|
||||
name: "Precision Brow Lamination",
|
||||
price: "Price on Consultation",
|
||||
variant: "Brow Artistry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-looking-away_23-2148398674.jpg",
|
||||
imageAlt: "Precision Brow Lamination",
|
||||
},
|
||||
{
|
||||
id: "p-4", name: "Natural Lash Lift", price: "Price on Consultation", variant: "Lash Enhancement", imageSrc: "http://img.b2bpic.net/free-photo/girl-had-beautiful-pink-makeup-isolated-white_1150-52155.jpg", imageAlt: "Natural Lash Lift and Tint"},
|
||||
id: "p-4",
|
||||
name: "Natural Lash Lift",
|
||||
price: "Price on Consultation",
|
||||
variant: "Lash Enhancement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-had-beautiful-pink-makeup-isolated-white_1150-52155.jpg",
|
||||
imageAlt: "Natural Lash Lift and Tint",
|
||||
},
|
||||
{
|
||||
id: "p-5", name: "Voluminous Curly Extensions", price: "Price on Consultation", variant: "Hair Extensions", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-serious-woman-keeps-hands-near-face-touches-jawline-has-curly-bushy-hair-dressd-casual-clothes-looks-self-confident-camera-isolated-yellow-background-human-face-expressions_273609-57410.jpg", imageAlt: "Voluminous Curly Hair Extensions"},
|
||||
id: "p-5",
|
||||
name: "Voluminous Curly Extensions",
|
||||
price: "Price on Consultation",
|
||||
variant: "Hair Extensions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-serious-woman-keeps-hands-near-face-touches-jawline-has-curly-bushy-hair-dressd-casual-clothes-looks-self-confident-camera-isolated-yellow-background-human-face-expressions_273609-57410.jpg",
|
||||
imageAlt: "Voluminous Curly Hair Extensions",
|
||||
},
|
||||
{
|
||||
id: "p-6", name: "Soft Glam Makeup Artistry", price: "Price on Consultation", variant: "Beauty Services", imageSrc: "http://img.b2bpic.net/free-photo/naked-young-beautiful-woman-with-natural-make-up-smiling-cosmetology-spa-facial-treatment_176420-13968.jpg", imageAlt: "Soft Glam Makeup Look"},
|
||||
id: "p-6",
|
||||
name: "Soft Glam Makeup Artistry",
|
||||
price: "Price on Consultation",
|
||||
variant: "Beauty Services",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/naked-young-beautiful-woman-with-natural-make-up-smiling-cosmetology-spa-facial-treatment_176420-13968.jpg",
|
||||
imageAlt: "Soft Glam Makeup Look",
|
||||
},
|
||||
]}
|
||||
title="Gallery of Exquisite Transformations"
|
||||
description="Explore our portfolio of artistry, showcasing the stunning results achieved through our dedicated services. Each image reflects our commitment to beauty and precision."
|
||||
@@ -135,28 +212,59 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1", name: "Sarah Johnson", role: "Regular Client", company: "Beauty Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-137772.jpg"},
|
||||
id: "t-1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Regular Client",
|
||||
company: "Beauty Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-137772.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-2", name: "Emily R.", role: "First-time Visitor", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg"},
|
||||
id: "t-2",
|
||||
name: "Emily R.",
|
||||
role: "First-time Visitor",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-3", name: "Jessica L.", role: "Bridal Client", company: "Happy Bride", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
|
||||
id: "t-3",
|
||||
name: "Jessica L.",
|
||||
role: "Bridal Client",
|
||||
company: "Happy Bride",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-4", name: "Olivia M.", role: "Model", company: "Professional", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-woman-black-clothing-light-background_613910-7034.jpg"},
|
||||
id: "t-4",
|
||||
name: "Olivia M.",
|
||||
role: "Model",
|
||||
company: "Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-woman-black-clothing-light-background_613910-7034.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-5", name: "Sophia K.", role: "Long-term Client", company: "Loyal Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg"},
|
||||
id: "t-5",
|
||||
name: "Sophia K.",
|
||||
role: "Long-term Client",
|
||||
company: "Loyal Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5+", label: "Years of Experience"},
|
||||
value: "5+",
|
||||
label: "Years of Experience",
|
||||
},
|
||||
{
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "Luxury", label: "Beauty Services"},
|
||||
value: "Luxury",
|
||||
label: "Beauty Services",
|
||||
},
|
||||
]}
|
||||
title="Glowing Reviews from Our Valued Clients"
|
||||
description="Our clients' happiness is our greatest reward. Read their experiences and discover why Dovilė's studio is their trusted destination for luxury beauty."
|
||||
@@ -167,15 +275,14 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
text="Ready to experience the finest in beauty? Contact us to book your personalized appointment. \
|
||||
Address: 123 Luxury Lane, Beauty City, BC 12345 \
|
||||
Phone: +1 (555) 123-4567 \
|
||||
Instagram: @DovileBeauty \
|
||||
Hours: Mon-Fri: 9AM-6PM, Sat: 10AM-4PM"
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to experience the finest in beauty? Contact us to book your personalized appointment. \\\nAddress: 123 Luxury Lane, Beauty City, BC 12345 \\\nPhone: +1 (555) 123-4567 \\\nInstagram: @DovileBeauty \\\nHours: Mon-Fri: 9AM-6PM, Sat: 10AM-4PM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment", href: "#"},
|
||||
text: "Book Your Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,31 +293,49 @@ Hours: Mon-Fri: 9AM-6PM, Sat: 10AM-4PM"
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Lash Extensions", href: "#services"},
|
||||
label: "Lash Extensions",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Hair Extensions", href: "#services"},
|
||||
label: "Hair Extensions",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Beauty & Brow", href: "#services"},
|
||||
label: "Beauty & Brow",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/DovileBeauty"},
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/DovileBeauty",
|
||||
},
|
||||
{
|
||||
label: "Book Now", href: "#contact"},
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -220,4 +345,4 @@ Hours: Mon-Fri: 9AM-6PM, Sat: 10AM-4PM"
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user