Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7a80b8cb95 | |||
| b287953b82 | |||
| 383a47f095 | |||
| d094b76d5a | |||
| 1a284af825 | |||
| 9bce1bc8ba | |||
| bae6f00805 | |||
| 8ea83858c3 | |||
| 7a2630cfc1 |
214
src/app/page.tsx
214
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "facials",
|
||||
},
|
||||
name: "Services", id: "facials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LK BEAUTY"
|
||||
/>
|
||||
@@ -58,9 +50,7 @@ export default function LandingPage() {
|
||||
description="Where beauty meets perfection. Discover our premium facial treatments, injectables, and scalp rejuvenation therapies designed to make you glow."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Treatments",
|
||||
href: "#facials",
|
||||
},
|
||||
text: "View Treatments", href: "#facials"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=1"
|
||||
imageAlt="Salon Hero Image"
|
||||
@@ -73,9 +63,9 @@ export default function LandingPage() {
|
||||
title="A Sanctuary of Sophistication"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
tag="Our Philosophy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,41 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Deep Cleansing",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-nw84jptv.png?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Deep Cleansing", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-nw84jptv.png?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dermaplaning",
|
||||
price: "$180",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-hhwbkge9.png?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Dermaplaning", price: "$180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-hhwbkge9.png?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Facial Massage",
|
||||
price: "$60",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Facial Massage", price: "$60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chemical Peel",
|
||||
price: "$120+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xx0ir8rm.png?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Chemical Peel", price: "$120+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xx0ir8rm.png?_wi=1"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Microneedling",
|
||||
price: "$400",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png?_wi=1",
|
||||
},
|
||||
id: "p5", name: "Microneedling", price: "$400", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png?_wi=1"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hydrafacial",
|
||||
price: "$200",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-hhwbkge9.png?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Hydrafacial", price: "$200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-hhwbkge9.png?_wi=2"},
|
||||
]}
|
||||
title="Facial Treatments"
|
||||
description="Expert care for radiant, healthy skin."
|
||||
@@ -136,26 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Confidence Booster",
|
||||
description: "Revive and volumize fine hair.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png?_wi=2",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Confidence Booster", description: "Revive and volumize fine hair.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png?_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png", buttonText: "Book Now"},
|
||||
{
|
||||
title: "Hydration Hideaway",
|
||||
description: "Calm and quench dry hair.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=3",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Hydration Hideaway", description: "Calm and quench dry hair.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=3", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png", buttonText: "Book Now"},
|
||||
{
|
||||
title: "Scalp Facial",
|
||||
description: "Renew and polish your scalp.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xx0ir8rm.png?_wi=2",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Scalp Facial", description: "Renew and polish your scalp.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xx0ir8rm.png?_wi=2", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288035-4ac15joo.png", buttonText: "Book Now"},
|
||||
]}
|
||||
title="Luxury Hair Care"
|
||||
description="Borage & Castor Oil treatments."
|
||||
@@ -169,46 +120,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
price: "$13",
|
||||
name: "Botox (per unit)",
|
||||
buttons: [
|
||||
id: "b1", price: "$13", name: "Botox (per unit)", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Book Consultation"},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Application",
|
||||
],
|
||||
"Consultation", "Precision Application"],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
price: "$11",
|
||||
name: "Xeomin (per unit)",
|
||||
buttons: [
|
||||
id: "b2", price: "$11", name: "Xeomin (per unit)", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Book Consultation"},
|
||||
],
|
||||
features: [
|
||||
"Natural Movement",
|
||||
"Safe Care",
|
||||
],
|
||||
"Natural Movement", "Safe Care"],
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
price: "$700",
|
||||
name: "Dermal Filler",
|
||||
buttons: [
|
||||
id: "b3", price: "$700", name: "Dermal Filler", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Book Consultation"},
|
||||
],
|
||||
features: [
|
||||
"Lip Augmentation",
|
||||
"Jawline Contouring",
|
||||
],
|
||||
"Lip Augmentation", "Jawline Contouring"],
|
||||
},
|
||||
]}
|
||||
title="Injectables & Aesthetics"
|
||||
@@ -223,34 +156,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$80",
|
||||
title: "Face Session",
|
||||
items: [
|
||||
"Face",
|
||||
"Upper Lip",
|
||||
"Chin",
|
||||
],
|
||||
id: "m1", value: "$80", title: "Face Session", items: [
|
||||
"Face", "Upper Lip", "Chin"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$150",
|
||||
title: "Full Back",
|
||||
items: [
|
||||
"Full Back",
|
||||
"Full Stomach",
|
||||
"Chest",
|
||||
],
|
||||
id: "m2", value: "$150", title: "Full Back", items: [
|
||||
"Full Back", "Full Stomach", "Chest"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$150",
|
||||
title: "Full Legs",
|
||||
items: [
|
||||
"Full Legs",
|
||||
"Brazilian",
|
||||
"Bikini Line",
|
||||
],
|
||||
id: "m3", value: "$150", title: "Full Legs", items: [
|
||||
"Full Legs", "Brazilian", "Bikini Line"],
|
||||
},
|
||||
]}
|
||||
title="Laser Hair Removal"
|
||||
@@ -266,26 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
role: "Head Esthetician",
|
||||
description: "10 years of experience in facial rejuvenation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xx0ir8rm.png?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", role: "Head Esthetician", description: "10 years of experience in facial rejuvenation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xx0ir8rm.png?_wi=3"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Doe",
|
||||
role: "Hair Specialist",
|
||||
description: "Expert in scalp health and volumizing treatments.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=4",
|
||||
},
|
||||
id: "t2", name: "Jordan Doe", role: "Hair Specialist", description: "Expert in scalp health and volumizing treatments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-xutw1e4j.png?_wi=4"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Taylor Ray",
|
||||
role: "Laser Tech",
|
||||
description: "Advanced certified laser hair removal practitioner.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-nw84jptv.png?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Taylor Ray", role: "Laser Tech", description: "Advanced certified laser hair removal practitioner.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXIFtGtZyHhtgYZKwSuUfxbGt2/uploaded-1778544288034-nw84jptv.png?_wi=2"},
|
||||
]}
|
||||
title="Our Expert Team"
|
||||
description="Dedicated professionals committed to your beauty."
|
||||
@@ -296,16 +196,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Schedule Your Visit"
|
||||
description="Call us at (516) 214-5280 or visit us at 1189 Broadway, Hewlett, NY."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5162145280",
|
||||
},
|
||||
text: "Call Now", href: "tel:5162145280"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -314,46 +211,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#facials",
|
||||
},
|
||||
label: "Facials", href: "#facials"},
|
||||
{
|
||||
label: "Laser",
|
||||
href: "#laser",
|
||||
},
|
||||
label: "Laser", href: "#laser"},
|
||||
{
|
||||
label: "Injectables",
|
||||
href: "#injectables",
|
||||
},
|
||||
label: "Injectables", href: "#injectables"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
label: "Location", href: "#"},
|
||||
{
|
||||
label: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -363,4 +243,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user