From 89cffdc467ccee8642f916c16bafb916a2e8eb7a Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 28 May 2026 12:37:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 367 +++++++++++------------------------------------ 1 file changed, 80 insertions(+), 287 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 10b0f8c..d2cec07 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS import ProductCardThree from '@/components/sections/product/ProductCardThree'; import TeamCardFive from '@/components/sections/team/TeamCardFive'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; -import { Award, Coffee, Droplet, Feather, Leaf, Scissors, Sparkles, Star, Type, Users } from "lucide-react"; +import { Award, Brush, Coffee, Droplet, Feather, Leaf, RefreshCcw, Scissors, Sparkles, Star, Type, Users } from "lucide-react"; export default function LandingPage() { return ( @@ -33,34 +33,20 @@ export default function LandingPage() { @@ -68,105 +54,62 @@ export default function LandingPage() {
@@ -178,19 +121,13 @@ export default function LandingPage() { metrics={[ { icon: Award, - label: "Years of Experience", - value: "15+", - }, + label: "Years of Experience", value: "15+"}, { icon: Users, - label: "Satisfied Clients", - value: "1000+", - }, + label: "Satisfied Clients", value: "1000+"}, { icon: Star, - label: "Average Rating", - value: "4.9/5", - }, + label: "Average Rating", value: "4.9/5"}, ]} metricsAnimation="slide-up" /> @@ -203,79 +140,52 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts", - description: "Achieve your desired look with meticulous attention to detail and personalized styling advice from our skilled barbers.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg", - imageAlt: "Man getting a precision haircut", - }, + title: "Precision Haircuts", description: "Achieve your desired look with meticulous attention to detail and personalized styling advice from our skilled barbers.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg", imageAlt: "Man getting a precision haircut"}, items: [ { icon: Scissors, - text: "Classic & Modern Cuts", - }, + text: "Classic & Modern Cuts"}, { icon: Sparkles, - text: "Personalized Styling", - }, + text: "Personalized Styling"}, { icon: RefreshCcw, - text: "Signature Finishes", - }, + text: "Signature Finishes"}, ], reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELxL617lucP5qCmynjSMbw8wlJ/uploaded-1779971688602-utagshw1.png?_wi=2", - imageAlt: "classic mens haircut close up", }, { - title: "Traditional Hot Shaves", - description: "Indulge in the ultimate pampering experience with our classic hot towel shave, leaving your skin smooth and refreshed.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121828.jpg", - imageAlt: "Barber giving a hot towel shave", - }, + title: "Traditional Hot Shaves", description: "Indulge in the ultimate pampering experience with our classic hot towel shave, leaving your skin smooth and refreshed.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121828.jpg", imageAlt: "Barber giving a hot towel shave"}, items: [ { icon: Droplet, - text: "Hot Towel Treatment", - }, + text: "Hot Towel Treatment"}, { icon: Feather, - text: "Smooth Razor Finish", - }, + text: "Smooth Razor Finish"}, { icon: Coffee, - text: "Relaxing Experience", - }, + text: "Relaxing Experience"}, ], reverse: true, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELxL617lucP5qCmynjSMbw8wlJ/uploaded-1779971688602-w6f2fkbv.png?_wi=2", - imageAlt: "classic mens haircut close up", }, { - title: "Expert Beard Grooming", - description: "Shape, trim, and condition your beard to perfection. Our barbers are experts in crafting the ideal beard style for you.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg", - imageAlt: "Man getting his beard trimmed", - }, + title: "Expert Beard Grooming", description: "Shape, trim, and condition your beard to perfection. Our barbers are experts in crafting the ideal beard style for you.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg", imageAlt: "Man getting his beard trimmed"}, items: [ { icon: Type, - text: "Custom Shaping", - }, + text: "Custom Shaping"}, { icon: Brush, - text: "Professional Trimming", - }, + text: "Professional Trimming"}, { icon: Leaf, - text: "Conditioning Treatments", - }, + text: "Conditioning Treatments"}, ], reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELxL617lucP5qCmynjSMbw8wlJ/uploaded-1779971688602-gamhjmuz.png?_wi=1", - imageAlt: "classic mens haircut close up", }, ]} title="Our Signature Services" @@ -291,47 +201,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "product-1", - name: "Classic Pomade", - price: "€25.00", - imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820957.jpg", - imageAlt: "Classic hair pomade jar", - }, + id: "product-1", name: "Classic Pomade", price: "€25.00", imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820957.jpg", imageAlt: "Classic hair pomade jar"}, { - id: "product-2", - name: "Daily Revitalizing Shampoo", - price: "€18.00", - imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965825.jpg", - imageAlt: "Mens shampoo bottle", - }, + id: "product-2", name: "Daily Revitalizing Shampoo", price: "€18.00", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965825.jpg", imageAlt: "Mens shampoo bottle"}, { - id: "product-3", - name: "Hydrating Conditioner", - price: "€18.00", - imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg", - imageAlt: "Mens conditioner bottle", - }, + id: "product-3", name: "Hydrating Conditioner", price: "€18.00", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg", imageAlt: "Mens conditioner bottle"}, { - id: "product-4", - name: "Nourishing Beard Oil", - price: "€30.00", - imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696647.jpg", - imageAlt: "Beard oil bottle with dropper", - }, + id: "product-4", name: "Nourishing Beard Oil", price: "€30.00", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696647.jpg", imageAlt: "Beard oil bottle with dropper"}, { - id: "product-5", - name: "Beard Shaping Balm", - price: "€22.00", - imageSrc: "http://img.b2bpic.net/free-photo/cotton-pads-skincare-product_23-2147710687.jpg", - imageAlt: "Beard balm tin", - }, + id: "product-5", name: "Beard Shaping Balm", price: "€22.00", imageSrc: "http://img.b2bpic.net/free-photo/cotton-pads-skincare-product_23-2147710687.jpg", imageAlt: "Beard balm tin"}, { - id: "product-6", - name: "Gentleman's Aftershave", - price: "€28.00", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-shirtless-young-man-holding-many-blue-razor-hand_23-2148088307.jpg", - imageAlt: "Classic aftershave lotion bottle", - }, + id: "product-6", name: "Gentleman's Aftershave", price: "€28.00", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-shirtless-young-man-holding-many-blue-razor-hand_23-2148088307.jpg", imageAlt: "Classic aftershave lotion bottle"}, ]} title="Premium Grooming Products" description="Take the barbershop experience home with our curated selection of high-quality hair care and grooming essentials, hand-picked for their superior performance." @@ -345,26 +225,11 @@ export default function LandingPage() { useInvertedBackground={false} team={[ { - id: "barber-1", - name: "John Doe", - role: "Master Barber", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg", - imageAlt: "Portrait of Master Barber John Doe", - }, + id: "barber-1", name: "John Doe", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg", imageAlt: "Portrait of Master Barber John Doe"}, { - id: "barber-2", - name: "Jane Smith", - role: "Senior Stylist", - imageSrc: "http://img.b2bpic.net/free-photo/anxious-adult-female-barber-uniform-holding-comb-looking-front-isolated-white-wall-with-copy-space_141793-120188.jpg", - imageAlt: "Portrait of Senior Stylist Jane Smith", - }, + id: "barber-2", name: "Jane Smith", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/anxious-adult-female-barber-uniform-holding-comb-looking-front-isolated-white-wall-with-copy-space_141793-120188.jpg", imageAlt: "Portrait of Senior Stylist Jane Smith"}, { - id: "barber-3", - name: "Michael Brown", - role: "Grooming Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", - imageAlt: "Portrait of Grooming Specialist Michael Brown", - }, + id: "barber-3", name: "Michael Brown", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", imageAlt: "Portrait of Grooming Specialist Michael Brown"}, ]} title="Meet Our Expert Barbers" description="Our passionate team is dedicated to perfecting your look with skill, artistry, and a personalized touch, ensuring every visit is exceptional." @@ -377,50 +242,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - title: "Best Barbershop in Karlsruhe!", - quote: "Großartiger Herrenfriseur! Matthias Flohr truly understands what I want and always delivers an excellent job. I always leave feeling fresh and confident.", - name: "Matthias Flohr", - role: "Satisfied Client", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg", - imageAlt: "Client Matthias Flohr", - }, + id: "t1", title: "Best Barbershop in Karlsruhe!", quote: "Großartiger Herrenfriseur! Matthias Flohr truly understands what I want and always delivers an excellent job. I always leave feeling fresh and confident.", name: "Matthias Flohr", role: "Satisfied Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg", imageAlt: "Client Matthias Flohr"}, { - id: "t2", - title: "Exceptional Service and Atmosphere", - quote: "The team at Monami Style is fantastic! Friendly, relaxed atmosphere and they truly take their time with every cut. Highly recommend!", - name: "Sarah Johnson", - role: "Regular Customer", - imageSrc: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg", - imageAlt: "Client Sarah Johnson", - }, + id: "t2", title: "Exceptional Service and Atmosphere", quote: "The team at Monami Style is fantastic! Friendly, relaxed atmosphere and they truly take their time with every cut. Highly recommend!", name: "Sarah Johnson", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/mother-braiding-hair-unrecognizable-daughter_23-2147788464.jpg", imageAlt: "Client Sarah Johnson"}, { - id: "t3", - title: "Always a Perfect Cut", - quote: "I've been coming to Monami Style for years. The barbers are incredibly skilled, and the attention to detail is unmatched. Always a perfect cut and shave!", - name: "David Miller", - role: "Loyal Client", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665450.jpg", - imageAlt: "Client David Miller", - }, + id: "t3", title: "Always a Perfect Cut", quote: "I've been coming to Monami Style for years. The barbers are incredibly skilled, and the attention to detail is unmatched. Always a perfect cut and shave!", name: "David Miller", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665450.jpg", imageAlt: "Client David Miller"}, { - id: "t4", - title: "Great Value for Money", - quote: "Not only do they provide excellent service, but the price-performance ratio is also very good. You get top-notch quality without breaking the bank.", - name: "Emily Chen", - role: "Happy Customer", - imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203571.jpg", - imageAlt: "Client Emily Chen", - }, + id: "t4", title: "Great Value for Money", quote: "Not only do they provide excellent service, but the price-performance ratio is also very good. You get top-notch quality without breaking the bank.", name: "Emily Chen", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203571.jpg", imageAlt: "Client Emily Chen"}, { - id: "t5", - title: "My Go-To for Grooming", - quote: "Monami Style is my absolute go-to for all my grooming needs. From a fresh haircut to a clean beard trim, they always deliver beyond expectations. Pure professionalism.", - name: "Robert Green", - role: "Executive Client", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit_23-2147574144.jpg", - imageAlt: "Client Robert Green", - }, + id: "t5", title: "My Go-To for Grooming", quote: "Monami Style is my absolute go-to for all my grooming needs. From a fresh haircut to a clean beard trim, they always deliver beyond expectations. Pure professionalism.", name: "Robert Green", role: "Executive Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit_23-2147574144.jpg", imageAlt: "Client Robert Green"}, ]} title="What Our Clients Say" description="Hear directly from our satisfied customers about their exceptional experiences at Monami Style Barbershop." @@ -433,20 +263,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "How do I book an appointment?", - content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our shop in person. We recommend booking in advance to secure your preferred time.", - }, + id: "q1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our shop in person. We recommend booking in advance to secure your preferred time."}, { - id: "q2", - title: "What services do you offer?", - content: "We offer a wide range of services including precision haircuts, traditional hot shaves, expert beard grooming, styling, and hair conditioning treatments. Check our Services section for full details.", - }, + id: "q2", title: "What services do you offer?", content: "We offer a wide range of services including precision haircuts, traditional hot shaves, expert beard grooming, styling, and hair conditioning treatments. Check our Services section for full details."}, { - id: "q3", - title: "Do you use specific hair products?", - content: "Yes, we use and recommend a curated selection of premium grooming products known for their quality and effectiveness. Many of these products are also available for purchase in our shop.", - }, + id: "q3", title: "Do you use specific hair products?", content: "Yes, we use and recommend a curated selection of premium grooming products known for their quality and effectiveness. Many of these products are also available for purchase in our shop."}, ]} title="Frequently Asked Questions" description="Find quick answers to the most common questions about our barbershop, services, and booking process." @@ -461,29 +282,18 @@ export default function LandingPage() { description="Ready for your next great haircut? Contact us today to schedule your visit to Monami Style Barbershop. We look forward to welcoming you!" 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, }, { - name: "phone", - type: "tel", - placeholder: "Your Phone Number", - }, + name: "phone", type: "tel", placeholder: "Your Phone Number"}, ]} textarea={{ - name: "message", - placeholder: "Tell us about your desired service or inquiry...", - required: true, + name: "message", placeholder: "Tell us about your desired service or inquiry...", required: true }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELxL617lucP5qCmynjSMbw8wlJ/uploaded-1779971688602-gamhjmuz.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELxL617lucP5qCmynjSMbw8wlJ/uploaded-1779971688602-gamhjmuz.png" imageAlt="Inside Monami Style Barbershop" mediaAnimation="opacity" mediaPosition="right" @@ -496,46 +306,29 @@ export default function LandingPage() { logoText="Monami Style" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Haircuts", - href: "#services", - }, + label: "Haircuts", href: "#services"}, { - label: "Hot Shaves", - href: "#services", - }, + label: "Hot Shaves", href: "#services"}, { - label: "Beard Trims", - href: "#services", - }, + label: "Beard Trims", href: "#services"}, { - label: "Styling", - href: "#services", - }, + label: "Styling", href: "#services"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Our Team", - href: "#team", - }, + label: "Our Team", href: "#team"}, { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, ], }, { - title: "Connect", - items: [], + title: "Connect", items: [], }, ]} copyrightText="© 2024 Monami Style. All rights reserved."