From ff1cff833bae682d2a7c8602d76a25150349dab9 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 25 May 2026 23:05:12 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 287 ++++++++++------------------------------------- 1 file changed, 57 insertions(+), 230 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0a915dd..e73f386 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,77 +31,42 @@ export default function LandingPage() {
@@ -237,47 +148,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "gallery-1", - name: "Fresh Fade", - price: "£-", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-42.jpg", - imageAlt: "Fresh fade haircut", - }, + id: "gallery-1", name: "Fresh Fade", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-42.jpg", imageAlt: "Fresh fade haircut"}, { - id: "gallery-2", - name: "Transformation", - price: "£-", - imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg", - imageAlt: "Before and after haircut transformation", - }, + id: "gallery-2", name: "Transformation", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg", imageAlt: "Before and after haircut transformation"}, { - id: "gallery-3", - name: "Beard Work", - price: "£-", - imageSrc: "http://img.b2bpic.net/free-photo/mature-man-beard-close-up_23-2148465260.jpg", - imageAlt: "Detailed beard shaping", - }, + id: "gallery-3", name: "Beard Work", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-beard-close-up_23-2148465260.jpg", imageAlt: "Detailed beard shaping"}, { - id: "gallery-4", - name: "Textured Hair", - price: "£-", - imageSrc: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291871.jpg", - imageAlt: "Specialized textured hair cut", - }, + id: "gallery-4", name: "Textured Hair", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291871.jpg", imageAlt: "Specialized textured hair cut"}, { - id: "gallery-5", - name: "Shop Vibe", - price: "£-", - imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg", - imageAlt: "Interior of the X Barbers shop", - }, + id: "gallery-5", name: "Shop Vibe", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg", imageAlt: "Interior of the X Barbers shop"}, { - id: "gallery-6", - name: "Line Up Detail", - price: "£-", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-haircut-with-trimmer_23-2148256902.jpg", - imageAlt: "Close-up of a sharp hairline", - }, + id: "gallery-6", name: "Line Up Detail", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-haircut-with-trimmer_23-2148256902.jpg", imageAlt: "Close-up of a sharp hairline"}, ]} title="Our Craft in Focus" description="Witness the artistry and precision that defines X Barbers. From sharp fades to intricate beard work, our gallery showcases our dedication to perfection." @@ -292,29 +173,11 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "glen", - name: "Glen", - role: "Master Barber", - description: "Known for precision fades and loyal returning clients who trust his impeccable skill and consistent quality.", - imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", - imageAlt: "Portrait of Barber Glen", - }, + id: "glen", name: "Glen", role: "Master Barber", description: "Known for precision fades and loyal returning clients who trust his impeccable skill and consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Portrait of Barber Glen"}, { - id: "kojo", - name: "Kojo", - role: "Head Stylist", - description: "Trusted for clean trims and detailed finishing, Kojo's artistry ensures every client leaves with confidence.", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-hair-clippers-doing-yes-gesture_141793-117105.jpg", - imageAlt: "Portrait of Barber Kojo", - }, + id: "kojo", name: "Kojo", role: "Head Stylist", description: "Trusted for clean trims and detailed finishing, Kojo's artistry ensures every client leaves with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-hair-clippers-doing-yes-gesture_141793-117105.jpg", imageAlt: "Portrait of Barber Kojo"}, { - id: "richard", - name: "Richard", - role: "Precision Specialist", - description: "With an eye for detail and mastery in beard sculpting, Richard delivers sharp lines and tailored looks.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-painting-brush_23-2149529894.jpg", - imageAlt: "Portrait of Barber Richard", - }, + id: "richard", name: "Richard", role: "Precision Specialist", description: "With an eye for detail and mastery in beard sculpting, Richard delivers sharp lines and tailored looks.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-painting-brush_23-2149529894.jpg", imageAlt: "Portrait of Barber Richard"}, ]} title="Meet Our Master Barbers" description="Our skilled team is dedicated to perfection, bringing years of experience and a passion for crafting your ultimate style." @@ -326,14 +189,10 @@ export default function LandingPage() { useInvertedBackground={false} title="The Chair Fills Fast." description={[ - "Our reputation for elite cuts and a vibrant community means we’re often busy. Walk-ins are always welcome, but peak hours can get busy quickly.", - "For guaranteed availability and to secure your preferred barber, we highly recommend booking ahead. Don’t miss your slot for the X Barbers experience.", - ]} + "Our reputation for elite cuts and a vibrant community means we’re often busy. Walk-ins are always welcome, but peak hours can get busy quickly.", "For guaranteed availability and to secure your preferred barber, we highly recommend booking ahead. Don’t miss your slot for the X Barbers experience."]} buttons={[ { - text: "BOOK YOUR SLOT", - href: "#location", - }, + text: "BOOK YOUR SLOT", href: "#location"}, ]} /> @@ -345,27 +204,16 @@ export default function LandingPage() { description="Find X Barbers easily and step into an unparalleled grooming experience. We're open Monday-Saturday, 9 AM - 6 PM. Call us at +44 20 1234 5678 or connect on Instagram @XBarbersCroydon. Walk-ins are always welcome!" 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: "How can we help you?", - rows: 4, + name: "message", placeholder: "How can we help you?", rows: 4, }} imageSrc="http://img.b2bpic.net/free-photo/mustache-razors-white-background_23-2147736984.jpg" imageAlt="Map of X Barbers location in Croydon" @@ -382,54 +230,33 @@ export default function LandingPage() { logoText="X BARBERS" columns={[ { - title: "Explore", - items: [ + title: "Explore", items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, { - label: "Gallery", - href: "#gallery", - }, + label: "Gallery", href: "#gallery"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "Our Barbers", - href: "#barbers", - }, + label: "Our Barbers", href: "#barbers"}, { - label: "The Experience", - href: "#experience", - }, + label: "The Experience", href: "#experience"}, { - label: "Location", - href: "#location", - }, + label: "Location", href: "#location"}, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { - label: "Book Now", - href: "#location", - }, + label: "Book Now", href: "#location"}, { - label: "Instagram", - href: "https://instagram.com/XBarbersCroydon", - }, + label: "Instagram", href: "https://instagram.com/XBarbersCroydon"}, { - label: "Call Us", - href: "tel:+442012345678", - }, + label: "Call Us", href: "tel:+442012345678"}, ], }, ]}