Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -30,31 +30,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Xtreme Barbershop"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,98 +50,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Xtreme Cuts: Precision & Confidence"
|
||||
description="Book your next cut with our elite barbers. Walk-ins welcome, online appointments available."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Best haircut I've had in years. Professional and quick.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Best haircut I've had in years. Professional and quick.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Elite barbers that really know their craft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-face-roller-massage_23-2150180413.jpg",
|
||||
},
|
||||
name: "Mark S.", handle: "@marks", testimonial: "Elite barbers that really know their craft.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-face-roller-massage_23-2150180413.jpg"},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk",
|
||||
testimonial: "Great atmosphere, always consistent quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-getting-haircut_23-2149220548.jpg",
|
||||
},
|
||||
name: "Alex K.", handle: "@alexk", testimonial: "Great atmosphere, always consistent quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-getting-haircut_23-2149220548.jpg"},
|
||||
{
|
||||
name: "Ben T.",
|
||||
handle: "@bent",
|
||||
testimonial: "Clean shop, skilled hands. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
name: "Ben T.", handle: "@bent", testimonial: "Clean shop, skilled hands. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@saml",
|
||||
testimonial: "My go-to barbershop for a fresh look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-with-barber_23-2147778770.jpg",
|
||||
},
|
||||
name: "Sam L.", handle: "@saml", testimonial: "My go-to barbershop for a fresh look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-with-barber_23-2147778770.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-hairdryer_23-2148224312.jpg",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-hairdryer_23-2148224312.jpg", alt: "Happy client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg", alt: "Happy client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", alt: "Happy client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg", alt: "Happy client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-applying-eye-patch_23-2149206708.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-applying-eye-patch_23-2149206708.jpg", alt: "Happy client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
type: "text", text: "Professional"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Service",
|
||||
},
|
||||
type: "text", text: "Elite Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern",
|
||||
},
|
||||
type: "text", text: "Modern"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top Rated",
|
||||
},
|
||||
type: "text", text: "Top Rated"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,14 +108,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
type: "text", content: "Our Mission"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
|
||||
alt: "Barber shop workspace clean",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", alt: "Barber shop workspace clean"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,49 +122,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Classic and modern styling techniques.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircut", description: "Classic and modern styling techniques.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg?_wi=2",
|
||||
imageAlt: "beard trim scissors razor",
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "Relaxing, clean, and classic shave.",
|
||||
icon: Scissors,
|
||||
title: "Hot Towel Shave", description: "Relaxing, clean, and classic shave.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18629.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
|
||||
imageAlt: "beard trim scissors razor",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trimming and conditioning.",
|
||||
icon: Sparkles,
|
||||
title: "Beard Grooming", description: "Expert beard trimming and conditioning.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-giving-herself-scalp-massage_23-2151262272.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-giving-herself-scalp-massage_23-2151262272.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506246.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506246.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-combing-beard-isolated-purple-wall_141793-83491.jpg?_wi=1",
|
||||
imageAlt: "beard trim scissors razor",
|
||||
},
|
||||
]}
|
||||
title="Services"
|
||||
@@ -240,23 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-combing-beard-isolated-purple-wall_141793-83491.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Marcus", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-combing-beard-isolated-purple-wall_141793-83491.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-wall_141793-105655.jpg",
|
||||
},
|
||||
id: "2", name: "Elena", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-wall_141793-105655.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
},
|
||||
id: "3", name: "David", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg"},
|
||||
]}
|
||||
title="Elite Barbers"
|
||||
description="Meet the experts behind the chair."
|
||||
@@ -267,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready for your next cut? Book an appointment today and experience the Xtreme difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -285,25 +192,17 @@ export default function LandingPage() {
|
||||
logoText="Xtreme Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Haircuts", href: "#"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shaves", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user