From 4ba522eed7d4cd892fdfd2eed62d1c929c7825bb Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 20:35:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 318 +++++++++++------------------------------------ 1 file changed, 72 insertions(+), 246 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4214bc5..6367b9e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -157,7 +112,6 @@ export default function LandingPage() { @@ -168,52 +122,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts", - description: "Expert cuts tailored to your head shape and style preferences, ensuring a sharp and lasting look.", - bentoComponent: "reveal-icon", - icon: Scissors, - imageSrc: "http://img.b2bpic.net/free-photo/scissors-sketch-blackboard_1379-462.jpg", - imageAlt: "barber studio logo elegant", + title: "Precision Haircuts", description: "Expert cuts tailored to your head shape and style preferences, ensuring a sharp and lasting look.", bentoComponent: "reveal-icon", icon: Scissors, }, { - title: "Classic Shaves", - description: "Indulge in a traditional hot towel shave, leaving your skin smooth and refreshed.", - bentoComponent: "reveal-icon", - icon: Crop, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg?_wi=2", - imageAlt: "barber studio logo elegant", + title: "Classic Shaves", description: "Indulge in a traditional hot towel shave, leaving your skin smooth and refreshed.", bentoComponent: "reveal-icon", icon: Crop, }, { - title: "Beard Trims & Styling", - description: "From minor touch-ups to complete beard transformations, we sculpt your facial hair to perfection.", - bentoComponent: "reveal-icon", - icon: Crown, - imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg?_wi=1", - imageAlt: "barber studio logo elegant", + title: "Beard Trims & Styling", description: "From minor touch-ups to complete beard transformations, we sculpt your facial hair to perfection.", bentoComponent: "reveal-icon", icon: Crown, }, { - title: "High-Quality Products", - description: "We use and offer only the finest grooming products to complement your style and maintain hair health.", - bentoComponent: "reveal-icon", - icon: Droplet, - imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg?_wi=1", - imageAlt: "barber studio logo elegant", + title: "High-Quality Products", description: "We use and offer only the finest grooming products to complement your style and maintain hair health.", bentoComponent: "reveal-icon", icon: Droplet, }, { - title: "Relaxing Atmosphere", - description: "Enjoy a calm and welcoming environment designed for your comfort and relaxation.", - bentoComponent: "reveal-icon", - icon: Home, - imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg?_wi=1", - imageAlt: "barber studio logo elegant", + title: "Relaxing Atmosphere", description: "Enjoy a calm and welcoming environment designed for your comfort and relaxation.", bentoComponent: "reveal-icon", icon: Home, }, { - title: "Personalized Consultation", - description: "Every visit begins with a discussion to understand your needs and recommend the best options.", - bentoComponent: "reveal-icon", - icon: MessageSquare, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", - imageAlt: "barber studio logo elegant", + title: "Personalized Consultation", description: "Every visit begins with a discussion to understand your needs and recommend the best options.", bentoComponent: "reveal-icon", icon: MessageSquare, }, ]} title="Our Signature Services" @@ -228,58 +152,30 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic-cut", - badge: "Popular", - badgeIcon: Sparkles, - price: "$20", - subtitle: "Standard Haircut", - features: [ - "Precision cut", - "Professional finish", - "Quick service", - ], + id: "basic-cut", badge: "Popular", badgeIcon: Sparkles, + price: "$20", subtitle: "Standard Haircut", features: [ + "Precision cut", "Professional finish", "Quick service"], buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], }, { - id: "shave-beard", - badge: "Signature", - badgeIcon: Star, - price: "$15", - subtitle: "Beard Trim & Shave", - features: [ - "Hot towel treatment", - "Beard shaping", - "Aftershave balm", - ], + id: "shave-beard", badge: "Signature", badgeIcon: Star, + price: "$15", subtitle: "Beard Trim & Shave", features: [ + "Hot towel treatment", "Beard shaping", "Aftershave balm"], buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], }, { - id: "full-groom", - badge: "Premium", - badgeIcon: Crown, - price: "$35", - subtitle: "Full Grooming Package", - features: [ - "Precision cut", - "Classic shave", - "Beard styling", - "Hair wash & style", - ], + id: "full-groom", badge: "Premium", badgeIcon: Crown, + price: "$35", subtitle: "Full Grooming Package", features: [ + "Precision cut", "Classic shave", "Beard styling", "Hair wash & style"], buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], }, ]} @@ -296,26 +192,11 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "barber-1", - name: "Miguel Torres", - role: "Master Barber", - imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg?_wi=2", - imageAlt: "Portrait of Miguel Torres, a master barber", - }, + id: "barber-1", name: "Miguel Torres", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg", imageAlt: "Portrait of Miguel Torres, a master barber"}, { - id: "barber-2", - name: "Sofia Ramirez", - role: "Stylist Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg?_wi=2", - imageAlt: "Portrait of Sofia Ramirez, a stylist specialist", - }, + id: "barber-2", name: "Sofia Ramirez", role: "Stylist Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg", imageAlt: "Portrait of Sofia Ramirez, a stylist specialist"}, { - id: "barber-3", - name: "Carlos Soto", - role: "Apprentice Barber", - imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg?_wi=2", - imageAlt: "Portrait of Carlos Soto, an apprentice barber", - }, + id: "barber-3", name: "Carlos Soto", role: "Apprentice Barber", imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg", imageAlt: "Portrait of Carlos Soto, an apprentice barber"}, ]} title="Meet Our Master Barbers" description="Our team of experienced and passionate barbers are dedicated to mastering their craft and ensuring you leave looking and feeling your best." @@ -330,25 +211,15 @@ export default function LandingPage() { author="Oscar Jose Puertas - UTP" avatars={[ { - src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", - alt: "Client Sarah J.", - }, + src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client Sarah J."}, { - src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", - alt: "Client Michael C.", - }, + src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", alt: "Client Michael C."}, { - src: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", - alt: "Client Emily R.", - }, + src: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", alt: "Client Emily R."}, { - src: "http://img.b2bpic.net/free-photo/gray-haired-man_1321-1051.jpg", - alt: "Client David K.", - }, + src: "http://img.b2bpic.net/free-photo/gray-haired-man_1321-1051.jpg", alt: "Client David K."}, { - src: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg", - alt: "Client Jessica L.", - }, + src: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg", alt: "Client Jessica L."}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -360,30 +231,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "How do I book an appointment?", - content: "You can easily book your appointment online through our website's booking system or by calling us directly during business hours.", - }, + id: "faq-1", title: "How do I book an appointment?", content: "You can easily book your appointment online through our website's booking system or by calling us directly during business hours."}, { - id: "faq-2", - title: "Do you accept walk-ins?", - content: "While we highly recommend booking an appointment to ensure availability, we do accept walk-ins based on our barbers' schedules. Please call ahead for best results.", - }, + id: "faq-2", title: "Do you accept walk-ins?", content: "While we highly recommend booking an appointment to ensure availability, we do accept walk-ins based on our barbers' schedules. Please call ahead for best results."}, { - id: "faq-3", - title: "What products do you use?", - content: "We proudly use a selection of premium grooming products from industry-leading brands, chosen for their quality and effectiveness. Our barbers can recommend products tailored to your hair and skin type.", - }, + id: "faq-3", title: "What products do you use?", content: "We proudly use a selection of premium grooming products from industry-leading brands, chosen for their quality and effectiveness. Our barbers can recommend products tailored to your hair and skin type."}, { - id: "faq-4", - title: "Can I request a specific barber?", - content: "Yes, you can request your preferred barber when booking your appointment online or over the phone, subject to their availability.", - }, + id: "faq-4", title: "Can I request a specific barber?", content: "Yes, you can request your preferred barber when booking your appointment online or over the phone, subject to their availability."}, { - id: "faq-5", - title: "What are your operating hours?", - content: "We are open Monday to Saturday from 9 AM to 9 PM. Sundays are by appointment only.", - }, + id: "faq-5", title: "What are your operating hours?", content: "We are open Monday to Saturday from 9 AM to 9 PM. Sundays are by appointment only."}, ]} sideTitle="Frequently Asked Questions" faqsAnimation="slide-up" @@ -397,27 +253,16 @@ export default function LandingPage() { description="Ready for a fresh look? Schedule your appointment with our expert barbers. We look forward to seeing 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: "Phone Number", - }, + name: "phone", type: "tel", placeholder: "Phone Number"}, ]} textarea={{ - name: "message", - placeholder: "Your Message (Optional)", - rows: 4, + name: "message", placeholder: "Your Message (Optional)", rows: 4, }} imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg" imageAlt="Interior of a vibrant barber shop with empty chairs" @@ -431,50 +276,31 @@ export default function LandingPage() {