From f6a1cebf73c7f1cc3a6fd3ad4f8185e94f29dc1d Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 25 Mar 2026 20:18:05 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 346 ++++++++++------------------------------------- 1 file changed, 74 insertions(+), 272 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 2f866ae..9223f10 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import TeamCardTwo from '@/components/sections/team/TeamCardTwo'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; -import { Sparkles } from "lucide-react"; +import { Sparkles, CalendarDays } from "lucide-react"; export default function LandingPage() { return ( @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -68,19 +54,14 @@ export default function LandingPage() {
@@ -110,41 +88,17 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Alex R.", - handle: "@alexr_cuts", - testimonial: "Best cut I’ve ever had. Prime Barber Co. is always consistent and the attention to detail is unmatched. Super easy booking process too!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-friendly-excited-handsome-man-with-fair-hair-earrings_176420-24882.jpg", - imageAlt: "Client Alex R.", - }, + id: "1", name: "Alex R.", handle: "@alexr_cuts", testimonial: "Best cut I’ve ever had. Prime Barber Co. is always consistent and the attention to detail is unmatched. Super easy booking process too!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-friendly-excited-handsome-man-with-fair-hair-earrings_176420-24882.jpg", imageAlt: "Client Alex R."}, { - id: "2", - name: "Mark J.", - handle: "@markj_groom", - testimonial: "Finding a reliable barber can be tough, but Prime Barber Co. consistently delivers. The online booking is a game-changer – quick and hassle-free.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1740.jpg", - imageAlt: "Client Mark J.", - }, + id: "2", name: "Mark J.", handle: "@markj_groom", testimonial: "Finding a reliable barber can be tough, but Prime Barber Co. consistently delivers. The online booking is a game-changer – quick and hassle-free.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1740.jpg", imageAlt: "Client Mark J."}, { - id: "3", - name: "Chris B.", - handle: "@chrisb_style", - testimonial: "Always a fresh look and an enjoyable experience. The atmosphere is top-notch, and my barber always understands exactly what I want. Highly recommend!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-young-caucasian-woman-with-pretty-face-thinking-about-something-while-sitting-front-portable-laptop-computer-coffee-shop_273609-532.jpg", - imageAlt: "Client Chris B.", - }, + id: "3", name: "Chris B.", handle: "@chrisb_style", testimonial: "Always a fresh look and an enjoyable experience. The atmosphere is top-notch, and my barber always understands exactly what I want. Highly recommend!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-young-caucasian-woman-with-pretty-face-thinking-about-something-while-sitting-front-portable-laptop-computer-coffee-shop_273609-532.jpg", imageAlt: "Client Chris B."}, { - id: "4", - name: "David L.", - handle: "@davidl_fresh", - testimonial: "The easiest booking experience I've ever had for a barbershop. My cuts are always sharp, and I walk out feeling confident every time.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-face_23-2149137906.jpg", - imageAlt: "Client David L.", - }, + id: "4", name: "David L.", handle: "@davidl_fresh", testimonial: "The easiest booking experience I've ever had for a barbershop. My cuts are always sharp, and I walk out feeling confident every time.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-face_23-2149137906.jpg", imageAlt: "Client David L."}, ]} showRating={true} title="Trusted by Our Clients" @@ -160,65 +114,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "Prime Barber Co.", - name: "Sharp Fade", - price: "View Services", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/carpenter-measuring_23-2147773360.jpg", - imageAlt: "Sharp fade haircut with clean lines", - }, + id: "p1", brand: "Prime Barber Co.", name: "Sharp Fade", price: "View Services", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-measuring_23-2147773360.jpg", imageAlt: "Sharp fade haircut with clean lines"}, { - id: "p2", - brand: "Prime Barber Co.", - name: "Classic Pompadour", - price: "View Services", - rating: 5, - reviewCount: "95", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", - imageAlt: "Classic pompadour hairstyle", - }, + id: "p2", brand: "Prime Barber Co.", name: "Classic Pompadour", price: "View Services", rating: 5, + reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", imageAlt: "Classic pompadour hairstyle"}, { - id: "p3", - brand: "Prime Barber Co.", - name: "Precision Beard Trim", - price: "View Services", - rating: 5, - reviewCount: "80", - imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg", - imageAlt: "Precision beard trim", - }, + id: "p3", brand: "Prime Barber Co.", name: "Precision Beard Trim", price: "View Services", rating: 5, + reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg", imageAlt: "Precision beard trim"}, { - id: "p4", - brand: "Prime Barber Co.", - name: "Skin Fade", - price: "View Services", - rating: 5, - reviewCount: "110", - imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-showing-hairdressers-tools_23-2148181923.jpg", - imageAlt: "High skin fade haircut", - }, + id: "p4", brand: "Prime Barber Co.", name: "Skin Fade", price: "View Services", rating: 5, + reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-showing-hairdressers-tools_23-2148181923.jpg", imageAlt: "High skin fade haircut"}, { - id: "p5", - brand: "Prime Barber Co.", - name: "Textured Crop", - price: "View Services", - rating: 5, - reviewCount: "75", - imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-5156.jpg", - imageAlt: "Textured crop haircut with volume", - }, + id: "p5", brand: "Prime Barber Co.", name: "Textured Crop", price: "View Services", rating: 5, + reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-5156.jpg", imageAlt: "Textured crop haircut with volume"}, { - id: "p6", - brand: "Prime Barber Co.", - name: "Hot Towel Shave", - price: "View Services", - rating: 5, - reviewCount: "60", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-applying-shaving-foam_273609-22147.jpg", - imageAlt: "Traditional hot towel shave", - }, + id: "p6", brand: "Prime Barber Co.", name: "Hot Towel Shave", price: "View Services", rating: 5, + reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-applying-shaving-foam_273609-22147.jpg", imageAlt: "Traditional hot towel shave"}, ]} title="Our Craft. Your Confidence." description="Explore our gallery of precision cuts, fades, and beard work, showcasing the skill and artistry behind every style." @@ -232,76 +144,29 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "haircut", - tag: "Standard", - price: "$40", - period: "30 min", - description: "Our classic haircut service, tailored to your style.", - button: { - text: "Book Now", - href: "https://primebarberco.square.site/s/appointments", - }, - featuresTitle: "Includes:", - features: [ - "Consultation", - "Precision Cut", - "Hot Lather Neck Shave", - "Style Finish", - ], + id: "haircut", tag: "Standard", price: "$40", period: "30 min", description: "Our classic haircut service, tailored to your style.", button: { + text: "Book Now", href: "https://primebarberco.square.site/s/appointments"}, + featuresTitle: "Includes:", features: [ + "Consultation", "Precision Cut", "Hot Lather Neck Shave", "Style Finish"], }, { - id: "haircut-beard", - tag: "Popular", - price: "$50", - period: "30 min", - description: "Combine your cut with a meticulous beard trim and line-up.", - button: { - text: "Book Now", - href: "https://primebarberco.square.site/s/appointments", - }, - featuresTitle: "Includes:", - features: [ - "Haircut", - "Beard Trim & Line-up", - "Hot Lather Neck Shave", - "Style Finish", - ], + id: "haircut-beard", tag: "Popular", price: "$50", period: "30 min", description: "Combine your cut with a meticulous beard trim and line-up.", button: { + text: "Book Now", href: "https://primebarberco.square.site/s/appointments"}, + featuresTitle: "Includes:", features: [ + "Haircut", "Beard Trim & Line-up", "Hot Lather Neck Shave", "Style Finish"], }, { - id: "beard-trim", - tag: "Quick Groom", - price: "$25", - period: "30 min", - description: "A quick and clean trim to keep your beard looking its best.", - button: { - text: "Book Now", - href: "https://primebarberco.square.site/s/appointments", - }, - featuresTitle: "Includes:", - features: [ - "Beard Trim", - "Line-up", - "Hot Lather Finish", - ], + id: "beard-trim", tag: "Quick Groom", price: "$25", period: "30 min", description: "A quick and clean trim to keep your beard looking its best.", button: { + text: "Book Now", href: "https://primebarberco.square.site/s/appointments"}, + featuresTitle: "Includes:", features: [ + "Beard Trim", "Line-up", "Hot Lather Finish"], }, { - id: "sunday-haircut", - tag: "Exclusive", - tagIcon: Sparkles, - price: "$100", - period: "1 hr", - description: "Premium Sunday service for a focused, unhurried experience.", - button: { - text: "Book Now", - href: "https://primebarberco.square.site/s/appointments", - }, - featuresTitle: "Includes:", - features: [ - "Extended Consultation", - "Master Haircut", - "Luxurious Hot Towel Treatment", - "Full Style & Product Application", - ], + id: "sunday-haircut", tag: "Exclusive", tagIcon: Sparkles, + price: "$100", period: "1 hr", description: "Premium Sunday service for a focused, unhurried experience.", button: { + text: "Book Now", href: "https://primebarberco.square.site/s/appointments"}, + featuresTitle: "Includes:", features: [ + "Extended Consultation", "Master Haircut", "Luxurious Hot Towel Treatment", "Full Style & Product Application"], }, ]} title="Our Signature Services" @@ -317,87 +182,45 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "eric", - name: "Eric Hurtado", - role: "Owner & Master Barber", - description: "With over 15 years of experience, Eric specializes in fades, classic cuts, and bringing out the best in every client's style.", - imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", - imageAlt: "Portrait of Eric Hurtado, Owner of Prime Barber Co.", - socialLinks: [ + id: "eric", name: "Eric Hurtado", role: "Owner & Master Barber", description: "With over 15 years of experience, Eric specializes in fades, classic cuts, and bringing out the best in every client's style.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", imageAlt: "Portrait of Eric Hurtado, Owner of Prime Barber Co.", socialLinks: [ { icon: CalendarDays, - url: "https://book.squareup.com/appointments/4jjxtumgouec11/location/DFYNKZ3JTCBC2/services", - }, + url: "https://book.squareup.com/appointments/4jjxtumgouec11/location/DFYNKZ3JTCBC2/services"}, ], }, { - id: "jon", - name: "Jon Rodriguez", - role: "Barber / SMP Certified", - description: "Jon is an expert in modern styles, detailed beard work, and is certified in Scalp Micropigmentation (SMP).", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg", - imageAlt: "Portrait of Jon Rodriguez, Barber / SMP Certified", - socialLinks: [ + id: "jon", name: "Jon Rodriguez", role: "Barber / SMP Certified", description: "Jon is an expert in modern styles, detailed beard work, and is certified in Scalp Micropigmentation (SMP).", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg", imageAlt: "Portrait of Jon Rodriguez, Barber / SMP Certified", socialLinks: [ { icon: CalendarDays, - url: "https://booksy.com/en-us/598649_jon-rodriguez-jrod-fades_barber-shop_134610_fort-worth", - }, + url: "https://booksy.com/en-us/598649_jon-rodriguez-jrod-fades_barber-shop_134610_fort-worth"}, ], }, { - id: "joaquin", - name: "Joaquin Munoz", - role: "Barber", - description: "Known for his precision and sharp line-ups, Joaquin ensures every cut is flawless and tailored to perfection.", - imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-combing-his-beard-isolated-purple-with-copy-space_141793-76922.jpg", - imageAlt: "Portrait of Joaquin Munoz, Barber", - socialLinks: [ + id: "joaquin", name: "Joaquin Munoz", role: "Barber", description: "Known for his precision and sharp line-ups, Joaquin ensures every cut is flawless and tailored to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-combing-his-beard-isolated-purple-with-copy-space_141793-76922.jpg", imageAlt: "Portrait of Joaquin Munoz, Barber", socialLinks: [ { icon: CalendarDays, - url: "https://jm-101029.square.site/", - }, + url: "https://jm-101029.square.site/"}, ], }, { - id: "berto", - name: "Berto Ibarra", - role: "Barber", - description: "Berto's passion for grooming shines through in his detailed fades and personalized client approach. Your style is in capable hands.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", - imageAlt: "Portrait of Berto Ibarra, Barber", - socialLinks: [ + id: "berto", name: "Berto Ibarra", role: "Barber", description: "Berto's passion for grooming shines through in his detailed fades and personalized client approach. Your style is in capable hands.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", imageAlt: "Portrait of Berto Ibarra, Barber", socialLinks: [ { icon: CalendarDays, - url: "https://getsquire.com/booking/book/prime-barber-co-fort-worth/barber/berto-ibarra/services", - }, + url: "https://getsquire.com/booking/book/prime-barber-co-fort-worth/barber/berto-ibarra/services"}, ], }, { - id: "marc", - name: "Marc", - role: "Barber", - description: "With a keen eye for modern trends, Marc delivers fresh and stylish cuts that elevate your look.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket-baseball-cap_613910-10288.jpg", - imageAlt: "Portrait of Marc, Barber", - socialLinks: [ + id: "marc", name: "Marc", role: "Barber", description: "With a keen eye for modern trends, Marc delivers fresh and stylish cuts that elevate your look.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-bearded-male-dressed-jacket-baseball-cap_613910-10288.jpg", imageAlt: "Portrait of Marc, Barber", socialLinks: [ { icon: CalendarDays, - url: "https://bookbarbermarc99.square.site/", - }, + url: "https://bookbarbermarc99.square.site/"}, ], }, { - id: "solomon", - name: "Solomon", - role: "Barber", - description: "Solomon prides himself on meticulous craftsmanship and creating a comfortable, relaxing experience for every client.", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dark-grey-background_613910-2144.jpg", - imageAlt: "Portrait of Solomon, Barber", - socialLinks: [ + id: "solomon", name: "Solomon", role: "Barber", description: "Solomon prides himself on meticulous craftsmanship and creating a comfortable, relaxing experience for every client.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dark-grey-background_613910-2144.jpg", imageAlt: "Portrait of Solomon, Barber", socialLinks: [ { icon: CalendarDays, - url: "https://booksy.com/en-us/863227_solomonthebarber_barber-shop_134610_fort-worth", - }, + url: "https://booksy.com/en-us/863227_solomonthebarber_barber-shop_134610_fort-worth"}, ], }, ]} @@ -411,9 +234,7 @@ export default function LandingPage() { useInvertedBackground={false} title="Precision, Style, Trust" description={[ - "At Prime Barber Co., we're not just cutting hair—we're crafting confidence. Our commitment to precision, consistent quality, and a professional environment ensures every visit exceeds expectations.", - "We believe a great haircut is more than just a service; it's an experience. Step into our world where classic techniques meet modern styles, all tailored to your unique look.", - ]} + "At Prime Barber Co., we're not just cutting hair—we're crafting confidence. Our commitment to precision, consistent quality, and a professional environment ensures every visit exceeds expectations.", "We believe a great haircut is more than just a service; it's an experience. Step into our world where classic techniques meet modern styles, all tailored to your unique look."]} showBorder={false} /> @@ -428,6 +249,7 @@ export default function LandingPage() { title="Find Prime Barber Co." description="Visit us for an unparalleled grooming experience. Walk-ins welcome, appointments preferred. \n\n**Address:** 123 Prime St, Fort Worth, TX 76102\n**Phone:** (817) 555-1234\n**Hours:** Tue-Sat: 10AM - 7PM, Sun-Mon: Closed" faqsAnimation="opacity" + faqs={[]} /> @@ -437,53 +259,33 @@ export default function LandingPage() { { items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, { - label: "Barbers", - href: "#barbers", - }, + label: "Barbers", href: "#barbers"}, { - label: "Gallery", - href: "#portfolio", - }, + label: "Gallery", href: "#portfolio"}, ], }, { items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Contact", - href: "#location-contact", - }, + label: "Contact", href: "#location-contact"}, { - label: "Book Now", - href: "https://primebarberco.square.site/s/appointments", - }, + label: "Book Now", href: "https://primebarberco.square.site/s/appointments"}, ], }, { items: [ { - label: "Instagram", - href: "https://instagram.com/primebarberco", - }, + label: "Instagram", href: "https://instagram.com/primebarberco"}, { - label: "Facebook", - href: "https://facebook.com/primebarberco", - }, + label: "Facebook", href: "https://facebook.com/primebarberco"}, { - label: "Twitter", - href: "https://twitter.com/primebarberco", - }, + label: "Twitter", href: "https://twitter.com/primebarberco"}, ], }, ]}