Update src/app/page.tsx
This commit is contained in:
226
src/app/page.tsx
226
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
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="Clean Cut"
|
||||
/>
|
||||
@@ -56,102 +46,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Cuts for the Modern Man"
|
||||
description="Experience the ultimate grooming service at Clean Cut. We blend classic techniques with modern style to help you look your best."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "Best haircut I've had in years. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169629.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior dark mood",
|
||||
},
|
||||
name: "James R.", handle: "@jamesr", testimonial: "Best haircut I've had in years. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169629.jpg", imageAlt: "barbershop interior dark mood"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Clean Cut is my go-to shop. Consistently great service and vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior dark mood",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Clean Cut is my go-to shop. Consistently great service and vibe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg", imageAlt: "barbershop interior dark mood"},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@saml",
|
||||
testimonial: "Finally found a barber who listens. Fantastic experience every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-shaver_1150-6525.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior dark mood",
|
||||
},
|
||||
name: "Sam L.", handle: "@saml", testimonial: "Finally found a barber who listens. Fantastic experience every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-shaver_1150-6525.jpg", imageAlt: "barbershop interior dark mood"},
|
||||
{
|
||||
name: "Tom K.",
|
||||
handle: "@tomk",
|
||||
testimonial: "Classy atmosphere, professional barbers. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior dark mood",
|
||||
},
|
||||
name: "Tom K.", handle: "@tomk", testimonial: "Classy atmosphere, professional barbers. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg", imageAlt: "barbershop interior dark mood"},
|
||||
{
|
||||
name: "Pete W.",
|
||||
handle: "@petew",
|
||||
testimonial: "The precision and care at Clean Cut are on another level.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior dark mood",
|
||||
},
|
||||
name: "Pete W.", handle: "@petew", testimonial: "The precision and care at Clean Cut are on another level.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg", imageAlt: "barbershop interior dark mood"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169629.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169629.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Client avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", alt: "Client avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg", alt: "Client avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg", alt: "Client avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg",
|
||||
alt: "Client avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/developer-worried-by-conscious-artificial-intelligence-dooming-humanity-closeup_482257-93603.jpg", alt: "Client avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Style",
|
||||
},
|
||||
type: "text", text: "Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
type: "text", text: "Professional"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic",
|
||||
},
|
||||
type: "text", text: "Classic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Grooming",
|
||||
},
|
||||
type: "text", text: "Grooming"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,20 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Customized haircuts tailored to your specific style and hair type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg?_wi=2",
|
||||
},
|
||||
title: "Precision Haircut", description: "Customized haircuts tailored to your specific style and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg"},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "A classic barbershop experience for a clean, smooth, and relaxing shave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-shaver_1150-6525.jpg?_wi=2",
|
||||
},
|
||||
title: "Hot Towel Shave", description: "A classic barbershop experience for a clean, smooth, and relaxing shave.", imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-shaver_1150-6525.jpg"},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trimming and shaping to maintain your best look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=2",
|
||||
},
|
||||
title: "Beard Grooming", description: "Expert beard trimming and shaping to maintain your best look.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic cuts to modern styles, our barbers deliver exceptional grooming services tailored to you."
|
||||
@@ -191,20 +124,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riviera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alex Riviera", imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan Smith", imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -212,49 +136,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client 1",
|
||||
handle: "@c1",
|
||||
testimonial: "Excellent shop!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
|
||||
},
|
||||
id: "1", name: "Client 1", handle: "@c1", testimonial: "Excellent shop!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client 2",
|
||||
handle: "@c2",
|
||||
testimonial: "Very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg",
|
||||
},
|
||||
id: "2", name: "Client 2", handle: "@c2", testimonial: "Very professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client 3",
|
||||
handle: "@c3",
|
||||
testimonial: "Highly skilled barbers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
id: "3", name: "Client 3", handle: "@c3", testimonial: "Highly skilled barbers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client 4",
|
||||
handle: "@c4",
|
||||
testimonial: "Great attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
id: "4", name: "Client 4", handle: "@c4", testimonial: "Great attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client 5",
|
||||
handle: "@c5",
|
||||
testimonial: "My new regular spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg",
|
||||
},
|
||||
id: "5", name: "Client 5", handle: "@c5", testimonial: "My new regular spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -266,8 +166,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reserve Your Seat"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a fresh cut? Send us your email, and our team will be in touch to confirm your booking time."
|
||||
@@ -281,42 +180,27 @@ export default function LandingPage() {
|
||||
logoText="Clean Cut"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user