Merge version_1 into main #2
143
src/app/page.tsx
143
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Our Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fatboys Barbershop"
|
||||
/>
|
||||
@@ -52,38 +44,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Style, Fresh Cuts."
|
||||
description="At Fatboys Barbershop, we blend traditional techniques with modern grooming to keep you looking your best. Sit back, relax, and let our experts handle the details."
|
||||
tag="Premier Barbershop in Town"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg?_wi=1",
|
||||
imageAlt: "Barber workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg", imageAlt: "Barber workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=1",
|
||||
imageAlt: "Barber cutting hair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg?_wi=1",
|
||||
imageAlt: "Professional grooming setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-facial-treatment_107420-65199.jpg?_wi=1",
|
||||
imageAlt: "Clean hot towel service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=1",
|
||||
imageAlt: "Master barber at work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "Barber cutting hair"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,26 +71,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Classic Haircut",
|
||||
description: "Professional haircut tailored to your style and hair type.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Classic Haircut", description: "Professional haircut tailored to your style and hair type.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trimming, shaping, and conditioning for a sharp look.",
|
||||
tag: "Essentials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg?_wi=2",
|
||||
},
|
||||
id: "s2", title: "Beard Grooming", description: "Expert beard trimming, shaping, and conditioning for a sharp look.", tag: "Essentials", imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Straight Razor Shave",
|
||||
description: "Traditional hot towel treatment and a clean, close shave.",
|
||||
tag: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-facial-treatment_107420-65199.jpg?_wi=2",
|
||||
},
|
||||
id: "s3", title: "Straight Razor Shave", description: "Traditional hot towel treatment and a clean, close shave.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-facial-treatment_107420-65199.jpg"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="From classic cuts to precision shaves, we use premium tools and products for every service."
|
||||
@@ -132,23 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex 'Fatboy' Smith",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alex 'Fatboy' Smith", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Lee",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-offering-brush-camera-smiling_141793-37155.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan Lee", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-offering-brush-camera-smiling_141793-37155.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Taylor",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1740.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam Taylor", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1740.jpg"},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Experienced professionals dedicated to your style."
|
||||
@@ -160,30 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
|
||||
},
|
||||
id: "c1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Mark Evans",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg",
|
||||
},
|
||||
id: "c2", name: "Mark Evans", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg"},
|
||||
{
|
||||
id: "c3",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-shirt-showing-thumb-up_171337-15577.jpg",
|
||||
},
|
||||
id: "c3", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-shirt-showing-thumb-up_171337-15577.jpg"},
|
||||
{
|
||||
id: "c4",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
|
||||
},
|
||||
id: "c4", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg"},
|
||||
{
|
||||
id: "c5",
|
||||
name: "Mike Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg?_wi=2",
|
||||
},
|
||||
id: "c5", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -195,14 +126,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready for your next cut? Book an appointment today or swing by the shop. Walk-ins are always welcome!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call to Book: (555) 123-4567", href: "tel:5551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -211,38 +139,25 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Haircuts", href: "#"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shaves", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "123 Barber St, City",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Barber St, City", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user