Merge version_2 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mane Moxie Studio"
|
||||
/>
|
||||
@@ -59,77 +49,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Unleash Your Moxie"
|
||||
description="Experience premium hair and skin care in a relaxing, modern sanctuary. Dedicated to making you feel your best naturally."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "23+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "23+", label: "Reviews"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
|
||||
alt: "Satisfied client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", alt: "Satisfied client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
|
||||
alt: "Satisfied client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg", alt: "Satisfied client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Satisfied client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Satisfied client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
|
||||
alt: "Satisfied client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg", alt: "Satisfied client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",
|
||||
alt: "Satisfied client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", alt: "Satisfied client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cutting",
|
||||
},
|
||||
type: "text", text: "Precision Hair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Blonding",
|
||||
},
|
||||
type: "text", text: "Premium Skincare"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Skincare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hair Extensions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spa Treatments",
|
||||
},
|
||||
type: "text", text: "Expert Neurotoxin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,7 +95,7 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Mane Moxie"
|
||||
description="Located in Springfield, we provide a modern and comfortable environment where quality meets relaxation. From expert blonding to rejuvenating skincare, we are your go-to studio for beauty."
|
||||
description="Located in Springfield, we provide a modern and comfortable environment where quality meets relaxation. From expert blonding to rejuvenating skincare and neurotoxin treatments, we are your go-to studio for beauty."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,48 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Expert Color & Blonding",
|
||||
tags: [
|
||||
"Hair Styling",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holding-gun-temple-young-anxious-blonde-male-barber-uniform-holding-scissors-hair-clipper-isolated-violet-space-with-copy-space_141793-60304.jpg",
|
||||
},
|
||||
id: "1", title: "Hair Services", tags: ["Cut", "Color", "Styling"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Rejuvenating Skincare",
|
||||
tags: [
|
||||
"Skin Health",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-showing-peace-sign-two-finger-with-happy-feeling-isolated-white-background_1258-101470.jpg",
|
||||
},
|
||||
id: "2", title: "Skincare Treatments", tags: ["Facials", "Rejuvenation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-showing-peace-sign-two-finger-with-happy-feeling-isolated-white-background_1258-101470.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Precision Cutting",
|
||||
tags: [
|
||||
"Hair Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Nourishing Hair Masks",
|
||||
tags: [
|
||||
"Treatment",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454812.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Professional Styling",
|
||||
tags: [
|
||||
"Styling",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg",
|
||||
},
|
||||
id: "3", title: "Neurotoxin Services", tags: ["Anti-Aging", "Consultation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454812.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Tailored treatments for your unique hair and skin needs."
|
||||
description="Comprehensive care for your hair, skin, and confidence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,25 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5/5",
|
||||
title: "Quality Score",
|
||||
description: "Consistently top-rated.",
|
||||
icon: Star,
|
||||
id: "m1", value: "5/5", title: "Quality Score", description: "Consistently top-rated.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Customer Joy",
|
||||
description: "We ensure every client leaves happy.",
|
||||
icon: Smile,
|
||||
id: "m2", value: "100%", title: "Customer Joy", description: "We ensure every client leaves happy.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Booking Availability",
|
||||
description: "Easy online scheduling.",
|
||||
icon: Calendar,
|
||||
id: "m3", value: "24/7", title: "Booking Availability", description: "Easy online scheduling.", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
@@ -237,25 +151,7 @@ export default function LandingPage() {
|
||||
author="Jordan Katz"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Jordan Katz",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
alt: "Reviewer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
|
||||
alt: "Reviewer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
alt: "Reviewer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-sofa-room-with-green-palm-plants-book-stands_613910-11625.jpg",
|
||||
alt: "Reviewer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Jordan Katz"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Yes, we recommend booking online via Vagaro for your preferred time.",
|
||||
},
|
||||
id: "f1", title: "Do I need to book in advance?", content: "Yes, we recommend booking online via Vagaro for your preferred time."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the salon wheelchair accessible?",
|
||||
content: "Yes, our location on W Iles Ave is fully accessible.",
|
||||
},
|
||||
id: "f2", title: "Is the studio wheelchair accessible?", content: "Yes, our location on W Iles Ave is fully accessible."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are at 3270 W Iles Ave, Springfield, IL.",
|
||||
},
|
||||
id: "f3", title: "Where are you located?", content: "We are at 3270 W Iles Ave, Springfield, IL."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get all the details about visiting our studio."
|
||||
@@ -293,25 +180,17 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Book Your Session"
|
||||
description="Ready for a transformation? Reach out today."
|
||||
description="Questions? Reach out by phone at 217-210-9917 or use the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what service you're interested in...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your interest in hair, skincare, or neurotoxin services...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-adult-female-barber-uniform-holding-combs-spray-bottle-scissors-isolated-purple-wall-with-copy-space_141793-120073.jpg"
|
||||
@@ -324,33 +203,25 @@ export default function LandingPage() {
|
||||
logoText="Mane Moxie Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "3270 W Iles Ave, Springfield, IL",
|
||||
href: "#",
|
||||
},
|
||||
label: "3270 W Iles Ave, Springfield, IL", href: "https://maps.google.com"},
|
||||
{
|
||||
label: "217-210-9917",
|
||||
href: "tel:2172109917",
|
||||
},
|
||||
label: "217-210-9917", href: "tel:2172109917"},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -359,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user