Merge version_1 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Barbers", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jaca's Barber Shop"
|
||||
/>
|
||||
@@ -57,62 +47,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Crafting Excellence at Jaca's Barber Shop"
|
||||
description="Experience the timeless tradition of master barbering in the heart of the city. Precision cuts, hot towel shaves, and unrivaled style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg"
|
||||
imageAlt="Jaca's Barber Shop interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
type: "text", text: "Classic Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styling",
|
||||
},
|
||||
type: "text", text: "Modern Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
type: "text", text: "Beard Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "Premium Products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored haircuts designed to complement your unique style and facial structure.",
|
||||
},
|
||||
title: "Precision Cuts", description: "Tailored haircuts designed to complement your unique style and facial structure."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave",
|
||||
description: "Relax with our premium straight-razor shave experience, featuring warm towels and luxury oils.",
|
||||
},
|
||||
title: "Hot Towel Shave", description: "Relax with our premium straight-razor shave experience, featuring warm towels and luxury oils."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trimming, shaping, and conditioning for a perfectly refined look.",
|
||||
},
|
||||
title: "Beard Grooming", description: "Expert beard trimming, shaping, and conditioning for a perfectly refined look."},
|
||||
]}
|
||||
title="Mastery of Style"
|
||||
description="From classic cuts to modern fades and signature beard grooming, we prioritize attention to detail in every service."
|
||||
@@ -151,33 +112,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Our Professionals",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Our Professionals", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Jaca",
|
||||
subtitle: "Founder & Master Barber",
|
||||
detail: "Over 15 years of experience in classic barbering techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", title: "Jaca", subtitle: "Founder & Master Barber", detail: "Over 15 years of experience in classic barbering techniques.", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Marco",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Specialist in modern fades and intricate beard grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=1",
|
||||
},
|
||||
id: "m2", title: "Marco", subtitle: "Senior Stylist", detail: "Specialist in modern fades and intricate beard grooming.", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Leo",
|
||||
subtitle: "Barber",
|
||||
detail: "Passionately focused on every detail for a perfect finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-barber-wearing-uniform-keeping-hand-chin-looking-front-isolated-green-wall-with-copy-space_141793-110167.jpg?_wi=1",
|
||||
},
|
||||
id: "m3", title: "Leo", subtitle: "Barber", detail: "Passionately focused on every detail for a perfect finish.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-barber-wearing-uniform-keeping-hand-chin-looking-front-isolated-green-wall-with-copy-space_141793-110167.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg?_wi=2",
|
||||
imageAlt: "barber shop interior premium",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Barbers"
|
||||
@@ -191,60 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rodriguez",
|
||||
date: "Jan 2024",
|
||||
title: "Best in town!",
|
||||
quote: "The hot towel shave here is unmatched. Absolute attention to detail.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
|
||||
imageAlt: "barber cutting hair with scissors",
|
||||
},
|
||||
id: "1", name: "Alex Rodriguez", date: "Jan 2024", title: "Best in town!", quote: "The hot towel shave here is unmatched. Absolute attention to detail.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", imageAlt: "barber cutting hair with scissors"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben Smith",
|
||||
date: "Dec 2023",
|
||||
title: "Excellent service",
|
||||
quote: "Professional, clean, and incredibly precise. My go-to shop.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=2",
|
||||
imageAlt: "professional barber portrait",
|
||||
},
|
||||
id: "2", name: "Ben Smith", date: "Dec 2023", title: "Excellent service", quote: "Professional, clean, and incredibly precise. My go-to shop.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", imageAlt: "professional barber portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris Taylor",
|
||||
date: "Nov 2023",
|
||||
title: "Perfect fade",
|
||||
quote: "Jaca is a master of his craft. Highly recommend for any style.",
|
||||
tag: "First Timer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=2",
|
||||
imageAlt: "barber at work portrait",
|
||||
},
|
||||
id: "3", name: "Chris Taylor", date: "Nov 2023", title: "Perfect fade", quote: "Jaca is a master of his craft. Highly recommend for any style.", tag: "First Timer", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg", imageAlt: "barber at work portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Classic atmosphere",
|
||||
quote: "Really appreciate the old-school barber shop feel mixed with high quality.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-barber-wearing-uniform-keeping-hand-chin-looking-front-isolated-green-wall-with-copy-space_141793-110167.jpg?_wi=2",
|
||||
imageAlt: "friendly barber portrait",
|
||||
},
|
||||
id: "4", name: "David Miller", date: "Oct 2023", title: "Classic atmosphere", quote: "Really appreciate the old-school barber shop feel mixed with high quality.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-barber-wearing-uniform-keeping-hand-chin-looking-front-isolated-green-wall-with-copy-space_141793-110167.jpg", imageAlt: "friendly barber portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan Hunt",
|
||||
date: "Sep 2023",
|
||||
title: "Top tier grooming",
|
||||
quote: "The team here clearly cares about their work. Phenomenal results.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageAlt: "happy client portrait",
|
||||
},
|
||||
id: "5", name: "Ethan Hunt", date: "Sep 2023", title: "Top tier grooming", quote: "The team here clearly cares about their work. Phenomenal results.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageAlt: "happy client portrait"},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="What our guests say about Jaca's Barber Shop experience."
|
||||
@@ -255,14 +152,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready for your next visit? Book your seat today and secure your spot in our chair."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "tel:555-123-4567",
|
||||
},
|
||||
text: "Book Appointment", href: "tel:555-123-4567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,25 +165,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "123 Main St, City",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Main St, City", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 9am - 7pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Sat: 9am - 7pm", href: "#"},
|
||||
{
|
||||
label: "Sun: By Appointment",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sun: By Appointment", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user