bender/1c3dc563-8dff-4480-820a-00b080e388e3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-25 20:18:05 +00:00
parent 9a05a4fdec
commit f6a1cebf73
1 changed files with 74 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

346
src/app/page.tsx
View File

@@ -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() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Book",
id: "booking",
},
name: "Book", id: "booking"},
{
name: "Work",
id: "portfolio",
},
name: "Work", id: "portfolio"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Barbers",
id: "barbers",
},
name: "Barbers", id: "barbers"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "location-contact",
},
name: "Contact", id: "location-contact"},
]}
brandName="Prime Barber Co."
/>
@@ -68,19 +54,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="Book Your Next Cut in 30 Seconds."
description="No waiting. No back and forth. Lock in your appointment instantly and get the look you want—on your schedule."
buttons={[
{
text: "Book Now — Takes 30 Seconds",
href: "https://primebarberco.square.site/s/appointments",
},
text: "Book Now — Takes 30 Seconds", href: "https://primebarberco.square.site/s/appointments"},
{
text: "View Our Work",
href: "#portfolio",
},
text: "View Our Work", href: "#portfolio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-chair-hairdresser-with-client-guy-drinkig-whiskey_1157-43568.jpg"
imageAlt="Modern barbershop interior with a barber working"
@@ -91,14 +72,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Takes less than 30 seconds. Skip the wait—book instantly. Ready to Look Sharp? Secure your appointment in seconds."
buttons={[
{
text: "Lock In Your Spot",
href: "https://primebarberco.square.site/s/appointments",
},
text: "Lock In Your Spot", href: "https://primebarberco.square.site/s/appointments"},
]}
/>
</div>
@@ -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}
/>
</div>
@@ -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={[]}
/>
</div>
@@ -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"},
],
},
]}