bender/f75b708e-694c-46ec-8c67-fe02aa379fb8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-22 05:50:31 +00:00
Conversation 0 Commits 2 Files Changed 2 +56 -272
2 changed files with 56 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
src/app/page.tsx
View File

@@ -31,334 +31,118 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="The HeadMasters"
brandName="The HeadMasters (हेड मास्टर)"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Precision Styling for Every Individual"
description="At The HeadMasters, we combine traditional craftsmanship with modern innovation to create the perfect look for everyone."
background={{ variant: "gradient-bars" }}
title="Precision Styling at The HeadMasters (हेड मास्टर)"
description="Where tradition meets modern artistry. Professional unisex grooming and salon services tailored to your unique style."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
imageAlt: "barber shop interior modern",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
imageAlt: "barber shop interior modern",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-thinking-hairstyle-customer_23-2148298291.jpg",
imageAlt: "barber shop interior modern",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6416.jpg",
imageAlt: "barber shop interior modern",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
imageAlt: "barber shop interior modern",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-thinking-hairstyle-customer_23-2148298291.jpg" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/content-client-hairdresser-salon_23-2147769866.jpg",
imageAlt: "woman hair styling salon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg",
imageAlt: "woman hair styling salon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg",
imageAlt: "woman hair styling salon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg",
imageAlt: "woman hair styling salon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-setting-hair-client-styling_23-2147769849.jpg",
imageAlt: "woman hair styling salon",
},
]}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
alt: "Empty wintertime luxury ski resort",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg",
alt: "Close up details of hairdresser salon",
},
{
src: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg",
alt: "Tools for the profession of a hairdresser",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-high-glass-candlestick-table-near-christmas-decoration-new-year-eve-concept_132075-11262.jpg",
alt: "Close up of high glass candlestick on table near Christmas decoration. New Year eve concept",
},
{
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
alt: "Man getting his beard shaved with razor",
},
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
alt: "Medium shot man getting his hair washed",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg",
alt: "Full shot man getting haircut",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg",
alt: "Barber showing cosmetics to client",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg",
alt: "A handsome stylish bearded male with a tattoo on arm dressed in a flannel shirt drinks coffee in a barbershop.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/handsome-bearded-male-with-tattoo-his-arms-before-hair-wash-hairdressers-salon_613910-14535.jpg",
alt: "Handsome bearded male with a tattoo on his arms before hair wash in a hairdressers salon.",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-setting-hair-client-styling_23-2147769849.jpg" }
]}
buttons={[{ text: "Book Appointment", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="The HeadMasters Experience"
buttons={[
{
text: "Learn More",
},
]}
title="Crafting Excellence since Day One"
description="At The HeadMasters (हेड मास्टर), we believe in professional care, warm service, and attention to detail. Whether it's a sharp fade or a refreshing salon experience, our masters are here for you."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Our Signature Services"
description="Premium grooming and styling services for all genders."
title="Our Expert Services"
description="Tailored grooming for every gender, delivered with professional care."
accordionItems={[
{
id: "s1",
title: "Precision Cuts",
content: "Modern and classic haircuts for men and women.",
},
{
id: "s2",
title: "Beard Grooming",
content: "Expert beard shaping and hot towel shaves.",
},
{
id: "s3",
title: "Hair Coloring",
content: "Custom color treatments and highlights.",
},
{ id: "s1", title: "Master Haircuts", content: "Precision cuts customized for every hair type and texture." },
{ id: "s2", title: "Salon Styling", content: "Blowouts, treatments, and professional hair care styling." },
{ id: "s3", title: "Signature Shaves", content: "Classic hot towel shaves with premium grooming products." }
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
mediaAnimation="slide-up"
imageAlt="barber cutting hair portrait"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Professional Essentials"
description="Premium products used by our masters for your home care."
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
textboxLayout="split"
products={[
{
id: "p1",
name: "Luxury Shampoo",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg",
},
{
id: "p2",
name: "Beard Oil",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-anti-dandruff-hair-products_23-2149345772.jpg",
},
{
id: "p3",
name: "Styling Wax",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-utensils-assortment_23-2148902839.jpg",
},
{
id: "p4",
name: "Hydrating Serum",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-acetone-bottle-with-copy-space_23-2148241851.jpg",
},
{
id: "p5",
name: "Daily Conditioner",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965807.jpg",
},
{
id: "p6",
name: "Aftershave Tonic",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-spray-bottle-inside-picture-frame-dark-background-can-beauty-milk-cream-photo-color-face-mask-flower-free-place_140725-158441.jpg",
},
{ id: "p1", name: "Signature Pomade", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg" },
{ id: "p2", name: "Hydrating Oil", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-anti-dandruff-hair-products_23-2149345772.jpg" },
{ id: "p3", name: "Styling Wax", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-utensils-assortment_23-2148902839.jpg" }
]}
title="Pro Grooming Essentials"
description="Shop our collection of professional products."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
title="The Masters Team"
description="Skilled professionals dedicated to your perfect look."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "James",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-hairstylist_23-2150754690.jpg",
},
{
id: "t2",
name: "Elena",
role: "Creative Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
},
{
id: "t3",
name: "Marcus",
role: "Senior Barber",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg",
},
{ id: "t1", name: "James", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-hairstylist_23-2150754690.jpg" },
{ id: "t2", name: "Elena", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg" }
]}
title="Meet The Masters"
description="Our dedicated stylists are here to transform your look."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "test-1",
name: "Sarah",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-elegant-mature-woman-red-blazer-makeup-smiling-happy-camera-standing-white_1258-154525.jpg",
},
{
id: "test-2",
name: "Mike",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
},
{
id: "test-3",
name: "Anna",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
},
{
id: "test-4",
name: "John",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-white-shirt-taking-selfie_197531-24034.jpg",
},
{
id: "test-5",
name: "Lucy",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-posing-studio-photo_1301-6999.jpg",
},
]}
cardTitle="Client Voices"
cardTitle="Loved by Clients"
cardTag="Testimonials"
cardAnimation="slide-up"
cardTag="Reviews"
testimonials={[
{ id: "test-1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-elegant-mature-woman-red-blazer-makeup-smiling-happy-camera-standing-white_1258-154525.jpg" },
{ id: "test-2", name: "Mike R.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need an appointment?",
content: "Yes, booking ahead ensures your preferred time.",
},
{
id: "f2",
title: "Are you unisex?",
content: "Yes, we offer services for everyone.",
},
{
id: "f3",
title: "How long are appointments?",
content: "Usually 45-60 minutes depending on service.",
},
]}
title="Frequently Asked Questions"
title="Common Questions"
description="Find answers to your questions about our salon."
faqsAnimation="slide-up"
description="Everything you need to know about your appointment."
textboxLayout="default"
faqs={[
{ id: "f1", title: "Is appointment required?", content: "We recommend booking in advance to ensure availability." },
{ id: "f2", title: "Do you serve all?", content: "Yes, The HeadMasters is a fully inclusive unisex salon." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact"
title="Ready for your new look?"
description="Book your appointment with HeadMasters today."
tag="Book Now"
title="Book Your Session"
description="Take the first step towards a refreshed, professional style."
background={{ variant: "plain" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="The HeadMasters"
copyrightText="© 2025 The HeadMasters. All rights reserved."
logoText="The HeadMasters (हेड मास्टर)"
copyrightText="© 2025 The HeadMasters. Professional Grooming."
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);