diff --git a/src/app/page.tsx b/src/app/page.tsx index b21262a..0538835 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,25 +32,15 @@ export default function LandingPage() { @@ -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" + } + ]} /> @@ -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"}, ], }, ]}