bender/05f7d57c-64a3-4abb-b2e9-e78f9b4c2b14
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-01 13:18:42 +00:00
parent e3e26cd7ec de801abc28
commit 8110bf31ba
1 changed files with 64 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import { Briefcase, Crop, Crown, Droplet, Feather, Ruler, Scissors, Sparkles, Star, Users } from "lucide-react";
import { Briefcase, Crop, Crown, Droplet, Feather, Ruler, Scissors, Sparkles, Star, Users, Brush, Razor, Cream, Trim } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,30 +32,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
brandName="Sharp Cuts"
/>
</div>
@@ -63,73 +51,48 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Experience the Classic Cut"
description="Precision grooming and timeless style for the modern gentleman. Step into Sharp Cuts and rediscover your best look."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
imageAlt="A stylish barber shop interior with a classic barber chair."
mediaAnimation="opacity"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
alt: "Happy client review",
},
src: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", alt: "Happy client review"},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
alt: "Satisfied customer testimonial",
},
src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", alt: "Satisfied customer testimonial"},
{
src: "http://img.b2bpic.net/free-photo/delivery-man-wearing-red-uniform-cap-making-silence-gesture-with-hand-doing-like-closing-mouth-with-zipper-sanding-purple-wall_141793-13111.jpg",
alt: "Regular client avatar",
},
src: "http://img.b2bpic.net/free-photo/delivery-man-wearing-red-uniform-cap-making-silence-gesture-with-hand-doing-like-closing-mouth-with-zipper-sanding-purple-wall_141793-13111.jpg", alt: "Regular client avatar"},
{
src: "http://img.b2bpic.net/free-photo/feeling-successful-satisfied-smiling-with-mouth-wide-open-making-okay-sign-with-hand_1194-413786.jpg",
alt: "New customer smiling",
},
src: "http://img.b2bpic.net/free-photo/feeling-successful-satisfied-smiling-with-mouth-wide-open-making-okay-sign-with-hand_1194-413786.jpg", alt: "New customer smiling"},
{
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling-using-tablet-outside_169016-25260.jpg",
alt: "Loyal patron",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling-using-tablet-outside_169016-25260.jpg", alt: "Loyal patron"},
]}
avatarText="Trusted by over 10,000 satisfied clients."
marqueeItems={[
{
type: "text-icon",
text: "Fresh Cut",
icon: Scissors,
type: "text-icon", text: "Fresh Cut", icon: Scissors,
},
{
type: "text-icon",
text: "Sharp Shave",
icon: Crop,
type: "text-icon", text: "Sharp Shave", icon: Crop,
},
{
type: "text-icon",
text: "Beard Trim",
icon: Feather,
type: "text-icon", text: "Beard Trim", icon: Feather,
},
{
type: "text-icon",
text: "Expert Team",
icon: Users,
type: "text-icon", text: "Expert Team", icon: Users,
},
{
type: "text-icon",
text: "Client Favorite",
icon: Star,
type: "text-icon", text: "Client Favorite", icon: Star,
},
]}
/>
@@ -139,7 +102,6 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Crafting Style Since 2005"
description="Sharp Cuts isn't just a barber shop; it's a legacy. With over 15 years of dedication, we combine traditional techniques with modern trends to give you the perfect look every time. Our commitment to excellence ensures every visit is an experience in tailored grooming and relaxation."
/>
</div>
@@ -150,79 +112,52 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "Expertly crafted haircuts tailored to your head shape, hair type, and personal style. Includes a refreshing wash and precise styling.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg",
imageAlt: "Barber cutting hair with clippers",
},
title: "Precision Haircuts", description: "Expertly crafted haircuts tailored to your head shape, hair type, and personal style. Includes a refreshing wash and precise styling.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg", imageAlt: "Barber cutting hair with clippers"},
items: [
{
icon: Scissors,
text: "Custom Style Consultation",
},
text: "Custom Style Consultation"},
{
icon: Ruler,
text: "Sharp Lines & Fades",
},
text: "Sharp Lines & Fades"},
{
icon: Brush,
text: "Complimentary Hair Wash",
},
text: "Complimentary Hair Wash"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=2",
imageAlt: "barber cutting man's hair close up",
},
{
title: "Luxury Hot Lather Shaves",
description: "Indulge in our traditional hot lather shave experience. A straight razor finish leaves your skin incredibly smooth and refreshed.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
imageAlt: "Barber performing a hot lather shave",
},
title: "Luxury Hot Lather Shaves", description: "Indulge in our traditional hot lather shave experience. A straight razor finish leaves your skin incredibly smooth and refreshed.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg", imageAlt: "Barber performing a hot lather shave"},
items: [
{
icon: Droplet,
text: "Warm Towel Treatment",
},
text: "Warm Towel Treatment"},
{
icon: Razor,
text: "Precision Straight Razor",
},
text: "Precision Straight Razor"},
{
icon: Cream,
text: "Soothing Aftershave Balm",
},
text: "Soothing Aftershave Balm"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",
imageAlt: "barber cutting man's hair close up",
},
{
title: "Beard Trims & Styling",
description: "Keep your beard looking its best with our professional trimming, shaping, and conditioning services. Perfect for any length or style.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-tattooed-arms-dressed-plaid-flannel-shirt-sits-chair-dark-grey-background_613910-16042.jpg?_wi=1",
imageAlt: "Barber trimming a man's beard",
},
title: "Beard Trims & Styling", description: "Keep your beard looking its best with our professional trimming, shaping, and conditioning services. Perfect for any length or style.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-tattooed-arms-dressed-plaid-flannel-shirt-sits-chair-dark-grey-background_613910-16042.jpg", imageAlt: "Barber trimming a man's beard"},
items: [
{
icon: Trim,
text: "Custom Beard Shaping",
},
text: "Custom Beard Shaping"},
{
icon: Feather,
text: "Deep Conditioning Treatment",
},
text: "Deep Conditioning Treatment"},
{
icon: Star,
text: "Styling Product Finish",
},
text: "Styling Product Finish"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=1",
imageAlt: "barber cutting man's hair close up",
},
]}
title="Our Signature Services"
@@ -237,61 +172,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Classic",
badgeIcon: Crown,
price: "$30",
subtitle: "Essential Grooming",
buttons: [
id: "basic", badge: "Classic", badgeIcon: Crown,
price: "$30", subtitle: "Essential Grooming", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Haircut",
"Hot Lather Neck Shave",
"Basic Styling",
],
"Precision Haircut", "Hot Lather Neck Shave", "Basic Styling"],
},
{
id: "premium",
badge: "Premium",
badgeIcon: Sparkles,
price: "$55",
subtitle: "Signature Experience",
buttons: [
id: "premium", badge: "Premium", badgeIcon: Sparkles,
price: "$55", subtitle: "Signature Experience", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Haircut",
"Full Hot Lather Face Shave",
"Beard Trim & Shape",
"Hair Wash & Condition",
],
"Precision Haircut", "Full Hot Lather Face Shave", "Beard Trim & Shape", "Hair Wash & Condition"],
},
{
id: "executive",
badge: "Executive",
badgeIcon: Briefcase,
price: "$80",
subtitle: "Ultimate Refinement",
buttons: [
id: "executive", badge: "Executive", badgeIcon: Briefcase,
price: "$80", subtitle: "Ultimate Refinement", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Haircut",
"Full Hot Lather Face Shave",
"Beard Trim & Shape",
"Scalp Massage & Hair Treatment",
"Signature Styling",
],
"Precision Haircut", "Full Hot Lather Face Shave", "Beard Trim & Shape", "Scalp Massage & Hair Treatment", "Signature Styling"],
},
]}
title="Our Service Packages"
@@ -306,36 +211,14 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "barber-team",
groupTitle: "Our Expert Team",
members: [
id: "barber-team", groupTitle: "Our Expert Team", members: [
{
id: "barber-1",
title: "Mark 'The Clipper' Johnson",
subtitle: "Lead Barber & Founder",
detail: "With over 20 years of experience, Mark is a true master of classic and contemporary cuts. His attention to detail is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-tattooed-arms-dressed-plaid-flannel-shirt-sits-chair-dark-grey-background_613910-16042.jpg?_wi=2",
imageAlt: "Mark Johnson, Lead Barber",
},
id: "barber-1", title: "Mark 'The Clipper' Johnson", subtitle: "Lead Barber & Founder", detail: "With over 20 years of experience, Mark is a true master of classic and contemporary cuts. His attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-tattooed-arms-dressed-plaid-flannel-shirt-sits-chair-dark-grey-background_613910-16042.jpg", imageAlt: "Mark Johnson, Lead Barber"},
{
id: "barber-2",
title: "Sarah 'The Blade' Lee",
subtitle: "Senior Stylist",
detail: "Sarah brings a fresh, modern approach to grooming, specializing in fades, beard artistry, and creative styling. Always up-to-date with trends.",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=2",
imageAlt: "Sarah Lee, Senior Stylist",
},
id: "barber-2", title: "Sarah 'The Blade' Lee", subtitle: "Senior Stylist", detail: "Sarah brings a fresh, modern approach to grooming, specializing in fades, beard artistry, and creative styling. Always up-to-date with trends.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Sarah Lee, Senior Stylist"},
{
id: "barber-3",
title: "David 'The Smooth' Kim",
subtitle: "Grooming Specialist",
detail: "David is renowned for his luxurious hot lather shaves and meticulous beard grooming, ensuring every client leaves feeling refreshed.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-25986.jpg",
imageAlt: "David Kim, Grooming Specialist",
},
id: "barber-3", title: "David 'The Smooth' Kim", subtitle: "Grooming Specialist", detail: "David is renowned for his luxurious hot lather shaves and meticulous beard grooming, ensuring every client leaves feeling refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-25986.jpg", imageAlt: "David Kim, Grooming Specialist"},
],
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg?_wi=3",
imageAlt: "professional barber smiling portrait",
},
]}
title="Meet Our Master Barbers"
@@ -349,77 +232,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex R.",
date: "May 10, 2024",
title: "Best Barber in Town!",
quote: "I've been coming to Sharp Cuts for years. The attention to detail is incredible, and I always leave feeling fresh and confident. Highly recommend!",
tag: "Haircut",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
avatarAlt: "Alex R. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94785.jpg",
imageAlt: "Alex R. after haircut",
},
id: "1", name: "Alex R.", date: "May 10, 2024", title: "Best Barber in Town!", quote: "I've been coming to Sharp Cuts for years. The attention to detail is incredible, and I always leave feeling fresh and confident. Highly recommend!", tag: "Haircut", avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", avatarAlt: "Alex R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94785.jpg", imageAlt: "Alex R. after haircut"},
{
id: "2",
name: "Ben T.",
date: "April 28, 2024",
title: "Perfect Shave Every Time",
quote: "The hot lather shave is a true experience. It's relaxing and leaves my skin perfectly smooth. Best shave I've had in a long time!",
tag: "Shave",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera-against-grey-wall_23-2148130316.jpg",
avatarAlt: "Ben T. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-foam-his-face-razor-his-hands-pink-background_140725-68435.jpg",
imageAlt: "Ben T. after shave",
},
id: "2", name: "Ben T.", date: "April 28, 2024", title: "Perfect Shave Every Time", quote: "The hot lather shave is a true experience. It's relaxing and leaves my skin perfectly smooth. Best shave I've had in a long time!", tag: "Shave", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera-against-grey-wall_23-2148130316.jpg", avatarAlt: "Ben T. avatar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-foam-his-face-razor-his-hands-pink-background_140725-68435.jpg", imageAlt: "Ben T. after shave"},
{
id: "3",
name: "Chris L.",
date: "March 15, 2024",
title: "My Go-To for Grooming",
quote: "From beard trims to styling advice, Sharp Cuts always delivers. They truly understand men's grooming and make you look your best.",
tag: "Beard Trim",
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-sitting-sofa-with-colleague-while-dreamily-looking-aside-modern-coworking-space_574295-5103.jpg",
avatarAlt: "Chris L. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-armchair-has-rest-after-work-with-beer-bottle-his-hand_613910-18605.jpg",
imageAlt: "Chris L. after beard trim",
},
id: "3", name: "Chris L.", date: "March 15, 2024", title: "My Go-To for Grooming", quote: "From beard trims to styling advice, Sharp Cuts always delivers. They truly understand men's grooming and make you look your best.", tag: "Beard Trim", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-sitting-sofa-with-colleague-while-dreamily-looking-aside-modern-coworking-space_574295-5103.jpg", avatarAlt: "Chris L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-armchair-has-rest-after-work-with-beer-bottle-his-hand_613910-18605.jpg", imageAlt: "Chris L. after beard trim"},
{
id: "4",
name: "Daniel P.",
date: "February 20, 2024",
title: "Consistent Quality",
quote: "I appreciate the consistent quality of service here. Every barber is skilled, and the atmosphere is always welcoming. A great spot.",
tag: "Haircut",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831088.jpg",
avatarAlt: "Daniel P. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg",
imageAlt: "Daniel P. after haircut",
},
id: "4", name: "Daniel P.", date: "February 20, 2024", title: "Consistent Quality", quote: "I appreciate the consistent quality of service here. Every barber is skilled, and the atmosphere is always welcoming. A great spot.", tag: "Haircut", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831088.jpg", avatarAlt: "Daniel P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg", imageAlt: "Daniel P. after haircut"},
{
id: "5",
name: "Ethan K.",
date: "January 5, 2024",
title: "Fantastic Experience",
quote: "The entire experience, from booking to leaving with a fresh cut, is fantastic. Professional, friendly, and top-tier talent.",
tag: "Full Service",
avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-pretty-blond-woman-wearing-orange-glasses-with-backpack_291650-490.jpg",
avatarAlt: "Ethan K. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44252.jpg",
imageAlt: "Ethan K. after full service",
},
id: "5", name: "Ethan K.", date: "January 5, 2024", title: "Fantastic Experience", quote: "The entire experience, from booking to leaving with a fresh cut, is fantastic. Professional, friendly, and top-tier talent.", tag: "Full Service", avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-pretty-blond-woman-wearing-orange-glasses-with-backpack_291650-490.jpg", avatarAlt: "Ethan K. avatar", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44252.jpg", imageAlt: "Ethan K. after full service"},
{
id: "6",
name: "Frank S.",
date: "December 12, 2023",
title: "Highly Recommend!",
quote: "My first time here, and definitely not my last. The barber listened to exactly what I wanted and executed it perfectly. Very impressed.",
tag: "New Client",
avatarSrc: "http://img.b2bpic.net/free-photo/man-winking-with-thumb-up_1187-3347.jpg",
avatarAlt: "Frank S. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283290.jpg",
imageAlt: "Frank S. after new haircut",
},
id: "6", name: "Frank S.", date: "December 12, 2023", title: "Highly Recommend!", quote: "My first time here, and definitely not my last. The barber listened to exactly what I wanted and executed it perfectly. Very impressed.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/man-winking-with-thumb-up_1187-3347.jpg", avatarAlt: "Frank S. avatar", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283290.jpg", imageAlt: "Frank S. after new haircut"},
]}
title="What Our Clients Say"
description="Don't just take our word for it. Hear from our many satisfied customers who trust Sharp Cuts for their grooming needs."
@@ -433,27 +256,16 @@ export default function LandingPage() {
description="Ready for a fresh look? Schedule your visit with us today. Fill out the form below or call us to secure your spot."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your desired service or any special requests...",
rows: 4,
name: "message", placeholder: "Tell us about your desired service or any special requests...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"
imageAlt="Empty classic barber chair in a stylish barber shop"
@@ -467,13 +279,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Sharp Cuts"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>