Merge version_2 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mike Cuts"
|
||||
/>
|
||||
@@ -62,70 +52,38 @@ export default function LandingPage() {
|
||||
description="Welcome to Mike Cuts. Where expertise meets style. Experience the highest level of grooming in a classic, professional setting."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James Smith",
|
||||
handle: "@jamessmith",
|
||||
testimonial: "Best fade I've ever had. Mike is a true pro.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
|
||||
},
|
||||
name: "James Smith", handle: "@jamessmith", testimonial: "Best fade I've ever had. Mike is a true pro.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Solid shop, consistent results every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Solid shop, consistent results every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg"},
|
||||
{
|
||||
name: "Chris P.",
|
||||
handle: "@chrisp",
|
||||
testimonial: "The hot towel shave is a must-have. Amazing experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
},
|
||||
name: "Chris P.", handle: "@chrisp", testimonial: "The hot towel shave is a must-have. Amazing experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "Great attention to detail and a very comfortable shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "Great attention to detail and a very comfortable shop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"},
|
||||
{
|
||||
name: "Sam B.",
|
||||
handle: "@samb",
|
||||
testimonial: "Mike is the best in the city. Always walk out looking sharp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
},
|
||||
name: "Sam B.", handle: "@samb", testimonial: "Mike is the best in the city. Always walk out looking sharp.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
|
||||
imageAlt="Modern Barbershop Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985717.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985717.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shot-makeup-artist-medical-mask-doing-his-job-new-normal_181624-46932.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shot-makeup-artist-medical-mask-doing-his-job-new-normal_181624-46932.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
/>
|
||||
@@ -139,17 +97,11 @@ export default function LandingPage() {
|
||||
description="Mike Cuts isn't just about a haircut. It's about taking the time to understand your style and providing a refined grooming experience. We take pride in our precision and attention to detail."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Master Barbers",
|
||||
description: "Years of experience delivering top-tier service.",
|
||||
},
|
||||
title: "Master Barbers", description: "Years of experience delivering top-tier service."},
|
||||
{
|
||||
title: "Premium Tools",
|
||||
description: "Only the sharpest, cleanest equipment used.",
|
||||
},
|
||||
title: "Premium Tools", description: "Only the sharpest, cleanest equipment used."},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "A shop where you can sit back and unwind.",
|
||||
},
|
||||
title: "Relaxed Atmosphere", description: "A shop where you can sit back and unwind."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg"
|
||||
imageAlt="Barber precision haircut"
|
||||
@@ -165,23 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Haircut",
|
||||
description: "Traditional cut, style, and precision finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-trimming-his-client-s-beard_23-2148242814.jpg",
|
||||
imageAlt: "Classic haircut",
|
||||
},
|
||||
title: "Classic Haircut", description: "Traditional cut, style, and precision finish.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-trimming-his-client-s-beard_23-2148242814.jpg", imageAlt: "Classic haircut"},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "A relaxing, old-school ritual for your skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-barbershop_1157-7717.jpg",
|
||||
imageAlt: "Hot towel shave",
|
||||
},
|
||||
title: "Hot Towel Shave", description: "A relaxing, old-school ritual for your skin.", imageSrc: "http://img.b2bpic.net/free-photo/guy-barbershop_1157-7717.jpg", imageAlt: "Hot towel shave"},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Sharp lines and perfect beard maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg",
|
||||
imageAlt: "Beard groom",
|
||||
},
|
||||
title: "Beard Grooming", description: "Sharp lines and perfect beard maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg", imageAlt: "Beard groom"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer a wide array of grooming services tailored to your specific needs."
|
||||
@@ -195,42 +135,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$30",
|
||||
subtitle: "Basic Grooming",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Neck clean-up",
|
||||
"Wash",
|
||||
],
|
||||
id: "p1", badge: "Popular", price: "$30", subtitle: "Basic Grooming", features: [
|
||||
"Haircut", "Neck clean-up", "Wash"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Recommended",
|
||||
price: "$50",
|
||||
subtitle: "Full Experience",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Hot towel shave",
|
||||
"Beard trim",
|
||||
"Style",
|
||||
],
|
||||
id: "p2", badge: "Recommended", price: "$50", subtitle: "Full Experience", features: [
|
||||
"Haircut", "Hot towel shave", "Beard trim", "Style"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Quick",
|
||||
price: "$20",
|
||||
subtitle: "Beard Trim Only",
|
||||
features: [
|
||||
"Beard shaping",
|
||||
"Line up",
|
||||
"Oil treatment",
|
||||
],
|
||||
id: "p3", badge: "Quick", price: "$20", subtitle: "Beard Trim Only", features: [
|
||||
"Beard shaping", "Line up", "Oil treatment"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Transparent prices for high-quality work."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -242,26 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Mike",
|
||||
role: "Head Barber",
|
||||
description: "The founder and master of the blade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg",
|
||||
},
|
||||
id: "m1", name: "Mike", role: "Head Barber", description: "The founder and master of the blade.", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah",
|
||||
role: "Barber",
|
||||
description: "Precision specialist with 5 years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg",
|
||||
},
|
||||
id: "m2", name: "Sarah", role: "Barber", description: "Precision specialist with 5 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-scissors_23-2147839778.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "David",
|
||||
role: "Barber",
|
||||
description: "Dedicated to the classic style and craft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105676.jpg",
|
||||
},
|
||||
id: "m3", name: "David", role: "Barber", description: "Dedicated to the classic style and craft.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105676.jpg"},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="Our experts are here to ensure you leave looking your absolute best."
|
||||
@@ -275,40 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Regular",
|
||||
testimonial: "Mike is the only one I trust with my beard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Regular", testimonial: "Mike is the only one I trust with my beard.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
role: "Regular",
|
||||
testimonial: "Cleanest shop in town, incredible service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4314.jpg",
|
||||
},
|
||||
id: "t2", name: "John D.", role: "Regular", testimonial: "Cleanest shop in town, incredible service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4314.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
role: "Regular",
|
||||
testimonial: "Brought my husband here, he looks amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", role: "Regular", testimonial: "Brought my husband here, he looks amazing.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike L.",
|
||||
role: "Regular",
|
||||
testimonial: "The atmosphere is great and the cuts are sharp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg",
|
||||
},
|
||||
id: "t4", name: "Mike L.", role: "Regular", testimonial: "The atmosphere is great and the cuts are sharp.", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin T.",
|
||||
role: "Regular",
|
||||
testimonial: "Always a pleasure coming in for a trim.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg",
|
||||
},
|
||||
id: "t5", name: "Kevin T.", role: "Regular", testimonial: "Always a pleasure coming in for a trim.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg"},
|
||||
]}
|
||||
title="Hear From Our Clients"
|
||||
description="Join our community of satisfied regulars who trust us with their style."
|
||||
@@ -321,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking online to guarantee your spot.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your spot."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a cut take?",
|
||||
content: "Usually 30-45 minutes depending on the service.",
|
||||
},
|
||||
id: "q2", title: "How long does a cut take?", content: "Usually 30-45 minutes depending on the service."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer beard grooming?",
|
||||
content: "Absolutely, we specialize in beard maintenance.",
|
||||
},
|
||||
id: "q3", title: "Do you offer beard grooming?", content: "Absolutely, we specialize in beard maintenance."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here is what you need to know about our shop."
|
||||
@@ -349,22 +223,14 @@ export default function LandingPage() {
|
||||
description="Ready for a fresh cut? Send us a message or give us a call."
|
||||
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: "Your request or question",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your request or question", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg"
|
||||
@@ -376,29 +242,19 @@ export default function LandingPage() {
|
||||
logoText="Mike Cuts"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user