bender/42944958-b258-4989-b0b3-1cc06615db31
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-18 09:18:47 +00:00
parent 7dca2c79c2 15eb9f9b90
commit d8cf53f88b
1 changed files with 50 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Scissors, ShieldCheck, Sparkles } from "lucide-react";
import { Scissors, ShieldCheck, Sparkles, MapPin, Phone, Mail, Clock } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,36 +32,16 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Modern Cut"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
@@ -69,73 +49,12 @@ export default function LandingPage() {
<HeroOverlayTestimonial
title="Master Your Style at Modern Cut"
description="Premium grooming services for the modern gentleman. Experience the perfect blend of traditional technique and modern precision."
testimonials={[
{
name: "Alex R.",
handle: "@alexcut",
testimonial: "Best fade I've ever had, hands down.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2383.jpg",
},
{
name: "Mark S.",
handle: "@marks",
testimonial: "Exceptional attention to detail and atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
},
{
name: "Tom D.",
handle: "@tomd",
testimonial: "Very professional and consistent quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
},
{
name: "John B.",
handle: "@johnb",
testimonial: "Great vibes, even better results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2150226072.jpg",
},
{
name: "Chris P.",
handle: "@chrisp",
testimonial: "My go-to barbershop in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/laughing-adult-man-watching-funny-movie_176420-18701.jpg",
},
]}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
testimonials={Array(25).fill({
name: "Customer", handle: "@client", testimonial: "Excellent fade and great hot towel shave experience. Very professional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2383.jpg"})}
buttons={[{ text: "Book Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/man-showing-scissors-close-up_23-2148353462.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7361.jpg",
alt: "Handsome bearded man at the barbershop barber at work",
},
{
src: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",
alt: "Barber makes haircut with cutting machine",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-trimmed-with-trimmer_107420-94787.jpg",
alt: "Close-up of man getting his hair trimmed with trimmer",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
alt: "Smiley business man outdoor",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3554.jpg",
alt: "Handsome man outdoors portrait",
},
]}
avatarText="Join 15,000+ satisfied clients"
avatarText="Join 25+ verified 5-star reviews"
/>
</div>
@@ -145,18 +64,9 @@ export default function LandingPage() {
title="Crafting Excellence Since 2015"
description="We believe a haircut is more than just maintenance; it's a statement. Our team combines classic barbering traditions with a modern approach to help you look your best."
metrics={[
{
value: "15k+",
title: "Happy Clients",
},
{
value: "500+",
title: "5-Star Reviews",
},
{
value: "10",
title: "Certified Barbers",
},
{ value: "25+", title: "5-Star Reviews" },
{ value: "10", title: "Expert Barbers" },
{ value: "5000+", title: "Happy Clients" },
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg"
mediaAnimation="slide-up"
@@ -170,24 +80,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Scissors,
title: "Precision Cuts",
description: "Customized haircuts tailored to your facial structure and hair type.",
},
{
icon: Sparkles,
title: "Beard Sculpting",
description: "Expert grooming to maintain your beard's shape and health.",
},
{
icon: ShieldCheck,
title: "Hot Towel Shave",
description: "Classic straight-razor shave with a rejuvenating hot towel finish.",
},
{ icon: Scissors, title: "Precision Fades", description: "High-end skin fades and tapers tailored to your style." },
{ icon: Sparkles, title: "Hot Towel Shave", description: "Rejuvenating classic shaves with premium essential oils." },
{ icon: ShieldCheck, title: "Beard Sculpting", description: "Professional maintenance for sharp beard contours." },
]}
title="Our Signature Services"
description="Elevate your look with our professional grooming services."
title="Our Professional Services"
description="Tailored grooming to keep you looking your best every day."
/>
</div>
@@ -198,67 +96,29 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$35",
subtitle: "Haircut only",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Consultation",
"Precision Cut",
"Wash & Style",
],
id: "basic", badge: "Essential", price: "$35", subtitle: "Haircut & Fade", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Consultation", "Precision Fade", "Style & Product"],
},
{
id: "premium",
badge: "Signature",
price: "$60",
subtitle: "Complete Grooming",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Haircut & Beard Sculpt",
"Hot Towel",
"Premium Product Finish",
],
id: "premium", badge: "Signature", price: "$60", subtitle: "Grooming Package", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Haircut", "Hot Towel Shave", "Beard Sculpt", "Scalp Treatment"],
},
]}
title="Transparent Pricing"
description="Premium services at competitive rates."
description="Quality service, upfront pricing."
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Meet Our Master Barbers"
tag="Expert Staff"
title="Our Master Barbers"
tag="Professional Team"
membersAnimation="slide-up"
members={[
{
id: "1",
name: "James Smith",
imageSrc: "http://img.b2bpic.net/free-photo/impressed-slavic-middle-aged-male-barber-uniform-holding-water-spray-bottle-isolated-orange-wall_141793-90706.jpg",
},
{
id: "2",
name: "Robert Chen",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
},
{
id: "3",
name: "David Miller",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-16032.jpg",
},
{ id: "1", name: "James Smith", imageSrc: "http://img.b2bpic.net/free-photo/impressed-slavic-middle-aged-male-barber-uniform-holding-water-spray-bottle-isolated-orange-wall_141793-90706.jpg" },
{ id: "2", name: "Robert Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
{ id: "3", name: "David Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-16032.jpg" },
]}
memberVariant="card"
/>
@@ -270,50 +130,12 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Creative",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
},
{
id: "2",
name: "Mark S.",
role: "Manager",
company: "Tech Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-hairstylist_23-2150754690.jpg",
},
{
id: "3",
name: "Tom D.",
role: "Architect",
company: "Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3236.jpg",
},
{
id: "4",
name: "John B.",
role: "Designer",
company: "Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hot-weather-vacations-travel-seasons-people-concept_343059-3601.jpg",
},
{
id: "5",
name: "Chris P.",
role: "Developer",
company: "Startup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-little-dog-city_1157-26767.jpg",
},
]}
title="What Our Clients Say"
description="See why our customers keep coming back."
testimonials={Array(5).fill({
id: "test", name: "Verified Client", role: "Member", company: "Modern Cut", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg"
})}
title="25+ Verified Reviews"
description="Rated 5 stars by our loyal patrons."
/>
</div>
@@ -322,24 +144,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do I need an appointment?",
content: "While we accept walk-ins, appointments are recommended to ensure availability.",
},
{
id: "2",
title: "What are your hours?",
content: "We are open Monday to Saturday, 9 AM - 7 PM.",
},
{
id: "3",
title: "Do you offer beard trims?",
content: "Yes, our grooming services include full beard sculpting and maintenance.",
},
{ id: "1", title: "What services do you specialize in?", content: "We specialize in precision skin fades, hot towel shaves, and comprehensive beard grooming services." },
{ id: "2", title: "Do I need to book?", content: "Appointments are highly recommended for our signature services like the hot towel shave, though we accept walk-ins." },
{ id: "3", title: "What are your hours?", content: "Monday - Friday: 9am - 8pm, Saturday: 9am - 6pm." },
]}
title="Common Questions"
description="Everything you need to know about our shop."
title="FAQ"
description="Everything about our barbershop."
faqsAnimation="slide-up"
/>
</div>
@@ -347,12 +157,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Ready for a trim?"
title="Book Your Appointment"
description="Let us take care of your grooming needs today."
background={{ variant: "gradient-bars" }}
tag="Book Now"
title="Schedule Your Visit"
description="We are located at 123 Barber St, Metro City. Call us at (555) 123-4567 or email at hello@moderncut.com."
/>
</div>
@@ -360,36 +168,13 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Modern Cut"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Fades", href: "#features" }, { label: "Shaves", href: "#features" }] },
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "tel:5551234567" }, { label: "hello@moderncut.com", href: "mailto:hello@moderncut.com" }] },
]}
copyrightText="© 2024 Modern Cut Barber Shop. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}