bender/dc67ea47-793a-4e92-bb03-cc337bb4ff6d
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-04-22 20:14:03 +00:00
parent 541db8c51c 1e1a95b13a
commit 417986edf5
1 changed files with 66 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Elite Grooming"
/>
@@ -56,111 +48,64 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Elite Grooming for the Modern Gentleman"
description="Experience the pinnacle of grooming where luxury meets precision. Our professional master barbers provide bespoke cuts in a sophisticated, private environment designed for the discerning individual."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1",
imageAlt: "Luxury barber interior 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Luxury barber interior 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=1",
imageAlt: "Luxury barber interior 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "Luxury barber interior 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
imageAlt: "Luxury barber interior 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", imageAlt: "Luxury barber interior 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg",
imageAlt: "Luxury barber interior 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg", imageAlt: "Luxury barber interior 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg",
imageAlt: "Luxury barber interior 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", imageAlt: "Luxury barber interior 5"},
{
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg",
imageAlt: "Luxury barber interior 6",
},
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg", imageAlt: "Luxury barber interior 6"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
imageAlt: "Barber chair 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", imageAlt: "Barber chair 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg",
imageAlt: "Barber chair 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg", imageAlt: "Barber chair 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg",
imageAlt: "Barber chair 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg", imageAlt: "Barber chair 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg",
imageAlt: "Barber chair 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg", imageAlt: "Barber chair 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
imageAlt: "Barber chair 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", imageAlt: "Barber chair 5"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg",
imageAlt: "Barber chair 6",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", imageAlt: "Barber chair 6"},
]}
buttons={[
{
text: "Book Your Session",
href: "#contact",
},
text: "Book Your Session", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg",
alt: "Barber master tools",
},
src: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", alt: "Barber master tools"},
{
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
alt: "Luxury salon chair",
},
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Luxury salon chair"},
{
src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4429.jpg",
alt: "Stylist at work",
},
src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4429.jpg", alt: "Stylist at work"},
{
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
alt: "Beard grooming session",
},
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Beard grooming session"},
{
src: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg",
alt: "Hot towel treatment",
},
src: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", alt: "Hot towel treatment"},
]}
marqueeItems={[
{
type: "text",
text: "Precision",
},
type: "text", text: "Precision"},
{
type: "text",
text: "Luxury",
},
type: "text", text: "Luxury"},
{
type: "text",
text: "Craftsmanship",
},
type: "text", text: "Craftsmanship"},
{
type: "text",
text: "Timeless",
},
type: "text", text: "Timeless"},
{
type: "text",
text: "Elite",
},
type: "text", text: "Elite"},
]}
/>
</div>
@@ -170,9 +115,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Where Artistry Meets Grooming"
description={[
"Founded on the principles of traditional craftsmanship and modern aesthetic, we provide an unparalleled grooming sanctuary.",
"Our master barbers blend timeless techniques with contemporary style to create the perfect look for your individual personality.",
]}
"Founded on the principles of traditional craftsmanship and modern aesthetic, we provide an unparalleled grooming sanctuary.", "Our master barbers blend timeless techniques with contemporary style to create the perfect look for your individual personality."]}
/>
</div>
@@ -183,49 +126,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Cuts",
description: "Classic and modern styling techniques tailored to your facial structure and hair type.",
icon: Scissors,
title: "Precision Cuts", description: "Classic and modern styling techniques tailored to your facial structure and hair type.", icon: Scissors,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102215.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102215.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2",
imageAlt: "haircut styling professional barber",
},
{
title: "Royal Shaving",
description: "Hot towel therapy followed by a professional straight razor shave for the ultimate smoothness.",
icon: Sparkles,
title: "Royal Shaving", description: "Hot towel therapy followed by a professional straight razor shave for the ultimate smoothness.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273897.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273897.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=2",
imageAlt: "haircut styling professional barber",
},
{
title: "Beard Sculpting",
description: "Detailed beard shaping and maintenance designed to highlight your sharpest features.",
icon: Award,
title: "Beard Sculpting", description: "Detailed beard shaping and maintenance designed to highlight your sharpest features.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148121975.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg",
imageAlt: "haircut styling professional barber",
},
]}
title="Tailored Services"
@@ -240,52 +165,27 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "cut",
badge: "Essential",
price: "$150",
subtitle: "Precision Haircut & Styling",
features: [
"Consultation",
"Precision Cut",
"Style Finish",
],
id: "cut", badge: "Essential", price: "$150", subtitle: "Precision Haircut & Styling", features: [
"Consultation", "Precision Cut", "Style Finish"],
buttons: [
{
text: "Book Cut",
},
text: "Book Cut"},
],
},
{
id: "shave",
badge: "Luxury",
price: "$220",
subtitle: "Traditional Hot Towel Shave",
features: [
"Hot Towel Prep",
"Straight Razor Shave",
"After-Shave Care",
],
id: "shave", badge: "Luxury", price: "$220", subtitle: "Traditional Hot Towel Shave", features: [
"Hot Towel Prep", "Straight Razor Shave", "After-Shave Care"],
buttons: [
{
text: "Book Shave",
},
text: "Book Shave"},
],
},
{
id: "complete",
badge: "Exclusive",
price: "$350",
subtitle: "The Full Grooming Experience",
features: [
"Haircut & Styling",
"Beard Sculpting",
"Hot Towel Shave",
"Scalp Massage",
],
id: "complete", badge: "Exclusive", price: "$350", subtitle: "The Full Grooming Experience", features: [
"Haircut & Styling", "Beard Sculpting", "Hot Towel Shave", "Scalp Massage"],
buttons: [
{
text: "Book Full Set",
},
text: "Book Full Set"},
],
},
]}
@@ -302,26 +202,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "m1",
name: "Arthur Sterling",
role: "Master Barber",
description: "With over 15 years in high-end grooming, Arthur specializes in classic tailoring.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-painting-brush_23-2149529894.jpg",
},
id: "m1", name: "Arthur Sterling", role: "Master Barber", description: "With over 15 years in high-end grooming, Arthur specializes in classic tailoring.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-painting-brush_23-2149529894.jpg"},
{
id: "m2",
name: "Elena Vance",
role: "Styling Specialist",
description: "Elena brings cutting-edge fashion techniques to traditional barbering.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
},
id: "m2", name: "Elena Vance", role: "Styling Specialist", description: "Elena brings cutting-edge fashion techniques to traditional barbering.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg"},
{
id: "m3",
name: "Marcus Thorne",
role: "Head Barber",
description: "A specialist in precision beard sculpting and luxury shaving rituals.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-grabbed-chin-isolated-purple-wall_141793-83564.jpg",
},
id: "m3", name: "Marcus Thorne", role: "Head Barber", description: "A specialist in precision beard sculpting and luxury shaving rituals.", imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-grabbed-chin-isolated-purple-wall_141793-83564.jpg"},
]}
title="Meet Our Master Barbers"
description="Our team consists of world-class stylists and barbers with years of international experience."
@@ -334,45 +219,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Impeccable!",
quote: "The best experience in the city. Truly luxurious service.",
name: "Jonathan Reed",
role: "Investor",
imageSrc: "http://img.b2bpic.net/free-photo/angry-rude-young-handsome-man-shouting-white_176420-14743.jpg",
},
id: "t1", title: "Impeccable!", quote: "The best experience in the city. Truly luxurious service.", name: "Jonathan Reed", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/angry-rude-young-handsome-man-shouting-white_176420-14743.jpg"},
{
id: "t2",
title: "World Class",
quote: "Elite Grooming is my go-to for a perfect, sharp cut.",
name: "Alexander Hayes",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-cheerful-man-standing-isolated_171337-4420.jpg",
},
id: "t2", title: "World Class", quote: "Elite Grooming is my go-to for a perfect, sharp cut.", name: "Alexander Hayes", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-cheerful-man-standing-isolated_171337-4420.jpg"},
{
id: "t3",
title: "Sophisticated",
quote: "A true professional environment with great barbers.",
name: "Marcus Thorne",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
},
id: "t3", title: "Sophisticated", quote: "A true professional environment with great barbers.", name: "Marcus Thorne", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
{
id: "t4",
title: "Perfection",
quote: "Highly recommended for those who value precision.",
name: "Julian Vance",
role: "Consultant",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg",
},
id: "t4", title: "Perfection", quote: "Highly recommended for those who value precision.", name: "Julian Vance", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg"},
{
id: "t5",
title: "Top Tier",
quote: "Consistency, precision, and excellence. Outstanding.",
name: "Benjamin Reed",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
},
id: "t5", title: "Top Tier", quote: "Consistency, precision, and excellence. Outstanding.", name: "Benjamin Reed", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg"},
]}
title="Client Experiences"
description="Discover why our clients trust us with their image every month."
@@ -384,14 +239,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Modern Shop",
"Barber Tools",
"Elegant Design",
"Precision Work",
"Relaxing Space",
"Luxury Interior",
"Master Grooming",
]}
"Modern Shop", "Barber Tools", "Elegant Design", "Precision Work", "Relaxing Space", "Luxury Interior", "Master Grooming"]}
title="Atmosphere Gallery"
description="Take a closer look at our sophisticated grooming sanctuary."
/>
@@ -401,8 +249,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
tag="Inquire"
title="Book Your Appointment"
description="Join our membership list to stay updated on appointments and exclusive event access."
@@ -413,42 +260,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Studio",
items: [
title: "Studio", items: [
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Team",
href: "#team",
},
label: "Team", href: "#team"},
],
},
{
title: "Location",
items: [
title: "Location", items: [
{
label: "123 Grooming Lane, City",
href: "#",
},
label: "123 Grooming Lane, City", href: "#"},
{
label: "Open: Mon-Sat",
href: "#",
},
label: "Open: Mon-Sat", href: "#"},
],
},
{
title: "Policies",
items: [
title: "Policies", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}