Merge version_1 into main #1
160
src/app/page.tsx
160
src/app/page.tsx
@@ -30,104 +30,70 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "#stats",
|
||||
},
|
||||
name: "Stats", id: "/stats"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Crew Cut"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Best Place for a Haircut and Line Up"
|
||||
description="Join the community at Shelby Township's top-rated barbershop. With a 4.7-star rating and over 185 reviews, we pride ourselves on precision, style, and a welcoming atmosphere."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.7+",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "4.7+", label: "Star Rating"},
|
||||
{
|
||||
value: "185+",
|
||||
label: "Client Reviews",
|
||||
},
|
||||
value: "185+", label: "Client Reviews"},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Shelby Community",
|
||||
},
|
||||
value: "Local", label: "Shelby Community"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-tools_23-2147790936.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-tools_23-2147790936.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101903.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101903.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precision Cuts",
|
||||
icon: Scissors,
|
||||
type: "text-icon", text: "Precision Cuts", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hot Towel Shaves",
|
||||
icon: Flame,
|
||||
type: "text-icon", text: "Hot Towel Shaves", icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Beard Grooming",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Beard Grooming", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hair Coloring",
|
||||
icon: Palette,
|
||||
type: "text-icon", text: "Hair Coloring", icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Kids Friendly",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Kids Friendly", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,21 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Monday: Closed",
|
||||
"Holiday hours subject to change",
|
||||
"Appointments encouraged for complex services",
|
||||
"Gratuity appreciated",
|
||||
"Respect our booking policy",
|
||||
],
|
||||
"Monday: Closed", "Holiday hours subject to change", "Appointments encouraged for complex services", "Gratuity appreciated", "Respect our booking policy"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Precision Haircuts",
|
||||
"Straight Razor Shaves",
|
||||
"Hair Coloring & Waxing",
|
||||
"Kids' Cuts",
|
||||
"Walk-ins Welcome",
|
||||
],
|
||||
"Precision Haircuts", "Straight Razor Shaves", "Hair Coloring & Waxing", "Kids' Cuts", "Walk-ins Welcome"],
|
||||
}}
|
||||
title="Professional Grooming Services"
|
||||
description="Expert grooming tailored to your style, from precision cuts to specialty treatments."
|
||||
@@ -168,33 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10AM - 8PM",
|
||||
title: "Tue - Fri",
|
||||
items: [
|
||||
"Standard cut",
|
||||
"Beard trim",
|
||||
"Coloring",
|
||||
],
|
||||
id: "m1", value: "10AM - 8PM", title: "Tue - Fri", items: [
|
||||
"Standard cut", "Beard trim", "Coloring"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10AM - 8PM",
|
||||
title: "Saturday",
|
||||
items: [
|
||||
"Weekend rush",
|
||||
"Line ups",
|
||||
"Full services",
|
||||
],
|
||||
id: "m2", value: "10AM - 8PM", title: "Saturday", items: [
|
||||
"Weekend rush", "Line ups", "Full services"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "11AM - 4PM",
|
||||
title: "Sunday",
|
||||
items: [
|
||||
"Relaxed grooming",
|
||||
"Family sessions",
|
||||
],
|
||||
id: "m3", value: "11AM - 4PM", title: "Sunday", items: [
|
||||
"Relaxed grooming", "Family sessions"],
|
||||
},
|
||||
]}
|
||||
title="Operating Hours"
|
||||
@@ -208,25 +147,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we gladly accept walk-ins for our services.",
|
||||
},
|
||||
id: "f1", title: "Do you accept walk-ins?", content: "Yes, we gladly accept walk-ins for our services."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept Credit Cards, Debit Cards, and NFC Mobile Payments like Apple Pay and Google Pay.",
|
||||
},
|
||||
id: "f2", title: "What payment methods do you accept?", content: "We accept Credit Cards, Debit Cards, and NFC Mobile Payments like Apple Pay and Google Pay."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the shop accessible?",
|
||||
content: "We are fully wheelchair accessible including our entrance, parking, and restroom facilities.",
|
||||
},
|
||||
id: "f3", title: "Is the shop accessible?", content: "We are fully wheelchair accessible including our entrance, parking, and restroom facilities."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are kids welcome?",
|
||||
content: "Absolutely. We are family-friendly and provide a comfortable environment for all ages.",
|
||||
},
|
||||
id: "f4", title: "Are kids welcome?", content: "Absolutely. We are family-friendly and provide a comfortable environment for all ages."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visit."
|
||||
@@ -238,8 +165,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Location & Contact"
|
||||
title="Visit Us Today"
|
||||
description="2112 Auburn Rd, Shelby Township, MI 48317 | Phone: (586) 884-6962"
|
||||
@@ -255,25 +181,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user