Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -30,144 +30,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "location",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit Us", id: "location" },
|
||||
]}
|
||||
brandName="Lavis Nails Spa"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Now", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Where Luxury Meets Self-Care"
|
||||
description="Rhode Island's premier destination for exquisite nail artistry, relaxing spa treatments, and an experience that makes you feel like royalty."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Lavis Nails Spa is my absolute go-to! The attention to detail is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-34.jpg?_wi=1",
|
||||
imageAlt: "luxury nail salon interior",
|
||||
},
|
||||
{
|
||||
name: "Jessica T.",
|
||||
handle: "@jessicat",
|
||||
testimonial: "Best nail salon in Rhode Island, hands down. Clean, professional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-with-black-gloves-doing-manicure-blue_140725-24257.jpg",
|
||||
imageAlt: "nail technician at work professional",
|
||||
},
|
||||
{
|
||||
name: "Amanda R.",
|
||||
handle: "@amandar",
|
||||
testimonial: "I brought my daughter here and they were so sweet with her.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-nail-care-products_23-2148974540.jpg?_wi=1",
|
||||
imageAlt: "classic manicure tools set",
|
||||
},
|
||||
{
|
||||
name: "Priya K.",
|
||||
handle: "@priyak",
|
||||
testimonial: "The gel manicure lasted three full weeks without a single chip.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg?_wi=1",
|
||||
imageAlt: "gel manicure nails close up",
|
||||
},
|
||||
{
|
||||
name: "Nicole D.",
|
||||
handle: "@nicoled",
|
||||
testimonial: "From the moment you walk in, you feel pampered.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg?_wi=1",
|
||||
imageAlt: "luxury pedicure salon setting",
|
||||
},
|
||||
{ name: "Sarah M.", handle: "@sarahm", testimonial: "Lavis Nails Spa is my absolute go-to! The attention to detail is incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-34.jpg", imageAlt: "luxury nail salon interior" },
|
||||
{ name: "Jessica T.", handle: "@jessicat", testimonial: "Best nail salon in Rhode Island, hands down. Clean, professional!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-with-black-gloves-doing-manicure-blue_140725-24257.jpg", imageAlt: "nail technician at work professional" },
|
||||
{ name: "Amanda R.", handle: "@amandar", testimonial: "I brought my daughter here and they were so sweet with her.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-nail-care-products_23-2148974540.jpg", imageAlt: "classic manicure tools set" },
|
||||
{ name: "Priya K.", handle: "@priyak", testimonial: "The gel manicure lasted three full weeks without a single chip.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg", imageAlt: "gel manicure nails close up" },
|
||||
{ name: "Nicole D.", handle: "@nicoled", testimonial: "From the moment you walk in, you feel pampered.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg", imageAlt: "luxury pedicure salon setting" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "Explore Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-34.jpg?_wi=2"
|
||||
buttons={[{ text: "Book Your Appointment", href: "#booking" }, { text: "Explore Our Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-34.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-woman-facing-camera_23-2148060462.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
|
||||
alt: "Spa visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
|
||||
alt: "Beauty client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing-office-with-spread-hands-smie-her-face_1098-20743.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-woman-facing-camera_23-2148060462.jpg", alt: "Satisfied customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg", alt: "Spa visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg", alt: "Beauty client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing-office-with-spread-hands-smie-her-face_1098-20743.jpg", alt: "Professional client" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Care",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Artistry",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Relaxing Ambience",
|
||||
icon: Wind,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Clean Salon",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award Winning",
|
||||
icon: Award,
|
||||
},
|
||||
{ type: "text-icon", text: "Premium Care", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Expert Artistry", icon: Palette },
|
||||
{ type: "text-icon", text: "Relaxing Ambience", icon: Wind },
|
||||
{ type: "text-icon", text: "Clean Salon", icon: Shield },
|
||||
{ type: "text-icon", text: "Award Winning", icon: Award },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,12 +78,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Lavis Nails Spa"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read Our Story", href: "#" }]}
|
||||
tag="About Us"
|
||||
tagIcon={Info}
|
||||
/>
|
||||
@@ -194,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Manicure",
|
||||
price: "Starting at $20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-nail-care-products_23-2148974540.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gel Manicure",
|
||||
price: "Starting at $35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Pedicure",
|
||||
price: "Starting at $45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Acrylic Full Set",
|
||||
price: "Starting at $50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-nail-care-products_23-2148974540.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dip Powder Nails",
|
||||
price: "Starting at $40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Nail Art & Design",
|
||||
price: "Starting at $10+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Classic Manicure", price: "Starting at $20", imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-nail-care-products_23-2148974540.jpg" },
|
||||
{ id: "2", name: "Gel Manicure", price: "Starting at $35", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg" },
|
||||
{ id: "3", name: "Luxury Pedicure", price: "Starting at $45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg" },
|
||||
{ id: "4", name: "Acrylic Full Set", price: "Starting at $50", imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-nail-care-products_23-2148974540.jpg" },
|
||||
{ id: "5", name: "Dip Powder Nails", price: "Starting at $40", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg" },
|
||||
{ id: "6", name: "Nail Art & Design", price: "Starting at $10+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Every service is an experience. Every detail matters."
|
||||
@@ -240,28 +107,11 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Modern Art",
|
||||
subtitle: "View Gallery",
|
||||
category: "Nail Design",
|
||||
value: "2026",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gel Artistry",
|
||||
subtitle: "View Gallery",
|
||||
category: "Style",
|
||||
value: "New",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Acrylic Chic",
|
||||
subtitle: "View Gallery",
|
||||
category: "Luxury",
|
||||
value: "Pro",
|
||||
},
|
||||
{ id: "1", title: "Modern Art", subtitle: "View Gallery", category: "Nail Design", value: "2026" },
|
||||
{ id: "2", title: "Gel Artistry", subtitle: "View Gallery", category: "Style", value: "New" },
|
||||
{ id: "3", title: "Acrylic Chic", subtitle: "View Gallery", category: "Luxury", value: "Pro" },
|
||||
]}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="Swipe through our latest creations."
|
||||
@@ -275,26 +125,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-woman-facing-camera_23-2148060462.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing-office-with-spread-hands-smie-her-face_1098-20743.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-woman-facing-camera_23-2148060462.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing-office-with-spread-hands-smie-her-face_1098-20743.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -305,21 +140,14 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Treat Yourself?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Our Studio Location"
|
||||
description="1501 Atwood Ave, Johnston, RI 02919 | (401) 229-9966"
|
||||
@@ -331,21 +159,9 @@ export default function LandingPage() {
|
||||
logoText="Lavis Nails Spa"
|
||||
copyrightText="© 2026 Lavis Nails Spa. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user