From 910476d0fb0d2776bfc17c0a5241f5e045f0a61f Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 04:04:36 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 338 +++++++++++------------------------------------ 1 file changed, 78 insertions(+), 260 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index faab758..2aa72a5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,33 +34,19 @@ export default function LandingPage() { @@ -69,73 +55,48 @@ export default function LandingPage() {
@@ -148,21 +109,15 @@ export default function LandingPage() { description="At Buisness-Romana, we're more than just a barbershop – we're a community hub where tradition meets trend. With a 4.8-star rating from over 2,800 clients, our commitment to quality, customer satisfaction, and a welcoming atmosphere is unmatched. We pride ourselves on creating personalized grooming experiences that leave you feeling refreshed and looking your best. Our address: 2822 N 32nd St, Phoenix, AZ 85008." metrics={[ { - value: "4.8", - title: "Client Rating", - }, + value: "4.8", title: "Client Rating"}, { - value: "2800+", - title: "Happy Customers", - }, + value: "2800+", title: "Happy Customers"}, { - value: "10+", - title: "Years Experience", - }, + value: "10+", title: "Years Experience"}, ]} imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg" imageAlt="Interior of Buisness-Romana barbershop with clients" - mediaAnimation="reveal-blur" + mediaAnimation="blur-reveal" metricsAnimation="slide-up" />
@@ -175,29 +130,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Classic Haircut", - description: "Timeless style and precision cut, tailored to your preference.", - imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555177.jpg", - imageAlt: "Classic men's haircut with scissors", - }, + title: "Classic Haircut", description: "Timeless style and precision cut, tailored to your preference.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555177.jpg", imageAlt: "Classic men's haircut with scissors"}, { - title: "Modern Fade", - description: "Sharp lines and seamless blends for a contemporary look.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-waiting-haircut_23-2148353468.jpg", - imageAlt: "Barber styling a modern fade haircut", - }, + title: "Modern Fade", description: "Sharp lines and seamless blends for a contemporary look.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-waiting-haircut_23-2148353468.jpg", imageAlt: "Barber styling a modern fade haircut"}, { - title: "Beard Trim & Shape", - description: "Expert grooming to sculpt and perfect your beard, hot towel finish.", - imageSrc: "http://img.b2bpic.net/free-photo/man-closes-his-eyes-while-barber-shapes-his-black-beard_1304-2778.jpg", - imageAlt: "Man getting a beard trim", - }, + title: "Beard Trim & Shape", description: "Expert grooming to sculpt and perfect your beard, hot towel finish.", imageSrc: "http://img.b2bpic.net/free-photo/man-closes-his-eyes-while-barber-shapes-his-black-beard_1304-2778.jpg", imageAlt: "Man getting a beard trim"}, { - title: "Luxurious Hot Shave", - description: "A relaxing, traditional hot towel shave for ultimate smoothness.", - imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", - imageAlt: "Barber giving a hot towel shave", - }, + title: "Luxurious Hot Shave", description: "A relaxing, traditional hot towel shave for ultimate smoothness.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", imageAlt: "Barber giving a hot towel shave"}, ]} title="Our Signature Services" description="From classic cuts to modern fades, beard trims to hot shaves – discover a service tailored just for you. Our expert barbers use only premium products for a superior grooming experience." @@ -211,58 +150,29 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "classic", - badge: "Standard", - price: "$35", - subtitle: "Classic Haircut & Style", - buttons: [ + id: "classic", badge: "Standard", price: "$35", subtitle: "Classic Haircut & Style", buttons: [ { - text: "Book Classic", - href: "#contact", - }, + text: "Book Classic", href: "#contact"}, ], features: [ - "Precision Haircut", - "Hot Lather Neck Shave", - "Basic Styling", - ], + "Precision Haircut", "Hot Lather Neck Shave", "Basic Styling"], }, { - id: "signature", - badge: "Popular", - badgeIcon: Sparkles, - price: "$55", - subtitle: "Signature Cut & Beard Trim", - buttons: [ + id: "signature", badge: "Popular", badgeIcon: Sparkles, + price: "$55", subtitle: "Signature Cut & Beard Trim", buttons: [ { - text: "Book Signature", - href: "#contact", - }, + text: "Book Signature", href: "#contact"}, ], features: [ - "Precision Haircut", - "Deluxe Beard Trim & Line Up", - "Hot Towel Finish", - "Premium Styling Product", - ], + "Precision Haircut", "Deluxe Beard Trim & Line Up", "Hot Towel Finish", "Premium Styling Product"], }, { - id: "executive", - badge: "Premium", - price: "$80", - subtitle: "Executive Grooming Package", - buttons: [ + id: "executive", badge: "Premium", price: "$80", subtitle: "Executive Grooming Package", buttons: [ { - text: "Book Executive", - href: "#contact", - }, + text: "Book Executive", href: "#contact"}, ], features: [ - "Precision Haircut", - "Luxurious Hot Shave", - "Facial Massage", - "Premium Styling & Product", - ], + "Precision Haircut", "Luxurious Hot Shave", "Facial Massage", "Premium Styling & Product"], }, ]} title="Your Style, Your Investment" @@ -277,23 +187,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "metric-1", - icon: Award, - title: "Expert Craftsmanship", - value: "10+ Years", - }, + id: "metric-1", icon: Award, + title: "Expert Craftsmanship", value: "10+ Years"}, { - id: "metric-2", - icon: Star, - title: "Client Satisfaction", - value: "4.8/5 Stars", - }, + id: "metric-2", icon: Star, + title: "Client Satisfaction", value: "4.8/5 Stars"}, { - id: "metric-3", - icon: Users, - title: "Trusted Community", - value: "2800+ Clients", - }, + id: "metric-3", icon: Users, + title: "Trusted Community", value: "2800+ Clients"}, ]} title="The Romana Difference" description="Our commitment to excellence shines through every detail. Experience the best in Phoenix, where quality and customer satisfaction are our top priorities." @@ -308,59 +209,23 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "John Doe", - role: "Regular Customer", - company: "Loyal Client", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-clothes-posing-blue-sea_158538-2320.jpg", - imageAlt: "Happy client John Doe", - }, + id: "t1", name: "John Doe", role: "Regular Customer", company: "Loyal Client", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-clothes-posing-blue-sea_158538-2320.jpg", imageAlt: "Happy client John Doe"}, { - id: "t2", - name: "Michael Chen", - role: "New Client", - company: "Phoenix Resident", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-3320.jpg", - imageAlt: "Happy client Michael Chen", - }, + id: "t2", name: "Michael Chen", role: "New Client", company: "Phoenix Resident", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-3320.jpg", imageAlt: "Happy client Michael Chen"}, { - id: "t3", - name: "Emily Rodriguez", - role: "Local Business Owner", - company: "Local Business", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", - imageAlt: "Happy client Emily Rodriguez", - }, + id: "t3", name: "Emily Rodriguez", role: "Local Business Owner", company: "Local Business", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "Happy client Emily Rodriguez"}, { - id: "t4", - name: "David Kim", - role: "First-time Visitor", - company: "First Timer", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", - imageAlt: "Happy client David Kim", - }, + id: "t4", name: "David Kim", role: "First-time Visitor", company: "First Timer", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", imageAlt: "Happy client David Kim"}, { - id: "t5", - name: "Sarah Johnson", - role: "Satisfied Customer", - company: "Repeat Visitor", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", - imageAlt: "Satisfied Customer Sarah Johnson", - }, + id: "t5", name: "Sarah Johnson", role: "Satisfied Customer", company: "Repeat Visitor", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "Satisfied Customer Sarah Johnson"}, { - id: "t6", - name: "Chris Miller", - role: "Dedicated Client", - company: "Long-term Client", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg", - imageAlt: "Dedicated Client Chris Miller", - }, + id: "t6", name: "Chris Miller", role: "Dedicated Client", company: "Long-term Client", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg", imageAlt: "Dedicated Client Chris Miller"}, ]} title="What Our Clients Say" description="Don't just take our word for it. Hear from our loyal customers who trust Buisness-Romana with their style and experience." @@ -372,14 +237,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "4.8 Star Rating", - "Trusted Barbers", - "Phoenix's Finest", - "Community Favorite", - "Expert Craftsmanship", - "Premium Products", - "Hygiene Certified", - ]} + "4.8 Star Rating", "Trusted Barbers", "Phoenix's Finest", "Community Favorite", "Expert Craftsmanship", "Premium Products", "Hygiene Certified"]} title="Committed to Excellence" description="Our reputation is built on consistent quality, exceptional service, and a dedication to our craft, earning the trust of the Phoenix community." /> @@ -391,25 +249,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "What are your business hours?", - content: "We are open from 10 AM to 6 PM, Monday through Saturday. We are closed on Sundays.", - }, + id: "faq-1", title: "What are your business hours?", content: "We are open from 10 AM to 6 PM, Monday through Saturday. We are closed on Sundays."}, { - id: "faq-2", - title: "Where are you located?", - content: "You can find us at 2822 N 32nd St, Phoenix, AZ 85008.", - }, + id: "faq-2", title: "Where are you located?", content: "You can find us at 2822 N 32nd St, Phoenix, AZ 85008."}, { - id: "faq-3", - title: "How do I book an appointment?", - content: "You can easily book online via our 'Book Now' section on this page, or give us a call at (480) 754-9418 during business hours.", - }, + id: "faq-3", title: "How do I book an appointment?", content: "You can easily book online via our 'Book Now' section on this page, or give us a call at (480) 754-9418 during business hours."}, { - id: "faq-4", - title: "Do you accept walk-ins?", - content: "While appointments are highly recommended to ensure availability, we do accept walk-ins based on barber availability. Feel free to call ahead!", - }, + id: "faq-4", title: "Do you accept walk-ins?", content: "While appointments are highly recommended to ensure availability, we do accept walk-ins based on barber availability. Feel free to call ahead!"}, ]} title="Got Questions? We've Got Answers." description="Find quick answers to the most common questions about Buisness-Romana and our services, location, and booking process." @@ -421,8 +267,7 @@ export default function LandingPage() {