Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
418
src/app/page.tsx
418
src/app/page.tsx
@@ -17,300 +17,148 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Lash Bar & Beauty Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Lash Bar & Beauty Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Elevate Your Beauty at The Lash Bar"
|
||||
description="Professional lash extensions and premium beauty services in a luxurious, relaxed environment. Discover your perfect look today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://maps.app.goo.gl/RVpyyqUFkW4VZkVV9",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcVLuhU0ayUWfRb1C61DWADTjJ/uploaded-1776720850136-4y2i3svx.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-smiling-women-with-brushes-taking-selfie-makeup-mirror_23-2148113380.jpg",
|
||||
alt: "Smiling beauty client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
|
||||
alt: "Smiling beauty client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-women-indulging-self-care-with-beauty-product_23-2148655766.jpg",
|
||||
alt: "Smiling beauty client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg",
|
||||
alt: "Smiling beauty client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sits-table-with-makeup-tools-holding-makeup-brush-with-mirror-isolated-orange-wall_141793-105910.jpg",
|
||||
alt: "Smiling beauty client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our community of 500+ happy clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Elevate Your Beauty at The Lash Bar"
|
||||
description="Professional lash extensions and premium beauty services in a luxurious, relaxed environment. Discover your perfect look today."
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "https://maps.app.goo.gl/RVpyyqUFkW4VZkVV9" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcVLuhU0ayUWfRb1C61DWADTjJ/uploaded-1776720850136-4y2i3svx.png"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-smiling-women-with-brushes-taking-selfie-makeup-mirror_23-2148113380.jpg", alt: "Smiling beauty client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", alt: "Smiling beauty client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-women-indulging-self-care-with-beauty-product_23-2148655766.jpg", alt: "Smiling beauty client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg", alt: "Smiling beauty client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sits-table-with-makeup-tools-holding-makeup-brush-with-mirror-isolated-orange-wall_141793-105910.jpg", alt: "Smiling beauty client 5" },
|
||||
]}
|
||||
avatarText="Join our community of 500+ happy clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Sanctuary of Style"
|
||||
description="At The Lash Bar & Beauty Studio, we specialize in high-precision lash artistry and transformative beauty services. Our expert technicians prioritize your natural beauty in a curated studio experience."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Artistry",
|
||||
description: "Highly trained specialists in the latest lash techniques.",
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We use only high-end, safe, and long-lasting supplies.",
|
||||
},
|
||||
{
|
||||
title: "Luxury Atmosphere",
|
||||
description: "Relax in our sophisticated, clean, and comfortable studio.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcVLuhU0ayUWfRb1C61DWADTjJ/uploaded-1776720850136-2arpnmv6.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Sanctuary of Style"
|
||||
description="At The Lash Bar & Beauty Studio, we specialize in high-precision lash artistry and transformative beauty services. Our expert technicians prioritize your natural beauty in a curated studio experience."
|
||||
bulletPoints={[
|
||||
{ title: "Expert Artistry", description: "Highly trained specialists in the latest lash techniques." },
|
||||
{ title: "Premium Products", description: "We use only high-end, safe, and long-lasting supplies." },
|
||||
{ title: "Luxury Atmosphere", description: "Relax in our sophisticated, clean, and comfortable studio." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcVLuhU0ayUWfRb1C61DWADTjJ/uploaded-1776720850136-2arpnmv6.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$85",
|
||||
subtitle: "Classic Lash Set",
|
||||
features: [
|
||||
"Full look",
|
||||
"Natural feel",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$120",
|
||||
subtitle: "Volume Lash Set",
|
||||
features: [
|
||||
"Dramatic finish",
|
||||
"Long-lasting",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Essential",
|
||||
price: "$50",
|
||||
subtitle: "Brow Shaping",
|
||||
features: [
|
||||
"Precision map",
|
||||
"Perfect frame",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Curated Services"
|
||||
description="Professional services tailored to enhance your unique features."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Popular", price: "$85", subtitle: "Classic Lash Set", features: ["Full look", "Natural feel"], buttons: [{ text: "Book", href: "#" }] },
|
||||
{ id: "p2", badge: "Premium", price: "$120", subtitle: "Volume Lash Set", features: ["Dramatic finish", "Long-lasting"], buttons: [{ text: "Book", href: "#" }] },
|
||||
{ id: "p3", badge: "Essential", price: "$50", subtitle: "Brow Shaping", features: ["Precision map", "Perfect frame"], buttons: [{ text: "Book", href: "#" }] },
|
||||
]}
|
||||
title="Curated Services"
|
||||
description="Professional services tailored to enhance your unique features."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Before & After Transformations"
|
||||
description="See the dramatic impact of our professional artistry."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Lash Extensions",
|
||||
content: "Stunning volume and definition that lasts.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Brow Lamination",
|
||||
content: "Perfectly shaped and styled brows.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Facials",
|
||||
content: "Glowing, rejuvenated skin in every session.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcVLuhU0ayUWfRb1C61DWADTjJ/uploaded-1776720850136-pnjo2sz4.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Before & After Transformations"
|
||||
description="See the dramatic impact of our professional artistry."
|
||||
accordionItems={[
|
||||
{ id: "a1", title: "Lash Extensions", content: "Stunning volume and definition that lasts." },
|
||||
{ id: "a2", title: "Brow Lamination", content: "Perfectly shaped and styled brows." },
|
||||
{ id: "a3", title: "Facials", content: "Glowing, rejuvenated skin in every session." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcVLuhU0ayUWfRb1C61DWADTjJ/uploaded-1776720850136-pnjo2sz4.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah T.",
|
||||
role: "Client",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jessica M.",
|
||||
role: "Client",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-adult-blonde-woman-black-pajamas-looks-camera-while-being-home-good-morning-concept_197531-31172.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Client",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-warm-white-clothes_613910-10596.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Monica K.",
|
||||
role: "Client",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda D.",
|
||||
role: "Client",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241466.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Care",
|
||||
},
|
||||
]}
|
||||
title="Client Love"
|
||||
description="We are proud to serve our beautiful community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah T.", role: "Client", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
{ id: "t2", name: "Jessica M.", role: "Client", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-adult-blonde-woman-black-pajamas-looks-camera-while-being-home-good-morning-concept_197531-31172.jpg" },
|
||||
{ id: "t3", name: "Elena R.", role: "Client", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-warm-white-clothes_613910-10596.jpg" },
|
||||
{ id: "t4", name: "Monica K.", role: "Client", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" },
|
||||
{ id: "t5", name: "Linda D.", role: "Client", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241466.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "5.0", label: "Google Rating" },
|
||||
{ value: "100%", label: "Quality Care" },
|
||||
]}
|
||||
title="Client Love"
|
||||
description="We are proud to serve our beautiful community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Let's Connect"
|
||||
description="Ready for your transformation? Get in touch with our team today."
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Let's Connect"
|
||||
description="Ready for your transformation? Get in touch with our team today."
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="The Lash Bar & Beauty Studio © 2024"
|
||||
bottomRightText="Visit our Google Maps for locations"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Call Us", href: "tel:+1234567890" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="The Lash Bar & Beauty Studio © 2024"
|
||||
bottomRightText="Visit our Google Maps for locations"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user