Merge version_1 into main #1
183
src/app/page.tsx
183
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="THE CLASSIC CUT"
|
||||
/>
|
||||
@@ -63,12 +45,7 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Precision Cuts & Classic Style."
|
||||
description="Experience the art of grooming in our timeless shop. Our master barbers ensure you leave looking sharp, confident, and ready for anything."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-dog-dressed-black-trousers-white-shirt_1304-3736.jpg"
|
||||
imageAlt="Professional Barber Shop Interior"
|
||||
/>
|
||||
@@ -79,21 +56,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Craft"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Expert Barbers",
|
||||
value: "8",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "5000+" },
|
||||
{ icon: Scissors, label: "Expert Barbers", value: "8" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,24 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Classic or contemporary, our cuts are tailored to your face shape.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "The ultimate grooming experience with traditional warm towel prep.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Sculpt, shape, and maintain your beard to absolute perfection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
},
|
||||
{ title: "Precision Haircut", description: "Classic or contemporary, our cuts are tailored to your face shape.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Hot Towel Shave", description: "The ultimate grooming experience with traditional warm towel prep.", bentoComponent: "reveal-icon", icon: Waves },
|
||||
{ title: "Beard Grooming", description: "Sculpt, shape, and maintain your beard to absolute perfection.", bentoComponent: "reveal-icon", icon: Smile },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Expert grooming tailored to your style."
|
||||
@@ -131,34 +81,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex P.",
|
||||
role: "Style Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus V.",
|
||||
role: "Senior Groomer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah K.",
|
||||
role: "Lead Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1823.jpg",
|
||||
},
|
||||
{ id: "1", name: "James R.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "2", name: "Alex P.", role: "Style Consultant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg" },
|
||||
{ id: "3", name: "Marcus V.", role: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg" },
|
||||
{ id: "4", name: "Sarah K.", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1823.jpg" },
|
||||
]}
|
||||
title="Meet the Crew"
|
||||
description="The hands behind the craft."
|
||||
@@ -171,34 +102,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "David W.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Best fade I have ever had. The attention to detail is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael S.",
|
||||
role: "Long-term client",
|
||||
testimonial: "Exceptional service, friendly crew, and the vibe is perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-with-beards-posing_23-2149615785.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brian K.",
|
||||
role: "New Customer",
|
||||
testimonial: "Finally found a barber who listens. I’ll definitely be back.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris B.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Professional, clean, and fast. The hot towel shave is a must.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-182309.jpg",
|
||||
},
|
||||
{ id: "1", name: "David W.", role: "Regular Client", testimonial: "Best fade I have ever had. The attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg" },
|
||||
{ id: "2", name: "Michael S.", role: "Long-term client", testimonial: "Exceptional service, friendly crew, and the vibe is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-with-beards-posing_23-2149615785.jpg" },
|
||||
{ id: "3", name: "Brian K.", role: "New Customer", testimonial: "Finally found a barber who listens. I’ll definitely be back.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg" },
|
||||
{ id: "4", name: "Chris B.", role: "Regular Client", testimonial: "Professional, clean, and fast. The hot towel shave is a must.", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-182309.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Don't just take our word for it."
|
||||
@@ -211,24 +118,10 @@ export default function LandingPage() {
|
||||
title="Book Your Seat"
|
||||
description="Ready to get looking sharp? Drop us a note or call us to reserve your time."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Preferred Date/Time",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Preferred Date/Time", required: true }}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -238,29 +131,15 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop Info",
|
||||
items: [
|
||||
{
|
||||
label: "123 Main St, New York",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "555-010-2020",
|
||||
href: "tel:5550102020",
|
||||
},
|
||||
title: "Shop Info", items: [
|
||||
{ label: "123 Main St, New York", href: "#" },
|
||||
{ label: "555-010-2020", href: "tel:5550102020" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Book Now", href: "#contact" },
|
||||
{ label: "Our Work", href: "#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user