Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Trev Cuts"
|
||||
/>
|
||||
@@ -55,17 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Sharp Cuts. Bold Vibes."
|
||||
description="At Trev Cuts, we redefine your style. Professional grooming in a space built for men who take pride in their look."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg"
|
||||
imageAlt="barber shop interior modern style"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -77,19 +66,13 @@ export default function LandingPage() {
|
||||
description="Trev Cuts is more than a barber shop—it's a sanctuary for precision grooming. Our master barbers combine traditional techniques with modern style."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Cuts Done",
|
||||
},
|
||||
value: "10k+", title: "Cuts Done"},
|
||||
{
|
||||
value: "15",
|
||||
title: "Years Exp",
|
||||
},
|
||||
value: "15", title: "Years Exp"},
|
||||
{
|
||||
value: "5*",
|
||||
title: "Reviews",
|
||||
},
|
||||
value: "5*", title: "Reviews"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -102,38 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hot Towel Shave",
|
||||
author: "Traditional",
|
||||
description: "Classic straight razor shave with relaxing hot towel treatment.",
|
||||
tags: [
|
||||
"Premium",
|
||||
"Shave",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Hot Towel Shave", author: "Traditional", description: "Classic straight razor shave with relaxing hot towel treatment.", tags: [
|
||||
"Premium", "Shave"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard Shaping",
|
||||
author: "Styling",
|
||||
description: "Tailored beard trims to enhance your jawline and facial structure.",
|
||||
tags: [
|
||||
"Style",
|
||||
"Grooming",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-trimming-beard-client_23-2147778819.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Beard Shaping", author: "Styling", description: "Tailored beard trims to enhance your jawline and facial structure.", tags: [
|
||||
"Style", "Grooming"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-trimming-beard-client_23-2147778819.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Precision Fades",
|
||||
author: "Expertise",
|
||||
description: "Expert skin fades tailored for your specific hair type.",
|
||||
tags: [
|
||||
"Sharp",
|
||||
"Fade",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Precision Fades", author: "Expertise", description: "Expert skin fades tailored for your specific hair type.", tags: [
|
||||
"Sharp", "Fade"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Premium grooming solutions for the modern man."
|
||||
@@ -147,36 +109,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Quick",
|
||||
price: "$30",
|
||||
subtitle: "Basic Grooming",
|
||||
features: [
|
||||
"Clean Cut",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "p1", badge: "Quick", price: "$30", subtitle: "Basic Grooming", features: [
|
||||
"Clean Cut", "Neck Shave"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Signature",
|
||||
price: "$50",
|
||||
subtitle: "The Trev Standard",
|
||||
features: [
|
||||
"Full Fade",
|
||||
"Beard Trim",
|
||||
"Hot Towel",
|
||||
],
|
||||
id: "p2", badge: "Signature", price: "$50", subtitle: "The Trev Standard", features: [
|
||||
"Full Fade", "Beard Trim", "Hot Towel"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Deluxe",
|
||||
price: "$75",
|
||||
subtitle: "Total Experience",
|
||||
features: [
|
||||
"Signature Cut",
|
||||
"Full Shave",
|
||||
"Face Massage",
|
||||
],
|
||||
id: "p3", badge: "Deluxe", price: "$75", subtitle: "Total Experience", features: [
|
||||
"Signature Cut", "Full Shave", "Face Massage"],
|
||||
},
|
||||
]}
|
||||
title="Pricing Packages"
|
||||
@@ -191,30 +133,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Lead Barbers",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Lead Barbers", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Trev",
|
||||
subtitle: "Founder",
|
||||
detail: "15 years of razor sharp skill.",
|
||||
},
|
||||
id: "m1", title: "Trev", subtitle: "Founder", detail: "15 years of razor sharp skill."},
|
||||
{
|
||||
id: "m2",
|
||||
title: "James",
|
||||
subtitle: "Master Fade Artist",
|
||||
detail: "Specialist in skin tapers.",
|
||||
},
|
||||
id: "m2", title: "James", subtitle: "Master Fade Artist", detail: "Specialist in skin tapers."},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Mike",
|
||||
subtitle: "Beard Architect",
|
||||
detail: "The king of beard shaping.",
|
||||
},
|
||||
id: "m3", title: "Mike", subtitle: "Beard Architect", detail: "The king of beard shaping."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-brunette-is-visiting-barbershop-care-about-his-beard_613910-15122.jpg",
|
||||
imageAlt: "Young attractive brunette is visiting a barbershop for a care about his beard.",
|
||||
},
|
||||
]}
|
||||
title="The Masters"
|
||||
@@ -228,60 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Jan 2024",
|
||||
title: "Best Fade",
|
||||
quote: "Trev gets it right every single time. Consistent sharpness.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-urban-bearded-male-posing-near-old-vintage-ladder-grey-background_613910-1293.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2",
|
||||
imageAlt: "happy male customer haircut barber",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "Jan 2024", title: "Best Fade", quote: "Trev gets it right every single time. Consistent sharpness.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-urban-bearded-male-posing-near-old-vintage-ladder-grey-background_613910-1293.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "happy male customer haircut barber"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam K.",
|
||||
date: "Dec 2023",
|
||||
title: "Top Notch",
|
||||
quote: "Professional, clean, and exactly what I asked for.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-shouting-shirtless-man-with-face-mask_23-2148692253.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg?_wi=2",
|
||||
imageAlt: "happy male customer haircut barber",
|
||||
},
|
||||
id: "2", name: "Sam K.", date: "Dec 2023", title: "Top Notch", quote: "Professional, clean, and exactly what I asked for.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-shouting-shirtless-man-with-face-mask_23-2148692253.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg", imageAlt: "happy male customer haircut barber"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
date: "Nov 2023",
|
||||
title: "The Only Shop",
|
||||
quote: "Don't go anywhere else. This is the place for real cuts.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg?_wi=2",
|
||||
imageAlt: "happy male customer haircut barber",
|
||||
},
|
||||
id: "3", name: "John D.", date: "Nov 2023", title: "The Only Shop", quote: "Don't go anywhere else. This is the place for real cuts.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", imageAlt: "happy male customer haircut barber"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris B.",
|
||||
date: "Oct 2023",
|
||||
title: "Great Vibe",
|
||||
quote: "Cool atmosphere and even cooler cuts.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-trimming-beard-client_23-2147778819.jpg?_wi=2",
|
||||
imageAlt: "happy male customer haircut barber",
|
||||
},
|
||||
id: "4", name: "Chris B.", date: "Oct 2023", title: "Great Vibe", quote: "Cool atmosphere and even cooler cuts.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylist-trimming-beard-client_23-2147778819.jpg", imageAlt: "happy male customer haircut barber"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dan W.",
|
||||
date: "Sep 2023",
|
||||
title: "Precision",
|
||||
quote: "Mike knows his way around a beard better than anyone.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-looking-away_23-2147955483.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg?_wi=2",
|
||||
imageAlt: "happy male customer haircut barber",
|
||||
},
|
||||
id: "5", name: "Dan W.", date: "Sep 2023", title: "Precision", quote: "Mike knows his way around a beard better than anyone.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-looking-away_23-2147955483.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg", imageAlt: "happy male customer haircut barber"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Real feedback from satisfied clients."
|
||||
@@ -294,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we highly recommend booking online.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking online."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Only if slots are available. Book ahead to be safe.",
|
||||
},
|
||||
id: "q2", title: "Do you accept walk-ins?", content: "Only if slots are available. Book ahead to be safe."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What payment methods do you take?",
|
||||
content: "We accept all major cards and cash.",
|
||||
},
|
||||
id: "q3", title: "What payment methods do you take?", content: "We accept all major cards and cash."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -319,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Cut"
|
||||
description="Ready for your next fresh look? Drop your email and we'll send the booking link."
|
||||
@@ -332,29 +203,19 @@ export default function LandingPage() {
|
||||
logoText="Trev Cuts"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user