bender/f0155f0e-326e-4a6f-9e20-d2c4c8eafb6c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-02 21:39:49 +00:00
parent cda122ee3b
commit 7634c00095
1 changed files with 44 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
]}
brandName="Lumina Salon"
/>
@@ -59,35 +51,21 @@ export default function LandingPage() {
description="Redefining the art of hair. Experience luxury, precision, and personalized care at our premium salon studio."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185639.jpg?_wi=1",
imageAlt: "Luxurious salon interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185639.jpg", imageAlt: "Luxurious salon interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=1",
imageAlt: "Minimalist chair",
},
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg", imageAlt: "Minimalist chair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-894.jpg",
imageAlt: "Stylist working",
},
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-894.jpg", imageAlt: "Stylist working"},
{
imageSrc: "http://img.b2bpic.net/free-photo/profile-charming-woman-with-long-fair-haired-perfect-skin_8353-11307.jpg",
imageAlt: "Healthy hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/profile-charming-woman-with-long-fair-haired-perfect-skin_8353-11307.jpg", imageAlt: "Healthy hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913251.jpg",
imageAlt: "Spa shampoo area",
},
imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913251.jpg", imageAlt: "Spa shampoo area"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tender-lips-skin-charming-bride-with-red-curly-hair_8353-8887.jpg",
imageAlt: "Salon aesthetic details",
},
imageSrc: "http://img.b2bpic.net/free-photo/tender-lips-skin-charming-bride-with-red-curly-hair_8353-8887.jpg", imageAlt: "Salon aesthetic details"},
]}
/>
</div>
@@ -97,9 +75,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Crafted for You"
description={[
"At Lumina, we believe every client deserves a masterpiece. Our team combines advanced techniques with high-end artistry to enhance your unique beauty.",
"Established in 2018, we have dedicated ourselves to providing a serene, modern space for rejuvenation and self-expression.",
]}
"At Lumina, we believe every client deserves a masterpiece. Our team combines advanced techniques with high-end artistry to enhance your unique beauty.", "Established in 2018, we have dedicated ourselves to providing a serene, modern space for rejuvenation and self-expression."]}
/>
</div>
@@ -110,28 +86,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Cutting",
description: "Expert architectural cuts that fit your lifestyle and hair texture perfectly.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
imageAlt: "professional stylist focus",
title: "Precision Cutting", description: "Expert architectural cuts that fit your lifestyle and hair texture perfectly.", bentoComponent: "reveal-icon", icon: Scissors,
},
{
title: "Custom Color",
description: "Bespoke balayage, highlights, and full color transformation using organic, nourishing formulas.",
bentoComponent: "reveal-icon",
icon: Palette,
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185639.jpg?_wi=2",
imageAlt: "professional stylist focus",
title: "Custom Color", description: "Bespoke balayage, highlights, and full color transformation using organic, nourishing formulas.", bentoComponent: "reveal-icon", icon: Palette,
},
{
title: "Signature Treatments",
description: "Deep repair and restoration rituals for vibrant, silky, and healthy hair.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=2",
imageAlt: "professional stylist focus",
title: "Signature Treatments", description: "Deep repair and restoration rituals for vibrant, silky, and healthy hair.", bentoComponent: "reveal-icon", icon: Sparkles,
},
]}
title="Our Expertise"
@@ -147,41 +108,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Luxe Shampoo",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg",
},
id: "p1", name: "Luxe Shampoo", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg"},
{
id: "p2",
name: "Hydrate Serum",
price: "$52",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-arrangement_23-2149047723.jpg",
},
id: "p2", name: "Hydrate Serum", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-arrangement_23-2149047723.jpg"},
{
id: "p3",
name: "Styling Cream",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313063.jpg",
},
id: "p3", name: "Styling Cream", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313063.jpg"},
{
id: "p4",
name: "Repair Mask",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435193.jpg",
},
id: "p4", name: "Repair Mask", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435193.jpg"},
{
id: "p5",
name: "Daily Oil",
price: "$42",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-products-assortment_23-2148491140.jpg",
},
id: "p5", name: "Daily Oil", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-products-assortment_23-2148491140.jpg"},
{
id: "p6",
name: "Volume Spray",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg",
},
id: "p6", name: "Volume Spray", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg"},
]}
title="Premium Care"
description="Take the salon experience home with our hand-selected professional haircare range."
@@ -195,37 +132,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "cut",
badge: "Essential",
price: "$90+",
subtitle: "Includes consultation & finish",
features: [
"Precision cut",
"Blow-dry",
"Scalp massage",
],
id: "cut", badge: "Essential", price: "$90+", subtitle: "Includes consultation & finish", features: [
"Precision cut", "Blow-dry", "Scalp massage"],
},
{
id: "color",
badge: "Popular",
price: "$180+",
subtitle: "Transformative color experience",
features: [
"Bespoke color",
"Gloss treatment",
"Style refresh",
],
id: "color", badge: "Popular", price: "$180+", subtitle: "Transformative color experience", features: [
"Bespoke color", "Gloss treatment", "Style refresh"],
},
{
id: "deluxe",
badge: "Full Experience",
price: "$320+",
subtitle: "The ultimate rejuvenation",
features: [
"Full transformation",
"Deep conditioning",
"Scalp treatment",
],
id: "deluxe", badge: "Full Experience", price: "$320+", subtitle: "The ultimate rejuvenation", features: [
"Full transformation", "Deep conditioning", "Scalp treatment"],
},
]}
title="Investment"
@@ -240,29 +156,13 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Elena Vance",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-holding-hands-head-isolated-pink-wall_141793-106043.jpg",
},
id: "t1", name: "Elena Vance", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-holding-hands-head-isolated-pink-wall_141793-106043.jpg"},
{
id: "t2",
name: "Marcus Thorne",
role: "Master Colorist",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg",
},
id: "t2", name: "Marcus Thorne", role: "Master Colorist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg"},
{
id: "t3",
name: "Sophia Lee",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-using-magnifying-glass-read_23-2150414429.jpg",
},
id: "t3", name: "Sophia Lee", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-using-magnifying-glass-read_23-2150414429.jpg"},
{
id: "t4",
name: "Jordan West",
role: "Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
},
id: "t4", name: "Jordan West", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg"},
]}
title="Meet The Masters"
description="The passionate experts behind the chair."
@@ -277,25 +177,15 @@ export default function LandingPage() {
author="Sarah Jenkins"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-statue-liberty-crown_23-2147818369.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/woman-statue-liberty-crown_23-2147818369.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg", alt: "Client 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -306,8 +196,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Visit Us"
title="Book Your Seat"
description="Spaces fill up quickly. Secure your appointment today for a tailored experience."
@@ -322,41 +211,27 @@ export default function LandingPage() {
{
items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
],
},
]}