bender/118db7cc-b118-4954-9e63-7dbc64afdf01
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-08 21:31:03 +00:00
parent 59519d0ce1
commit 493439087b
1 changed files with 43 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
src/app/page.tsx
View File

@@ -30,30 +30,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Gallery", id: "gallery" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Luu's Nails"
/>
@@ -61,61 +44,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Exquisite Care for Your Nails"
description="Experience professional nail art and luxurious care tailored to your unique style at Luu's Nails. Book your appointment today."
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1xfcv",
alt: "Client 1",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=230gte",
alt: "Client 2",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rpojj",
alt: "Client 3",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jz5mfa",
alt: "Client 4",
},
{
src: "asset://hero-avatar-new",
alt: "Client 5",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1xfcv", alt: "Client 1" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=230gte", alt: "Client 2" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rpojj", alt: "Client 3" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jz5mfa", alt: "Client 4" },
{ src: "asset://hero-avatar-new", alt: "Client 5" },
]}
avatarText="Trusted by over 500+ happy clients"
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
buttons={[{ text: "Book Now", href: "#contact" }]}
marqueeItems={[
{
type: "text",
text: "Certified Artists",
},
{
type: "text",
text: "Organic Products",
},
{
type: "text",
text: "Professional Equipment",
},
{
type: "text",
text: "Luxurious Ambiance",
},
{
type: "text",
text: "Tailored Designs",
},
{ type: "text", text: "Certified Artists" },
{ type: "text", text: "Organic Products" },
{ type: "text", text: "Professional Equipment" },
{ type: "text", text: "Luxurious Ambiance" },
{ type: "text", text: "Tailored Designs" },
]}
/>
</div>
@@ -125,9 +71,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="The Luu's Nails Difference"
description={[
"At Luu's Nails, we blend artistry with professional care to deliver high-quality nail experiences.",
"Our salon is designed to be your sanctuary, focusing on clean standards, creative designs, and excellent service.",
]}
"At Luu's Nails, we blend artistry with professional care to deliver high-quality nail experiences.", "Our salon is designed to be your sanctuary, focusing on clean standards, creative designs, and excellent service."]}
/>
</div>
@@ -138,24 +82,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Gel Manicures",
description: "Long-lasting, vibrant gel finishes for a perfect look.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eolpq3&_wi=1",
imageAlt: "Gel Manicure",
},
{
title: "Luxurious Pedicures",
description: "Foot care bliss with exfoliation and expert polishing.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=joc6hs",
imageAlt: "Pedicure",
},
{
title: "Nail Art Design",
description: "Custom designs, extensions, and creative nail art.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3lo3i",
imageAlt: "Nail Art",
},
{ title: "Gel Manicures", description: "Long-lasting, vibrant gel finishes for a perfect look.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eolpq3&_wi=1", imageAlt: "Gel Manicure" },
{ title: "Luxurious Pedicures", description: "Foot care bliss with exfoliation and expert polishing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=joc6hs", imageAlt: "Pedicure" },
{ title: "Nail Art Design", description: "Custom designs, extensions, and creative nail art.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3lo3i", imageAlt: "Nail Art" },
]}
title="Our Nail Services"
description="Offering a wide range of professional nail care solutions."
@@ -168,57 +97,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
title: "Classic Manicure",
price: "$30",
period: "session",
features: [
"Nail shaping",
"Cuticle care",
"Standard polish",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8rnj0",
imageAlt: "elegant nail salon manicure table",
},
{
id: "pro",
title: "Gel Set",
price: "$50",
period: "session",
features: [
"Classic prep",
"Gel application",
"Custom finish",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wmtkxw",
imageAlt: "elegant nail salon manicure table",
},
{
id: "premium",
title: "Spa Pedicure",
price: "$65",
period: "session",
features: [
"Soak & Scrub",
"Massage",
"Professional polish",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eolpq3&_wi=2",
imageAlt: "elegant nail salon manicure table",
},
{ id: "basic", title: "Classic Manicure", price: "$30", period: "session", features: ["Nail shaping", "Cuticle care", "Standard polish"], button: { text: "Book Now", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8rnj0", imageAlt: "elegant nail salon manicure table" },
{ id: "pro", title: "Gel Set", price: "$50", period: "session", features: ["Classic prep", "Gel application", "Custom finish"], button: { text: "Book Now", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wmtkxw", imageAlt: "elegant nail salon manicure table" },
{ id: "premium", title: "Spa Pedicure", price: "$65", period: "session", features: ["Soak & Scrub", "Massage", "Professional polish"], button: { text: "Book Now", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eolpq3&_wi=2", imageAlt: "elegant nail salon manicure table" },
]}
title="Select Your Session"
description="Transparent pricing for our premium services."
@@ -229,66 +110,16 @@ export default function LandingPage() {
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "art-1",
brand: "Design",
name: "Floral French",
price: "$0",
rating: 5,
reviewCount: "12",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d971jt",
},
{
id: "art-2",
brand: "Design",
name: "Pastel Gloss",
price: "$0",
rating: 5,
reviewCount: "8",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iw88j4",
},
{
id: "art-3",
brand: "Design",
name: "Minimalist Gold",
price: "$0",
rating: 5,
reviewCount: "15",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9tqdp",
},
{
id: "art-4",
brand: "Design",
name: "Deep Crimson",
price: "$0",
rating: 5,
reviewCount: "10",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6z3tbv",
},
{
id: "art-5",
brand: "Design",
name: "Classic Matte",
price: "$0",
rating: 5,
reviewCount: "20",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=isikvx",
},
{
id: "art-6",
brand: "Design",
name: "Modern Ombre",
price: "$0",
rating: 5,
reviewCount: "25",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h5hpp8",
},
{ id: "art-1", brand: "Design", name: "Floral French", price: "$0", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d971jt" },
{ id: "art-2", brand: "Design", name: "Pastel Gloss", price: "$0", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iw88j4" },
{ id: "art-3", brand: "Design", name: "Minimalist Gold", price: "$0", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9tqdp" },
{ id: "art-4", brand: "Design", name: "Deep Crimson", price: "$0", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6z3tbv" },
]}
title="Gallery"
description="Recent nail art by Luu's Nails team."
title="Nail Art Gallery"
description="Browse our collection of custom nail art designs and latest trends."
/>
</div>
@@ -296,31 +127,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ag6910",
},
{
id: "t2",
name: "James Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=in2j7j",
},
{
id: "t3",
name: "Elena Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ggdc90",
},
{
id: "t4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqe48f",
},
{
id: "t5",
name: "Mia Wong",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=reebrc",
},
{ id: "t1", name: "Sarah Miller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ag6910" },
{ id: "t2", name: "James Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=in2j7j" },
{ id: "t3", name: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ggdc90" },
{ id: "t4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqe48f" },
{ id: "t5", name: "Mia Wong", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=reebrc" },
]}
cardTitle="What Our Clients Say"
cardTag="Testimonials"
@@ -331,56 +142,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready for your next salon visit? Call us at (555) 123-4567 or visit us at Luu's Nails for a relaxing time."
buttons={[
{
text: "Call to Book",
href: "tel:5551234567",
},
]}
buttons={[{ text: "Call to Book", href: "tel:5551234567" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Gallery",
href: "#gallery",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }, { label: "About", href: "#about" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Careers", href: "#" }] },
]}
logoText="Luu's Nails"
/>
@@ -388,4 +160,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}