Update src/app/page.tsx
This commit is contained in:
150
src/app/page.tsx
150
src/app/page.tsx
@@ -30,23 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Anna's Nail Salon"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Now", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,33 +48,21 @@ export default function LandingPage() {
|
||||
description="Walk-ins welcome. Appointments honored. Always. Experience elite care in a luxury setting designed for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#booking"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-alluring-woman_23-2148803584.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-alluring-woman_23-2148803584.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535702.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535702.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette_1122-593.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette_1122-593.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-modern-woman_23-2148415748.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-modern-woman_23-2148415748.jpg", alt: "Satisfied client portrait"},
|
||||
]}
|
||||
avatarText="Join 500+ locals who trust us"
|
||||
/>
|
||||
@@ -93,11 +73,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The best pedicure of my life",
|
||||
"In and out in 90 minutes",
|
||||
"Best nail techs around",
|
||||
"So great, I keep it a secret",
|
||||
]}
|
||||
"The best pedicure of my life", "In and out in 90 minutes", "Best nail techs around", "So great, I keep it a secret"]}
|
||||
title="Trusted by Locals"
|
||||
description="What our clients say about the Anna's experience."
|
||||
/>
|
||||
@@ -111,20 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Pedicure",
|
||||
description: "Hot stones. Warm oils. A massage that melts the stress away. Starts at $50.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-applying-nail-polish_23-2149171355.jpg",
|
||||
},
|
||||
title: "Signature Pedicure", description: "Hot stones. Warm oils. A massage that melts the stress away. Starts at $50.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-applying-nail-polish_23-2149171355.jpg"},
|
||||
{
|
||||
title: "Acrylic Full Sets",
|
||||
description: "Precision application for a flawless, durable look. Starts at $45.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-lipstick_114579-59256.jpg",
|
||||
},
|
||||
title: "Acrylic Full Sets", description: "Precision application for a flawless, durable look. Starts at $45.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-lipstick_114579-59256.jpg"},
|
||||
{
|
||||
title: "French Manicure",
|
||||
description: "Timeless elegance with a modern finish for perfect hands. Starts at $30.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-hands-person-wearing-gloves_23-2148766606.jpg",
|
||||
},
|
||||
title: "French Manicure", description: "Timeless elegance with a modern finish for perfect hands. Starts at $30.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-hands-person-wearing-gloves_23-2148766606.jpg"},
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Indulge in our curated treatments designed to pamper and perfect."
|
||||
@@ -138,36 +105,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "✓",
|
||||
title: "Punctual",
|
||||
items: [
|
||||
"Appointments always start on time.",
|
||||
],
|
||||
id: "1", value: "✓", title: "Punctual", items: [
|
||||
"Appointments always start on time."],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "✓",
|
||||
title: "Accessible",
|
||||
items: [
|
||||
"Walk-ins are always welcomed.",
|
||||
],
|
||||
id: "2", value: "✓", title: "Accessible", items: [
|
||||
"Walk-ins are always welcomed."],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "✓",
|
||||
title: "Complimentary",
|
||||
items: [
|
||||
"Hand & arm massage included.",
|
||||
],
|
||||
id: "3", value: "✓", title: "Complimentary", items: [
|
||||
"Hand & arm massage included."],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "✓",
|
||||
title: "Transparent",
|
||||
items: [
|
||||
"Fair, clear pricing every time.",
|
||||
],
|
||||
id: "4", value: "✓", title: "Transparent", items: [
|
||||
"Fair, clear pricing every time."],
|
||||
},
|
||||
]}
|
||||
title="The Anna's Difference"
|
||||
@@ -177,49 +128,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Denise M.",
|
||||
handle: "WI",
|
||||
testimonial: "The best pedicure of my life — warm oils, hot rocks, strong massage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057782.jpg",
|
||||
},
|
||||
id: "1", name: "Denise M.", handle: "WI", testimonial: "The best pedicure of my life — warm oils, hot rocks, strong massage.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057782.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Allison K.",
|
||||
handle: "Houston, TX",
|
||||
testimonial: "In and out in 90 minutes. Pedicure + acrylic fill. Only $70.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265928.jpg",
|
||||
},
|
||||
id: "2", name: "Allison K.", handle: "Houston, TX", testimonial: "In and out in 90 minutes. Pedicure + acrylic fill. Only $70.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265928.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jen G.",
|
||||
handle: "Pleasant Prairie, WI",
|
||||
testimonial: "I live in Chicago. You don't find nail techs this wholesome over there.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-stylish-businesswoman-with-laptop-happily-talking-cellphone-coffee-break-cafe-street_574295-4054.jpg",
|
||||
},
|
||||
id: "3", name: "Jen G.", handle: "Pleasant Prairie, WI", testimonial: "I live in Chicago. You don't find nail techs this wholesome over there.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-stylish-businesswoman-with-laptop-happily-talking-cellphone-coffee-break-cafe-street_574295-4054.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah R.",
|
||||
handle: "Champaign, IL",
|
||||
testimonial: "I almost don't want to share how great Anna's is — I always get right in.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-smiling-girl-with-long-wavy-hairstyle-black-sport-top-is-holding-arms-chest-looking-window-isolated-background_291650-2273.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah R.", handle: "Champaign, IL", testimonial: "I almost don't want to share how great Anna's is — I always get right in.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-smiling-girl-with-long-wavy-hairstyle-black-sport-top-is-holding-arms-chest-looking-window-isolated-background_291650-2273.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria L.",
|
||||
handle: "Urbana, IL",
|
||||
testimonial: "Truly the best salon experience I have ever had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amateur-bearded-photographer-redhead-female-posing-light-grey-background_613910-15217.jpg",
|
||||
},
|
||||
id: "5", name: "Maria L.", handle: "Urbana, IL", testimonial: "Truly the best salon experience I have ever had.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amateur-bearded-photographer-redhead-female-posing-light-grey-background_613910-15217.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Editorial Reviews"
|
||||
@@ -231,18 +158,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to Treat Yourself? Join hundreds of loyal clients who say Anna's is the best they've ever had."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call to Book", href: "tel:5550123"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user