bender/31775eee-2784-4ec9-a0e0-de33a25b5ca4
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-06-10 04:28:50 +00:00
parent dc1fb45fee
commit 3085452071
1 changed files with 59 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
src/app/page.tsx
View File

@@ -33,77 +33,42 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about-us",
},
name: "About Us", id: "#about-us"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Gallery",
id: "#gallery",
},
name: "Gallery", id: "#gallery"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Asian Nails & Spa"
button={{
text: "Book Your Appointment",
href: "#contact",
}}
text: "Book Your Appointment", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Elevated Nail Care Meets Modern Asian Serenity"
description="Premium manicures, pedicures, and spa treatments in Miami. Experience expert craftsmanship with luxury finishes and a tranquil sanctuary designed for you."
tag="Welcome to Tranquility"
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg?_wi=1",
imageAlt: "Luxurious spa interior with soft lighting",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg", imageAlt: "Luxurious spa interior with soft lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg?_wi=1",
imageAlt: "Nail technician applying polish during a manicure",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg",
imageAlt: "Serene spa interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg",
imageAlt: "Tranquil pool oasis meditation space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-interior_23-2151935124.jpg",
imageAlt: "Serene minimalist interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg", imageAlt: "Nail technician applying polish during a manicure"},
]}
mediaAnimation="opacity"
rating={5}
@@ -119,7 +84,7 @@ export default function LandingPage() {
description="Asian Nails & Spa is a sanctuary of beauty and relaxation, meticulously designed to transport you to a state of calm. We blend traditional Asian techniques with modern nail artistry, ensuring every visit is an experience in pure indulgence."
subdescription="Our commitment to hygiene, premium products, and skilled technicians sets us apart in the vibrant Miami beauty scene. Discover a space where your well-being is our utmost priority."
icon={Star}
imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
imageAlt="Serene spa reception area with modern Asian decor"
mediaAnimation="slide-up"
/>
@@ -132,36 +97,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Signature Manicures",
description: "Indulge in our range of manicures, from classic to luxurious spa treatments, designed for healthy, beautiful nails.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wsandx",
imageAlt: "Image",
title: "Signature Manicures", description: "Indulge in our range of manicures, from classic to luxurious spa treatments, designed for healthy, beautiful nails.", bentoComponent: "reveal-icon", icon: Sparkles,
},
{
title: "Rejuvenating Pedicures",
description: "Relax with our premium pedicures, featuring soothing soaks, expert nail care, and invigorating massages.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg?_wi=2",
imageAlt: "Image",
title: "Rejuvenating Pedicures", description: "Relax with our premium pedicures, featuring soothing soaks, expert nail care, and invigorating massages.", bentoComponent: "reveal-icon", icon: Sparkles,
},
{
title: "Gel X & Extensions",
description: "Discover durable and beautiful gel extensions and Gel X services for a flawless, long-lasting look.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg?_wi=2",
imageAlt: "Image",
title: "Gel X & Extensions", description: "Discover durable and beautiful gel extensions and Gel X services for a flawless, long-lasting look.", bentoComponent: "reveal-icon", icon: Sparkles,
},
{
title: "Spa & Combo Packages",
description: "Elevate your experience with our curated spa and combo packages, perfect for ultimate relaxation or special occasions.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=2",
imageAlt: "Image",
title: "Spa & Combo Packages", description: "Elevate your experience with our curated spa and combo packages, perfect for ultimate relaxation or special occasions.", bentoComponent: "reveal-icon", icon: Sparkles,
},
]}
title="Signature Treatments for Your Ultimate Relaxation"
@@ -178,47 +123,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Classic French Manicure",
price: "Starting at $35",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg",
imageAlt: "Elegant french manicure",
},
id: "p1", name: "Classic French Manicure", price: "Starting at $35", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974570.jpg", imageAlt: "Elegant french manicure"},
{
id: "p2",
name: "Vibrant Gel Nails",
price: "Starting at $50",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7640.jpg",
imageAlt: "Vibrant red gel nails",
},
id: "p2", name: "Vibrant Gel Nails", price: "Starting at $50", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7640.jpg", imageAlt: "Vibrant red gel nails"},
{
id: "p3",
name: "Delicate Floral Nail Art",
price: "Starting at $65",
imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2376.jpg",
imageAlt: "Delicate floral nail art",
},
id: "p3", name: "Delicate Floral Nail Art", price: "Starting at $65", imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2376.jpg", imageAlt: "Delicate floral nail art"},
{
id: "p4",
name: "Glitter Ombre Design",
price: "Starting at $60",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-decoration-ball_23-2148346350.jpg",
imageAlt: "Glitter ombre nail art",
},
id: "p4", name: "Glitter Ombre Design", price: "Starting at $60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-decoration-ball_23-2148346350.jpg", imageAlt: "Glitter ombre nail art"},
{
id: "p5",
name: "Marble Effect Nails",
price: "Starting at $70",
imageSrc: "http://img.b2bpic.net/free-photo/textured-white-golden-cream-backdrop_23-2148078840.jpg",
imageAlt: "Marble effect nail design",
},
id: "p5", name: "Marble Effect Nails", price: "Starting at $70", imageSrc: "http://img.b2bpic.net/free-photo/textured-white-golden-cream-backdrop_23-2148078840.jpg", imageAlt: "Marble effect nail design"},
{
id: "p6",
name: "Geometric Asian Art",
price: "Starting at $75",
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-yellow-orange-ribbons-hanging-public-art-installation_1308-189835.jpg",
imageAlt: "Asian inspired geometric nail art",
},
id: "p6", name: "Geometric Asian Art", price: "Starting at $75", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-yellow-orange-ribbons-hanging-public-art-installation_1308-189835.jpg", imageAlt: "Asian inspired geometric nail art"},
]}
title="Crafted to Perfection"
description="A glimpse into our exquisite nail art, premium products, and luxurious spa amenities. Let these images inspire your next appointment."
@@ -233,63 +148,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Classic",
badgeIcon: Sparkles,
price: "$60",
subtitle: "Essential Manicure & Pedicure",
buttons: [
id: "basic", badge: "Classic", badgeIcon: Sparkles,
price: "$60", subtitle: "Essential Manicure & Pedicure", buttons: [
{
text: "Book Classic",
href: "#contact",
},
text: "Book Classic", href: "#contact"},
],
features: [
"Standard Polish",
"Cuticle Care",
"Light Massage",
"Quick Dry Top Coat",
],
"Standard Polish", "Cuticle Care", "Light Massage", "Quick Dry Top Coat"],
},
{
id: "signature",
badge: "Signature",
badgeIcon: Sparkles,
price: "$95",
subtitle: "Our Most Popular Spa Experience",
buttons: [
id: "signature", badge: "Signature", badgeIcon: Sparkles,
price: "$95", subtitle: "Our Most Popular Spa Experience", buttons: [
{
text: "Book Signature",
href: "#contact",
},
text: "Book Signature", href: "#contact"},
],
features: [
"Premium Polish Options",
"Exfoliating Scrub",
"Extended Hot Stone Massage",
"Paraffin Treatment",
"Hydrating Mask",
],
"Premium Polish Options", "Exfoliating Scrub", "Extended Hot Stone Massage", "Paraffin Treatment", "Hydrating Mask"],
},
{
id: "deluxe",
badge: "Deluxe",
badgeIcon: Sparkles,
price: "$130",
subtitle: "Ultimate Indulgence & Rejuvenation",
buttons: [
id: "deluxe", badge: "Deluxe", badgeIcon: Sparkles,
price: "$130", subtitle: "Ultimate Indulgence & Rejuvenation", buttons: [
{
text: "Book Deluxe",
href: "#contact",
},
text: "Book Deluxe", href: "#contact"},
],
features: [
"Organic & Vegan Polish",
"Deep Exfoliation & Detox",
"Aromatherapy Massage",
"Collagen Hand & Foot Treatment",
"Complimentary Drink",
],
"Organic & Vegan Polish", "Deep Exfoliation & Detox", "Aromatherapy Massage", "Collagen Hand & Foot Treatment", "Complimentary Drink"],
},
]}
title="Simple, Elegant Pricing"
@@ -304,65 +187,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sophia L.",
date: "October 20, 2023",
title: "Miami's Best Nail Spa!",
quote: "Asian Nails & Spa offers an unparalleled experience. The technicians are meticulous, and the ambiance is so relaxing. My nails always look flawless, and the staff is incredibly friendly. Highly recommend!",
tag: "Flawless Nails",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
avatarAlt: "Sophia L. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg",
imageAlt: "Luxurious spa interior",
},
id: "1", name: "Sophia L.", date: "October 20, 2023", title: "Miami's Best Nail Spa!", quote: "Asian Nails & Spa offers an unparalleled experience. The technicians are meticulous, and the ambiance is so relaxing. My nails always look flawless, and the staff is incredibly friendly. Highly recommend!", tag: "Flawless Nails", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", avatarAlt: "Sophia L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg", imageAlt: "Luxurious spa interior"},
{
id: "2",
name: "Olivia M.",
date: "November 15, 2023",
title: "A True Sanctuary",
quote: "This place is a hidden gem in Miami! From the moment you walk in, you feel a sense of calm. The pedicure was heavenly, and my nails have never looked healthier. I've found my new go-to spa.",
tag: "Relaxing Pedicure",
avatarSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",
avatarAlt: "Olivia M. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/spa-body-oil-therapy-session-massage-hands-relaxation_169016-69553.jpg",
imageAlt: "Close-up hand receiving manicure",
},
id: "2", name: "Olivia M.", date: "November 15, 2023", title: "A True Sanctuary", quote: "This place is a hidden gem in Miami! From the moment you walk in, you feel a sense of calm. The pedicure was heavenly, and my nails have never looked healthier. I've found my new go-to spa.", tag: "Relaxing Pedicure", avatarSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", avatarAlt: "Olivia M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/spa-body-oil-therapy-session-massage-hands-relaxation_169016-69553.jpg", imageAlt: "Close-up hand receiving manicure"},
{
id: "3",
name: "Isabella R.",
date: "December 01, 2023",
title: "Exceptional Service & Quality",
quote: "I'm so impressed with the quality of service at Asian Nails & Spa. They use top-tier products, and their attention to detail is remarkable. My Gel X lasted perfectly for weeks!",
tag: "High Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-pointing-finger-camera_171337-18531.jpg",
avatarAlt: "Isabella R. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-meditating-indoors_23-2150170831.jpg",
imageAlt: "Pedicure station with modern design",
},
id: "3", name: "Isabella R.", date: "December 01, 2023", title: "Exceptional Service & Quality", quote: "I'm so impressed with the quality of service at Asian Nails & Spa. They use top-tier products, and their attention to detail is remarkable. My Gel X lasted perfectly for weeks!", tag: "High Quality", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-pointing-finger-camera_171337-18531.jpg", avatarAlt: "Isabella R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-meditating-indoors_23-2150170831.jpg", imageAlt: "Pedicure station with modern design"},
{
id: "4",
name: "Mia P.",
date: "January 08, 2024",
title: "My Nails Are Always Perfect",
quote: "I've been coming here for months, and my nails are always stunning. The environment is clean, peaceful, and the team makes every visit a delight. The best nail artists in the city!",
tag: "Consistent Perfection",
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
avatarAlt: "Mia P. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/pink-gray-nail-varnish-bottles-dried-white-limonium-box-colored-background_23-2148074006.jpg",
imageAlt: "Gel nail polish color palette",
},
id: "4", name: "Mia P.", date: "January 08, 2024", title: "My Nails Are Always Perfect", quote: "I've been coming here for months, and my nails are always stunning. The environment is clean, peaceful, and the team makes every visit a delight. The best nail artists in the city!", tag: "Consistent Perfection", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", avatarAlt: "Mia P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/pink-gray-nail-varnish-bottles-dried-white-limonium-box-colored-background_23-2148074006.jpg", imageAlt: "Gel nail polish color palette"},
{
id: "5",
name: "Charlotte K.",
date: "February 20, 2024",
title: "Ultimate Relaxation Spot",
quote: "Asian Nails & Spa is my favorite place to unwind. The spa packages are incredible value, and the hot stone massage is out of this world. Five stars for total relaxation!",
tag: "Amazing Spa",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
avatarAlt: "Charlotte K. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
imageAlt: "Tranquil spa interior with natural elements",
},
id: "5", name: "Charlotte K.", date: "February 20, 2024", title: "Ultimate Relaxation Spot", quote: "Asian Nails & Spa is my favorite place to unwind. The spa packages are incredible value, and the hot stone massage is out of this world. Five stars for total relaxation!", tag: "Amazing Spa", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", avatarAlt: "Charlotte K. avatar", imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg", imageAlt: "Tranquil spa interior with natural elements"},
]}
title="Unwavering Trust & Delight"
description="Hear from our cherished clients who have experienced the difference at Asian Nails & Spa. Your satisfaction is our greatest reward."
@@ -375,30 +208,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What are your operating hours?",
content: "Our Mills Dr location is open from 9 AM - 7 PM (Mon-Sat) and 11 AM - 5 PM (Sun). Our SW 160th St location is open from 10 AM - 8 PM (Mon-Sat) and closed on Sundays.",
},
id: "faq1", title: "What are your operating hours?", content: "Our Mills Dr location is open from 9 AM - 7 PM (Mon-Sat) and 11 AM - 5 PM (Sun). Our SW 160th St location is open from 10 AM - 8 PM (Mon-Sat) and closed on Sundays."},
{
id: "faq2",
title: "How do I book an appointment?",
content: "You can easily book your appointment online through our website by clicking the 'Book Now' button, or by calling us directly at either of our Miami locations.",
},
id: "faq2", title: "How do I book an appointment?", content: "You can easily book your appointment online through our website by clicking the 'Book Now' button, or by calling us directly at either of our Miami locations."},
{
id: "faq3",
title: "Do you accept walk-ins?",
content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment in advance to ensure we can provide you with the best service without a wait.",
},
id: "faq3", title: "Do you accept walk-ins?", content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment in advance to ensure we can provide you with the best service without a wait."},
{
id: "faq4",
title: "What brands of polish do you use?",
content: "We exclusively use high-quality, professional-grade polish brands known for their longevity and vibrant colors, including OPI, Essie, CND Shellac, and Bio Sculpture Gel. We also offer vegan and 7-free options.",
},
id: "faq4", title: "What brands of polish do you use?", content: "We exclusively use high-quality, professional-grade polish brands known for their longevity and vibrant colors, including OPI, Essie, CND Shellac, and Bio Sculpture Gel. We also offer vegan and 7-free options."},
{
id: "faq5",
title: "Do you offer group bookings for special occasions?",
content: "Yes, we love hosting groups for special events like bridal parties, birthdays, or corporate wellness. Please contact us directly to arrange your group booking and discuss custom packages.",
},
id: "faq5", title: "Do you offer group bookings for special occasions?", content: "Yes, we love hosting groups for special events like bridal parties, birthdays, or corporate wellness. Please contact us directly to arrange your group booking and discuss custom packages."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about our services, booking process, and salon policies."
@@ -412,8 +230,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Book Your Escape"
title="Ready for Relaxation?"
description="Schedule your next manicure, pedicure, or spa treatment with ease. Use our online booking system or visit us at one of our Miami locations."
@@ -432,58 +249,35 @@ export default function LandingPage() {
logoText="Asian Nails & Spa"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Manicures",
href: "#services",
},
label: "Manicures", href: "#services"},
{
label: "Pedicures",
href: "#services",
},
label: "Pedicures", href: "#services"},
{
label: "Gel X",
href: "#services",
},
label: "Gel X", href: "#services"},
{
label: "Spa Packages",
href: "#services",
},
label: "Spa Packages", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about-us",
},
label: "About Us", href: "#about-us"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
],
},
{
title: "Locations",
items: [
title: "Locations", items: [
{
label: "Mills Dr, Miami",
href: "#contact",
},
label: "Mills Dr, Miami", href: "#contact"},
{
label: "SW 160th St, Miami",
href: "#contact",
},
label: "SW 160th St, Miami", href: "#contact"},
],
},
]}