Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
]}
|
||||
brandName="Warren Nail Spa"
|
||||
/>
|
||||
@@ -49,40 +44,16 @@ export default function LandingPage() {
|
||||
logoText="Warren Nail Spa"
|
||||
description="Get Beautiful Nails. Book in Seconds. Feel Confident Instantly. Warren’s go-to nail & spa experience — clean, fast, and high-quality every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "💅 Book Appointment Now",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "📞 Call (586) 555-0199",
|
||||
href: "tel:5865550199",
|
||||
},
|
||||
{ text: "💅 Book Appointment Now", href: "#booking" },
|
||||
{ text: "📞 Call (586) 555-0199", href: "tel:5865550199" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg?_wi=1",
|
||||
imageAlt: "Luxurious manicure service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-nail-design-female-hand-with-glitter-manicure_127675-2602.jpg?_wi=1",
|
||||
imageAlt: "Custom nail art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-blue-nails_23-2149921693.jpg?_wi=1",
|
||||
imageAlt: "Gel manicure set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37714.jpg?_wi=1",
|
||||
imageAlt: "Deluxe pedicure result",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg?_wi=1",
|
||||
imageAlt: "Modern acrylic set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-polishing-their-nails_1122-532.jpg?_wi=1",
|
||||
imageAlt: "Beautiful nail designs",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg", imageAlt: "Luxurious manicure service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gray-nail-design-female-hand-with-glitter-manicure_127675-2602.jpg", imageAlt: "Custom nail art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-blue-nails_23-2149921693.jpg", imageAlt: "Gel manicure set" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37714.jpg", imageAlt: "Deluxe pedicure result" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg", imageAlt: "Modern acrylic set" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girls-polishing-their-nails_1122-532.jpg", imageAlt: "Beautiful nail designs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,21 +65,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Clean Environment",
|
||||
description: "Strict sanitation standards for your complete peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-2381.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lasting Results",
|
||||
description: "We use premium products for nails that stay beautiful for weeks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345072.jpg",
|
||||
},
|
||||
{
|
||||
title: "Experienced Techs",
|
||||
description: "Friendly, trained technicians dedicated to your satisfaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285920.jpg",
|
||||
},
|
||||
{ title: "Clean Environment", description: "Strict sanitation standards for your complete peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-2381.jpg" },
|
||||
{ title: "Lasting Results", description: "We use premium products for nails that stay beautiful for weeks.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345072.jpg" },
|
||||
{ title: "Experienced Techs", description: "Friendly, trained technicians dedicated to your satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285920.jpg" },
|
||||
]}
|
||||
title="Why Clients Choose Us"
|
||||
description="We combine relaxation with professional excellence to ensure you leave feeling your absolute best."
|
||||
@@ -122,26 +81,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-woman-holding-moisturizer-cream-bottle-hands_23-2148161297.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-drinking-coffee-taking-selfie_23-2148298060.jpg",
|
||||
alt: "Maria",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2403.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-looking-front-smiling-sticking-out-tongue-showing-v-sign-standing-green-wall_141793-64808.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-woman-holding-moisturizer-cream-bottle-hands_23-2148161297.jpg",
|
||||
alt: "Chloe",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-portrait-woman-holding-moisturizer-cream-bottle-hands_23-2148161297.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-drinking-coffee-taking-selfie_23-2148298060.jpg", alt: "Maria" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2403.jpg", alt: "Jessica" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-looking-front-smiling-sticking-out-tongue-showing-v-sign-standing-green-wall_141793-64808.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-portrait-woman-holding-moisturizer-cream-bottle-hands_23-2148161297.jpg", alt: "Chloe" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -154,57 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "manicure",
|
||||
badge: "Manicure",
|
||||
price: "$20+",
|
||||
subtitle: "Starts at $20",
|
||||
features: [
|
||||
"Classic Manicure",
|
||||
"Gel Manicure - $35",
|
||||
"Deluxe Spa - $45",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pedicure",
|
||||
badge: "Pedicure",
|
||||
price: "$30+",
|
||||
subtitle: "Starts at $30",
|
||||
features: [
|
||||
"Basic Pedicure",
|
||||
"Spa Pedicure - $45",
|
||||
"Deluxe Pedicure - $55",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enhancements",
|
||||
badge: "Extras",
|
||||
price: "$40+",
|
||||
subtitle: "From $40",
|
||||
features: [
|
||||
"Acrylic Full Set - $50+",
|
||||
"Fill-In - $40+",
|
||||
"Custom Designs",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "manicure", badge: "Manicure", price: "$20+", subtitle: "Starts at $20", features: ["Classic Manicure", "Gel Manicure - $35", "Deluxe Spa - $45"], buttons: [{ text: "Book Now", href: "#booking" }] },
|
||||
{ id: "pedicure", badge: "Pedicure", price: "$30+", subtitle: "Starts at $30", features: ["Basic Pedicure", "Spa Pedicure - $45", "Deluxe Pedicure - $55"], buttons: [{ text: "Book Now", href: "#booking" }] },
|
||||
{ id: "enhancements", badge: "Extras", price: "$40+", subtitle: "From $40", features: ["Acrylic Full Set - $50+", "Fill-In - $40+", "Custom Designs"], buttons: [{ text: "Book Now", href: "#booking" }] },
|
||||
]}
|
||||
title="Nail Experiences"
|
||||
description="Treat yourself to our premium manicure and pedicure services designed for your comfort."
|
||||
@@ -218,42 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Custom Nail Design",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-nail-design-female-hand-with-glitter-manicure_127675-2602.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Gel Set Shine",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-blue-nails_23-2149921693.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Spa Pedicure Result",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37714.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Elegant French Tips",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Deluxe Seasonal Set",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-polishing-their-nails_1122-532.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Modern Acrylic Set",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicate-woman-with-french-manicure_23-2149311573.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Custom Nail Design", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/gray-nail-design-female-hand-with-glitter-manicure_127675-2602.jpg" },
|
||||
{ id: "g2", name: "Gel Set Shine", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-blue-nails_23-2149921693.jpg" },
|
||||
{ id: "g3", name: "Spa Pedicure Result", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37714.jpg" },
|
||||
{ id: "g4", name: "Elegant French Tips", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg" },
|
||||
{ id: "g5", name: "Deluxe Seasonal Set", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/girls-polishing-their-nails_1122-532.jpg" },
|
||||
{ id: "g6", name: "Modern Acrylic Set", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicate-woman-with-french-manicure_23-2149311573.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Get inspired by our latest designs and spa results."
|
||||
@@ -266,20 +132,10 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment"
|
||||
description="Skip the wait. Secure your spot in seconds. Walk-ins welcome, but booking ahead is recommended."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg"
|
||||
buttonText="Check Availability"
|
||||
/>
|
||||
</div>
|
||||
@@ -289,16 +145,8 @@ export default function LandingPage() {
|
||||
logoText="Warren Nail Spa"
|
||||
copyrightText="© 2025 Warren Nail Spa. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user