bender/3f8a746a-5a73-44ae-9459-fb4744ffc859
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-05 16:47:56 +00:00
parent 94437c1343 8ba89f0f15
commit 678ce49e7f
1 changed files with 38 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
src/app/page.tsx
View File

@@ -29,95 +29,58 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Sharma Saloon"
button={{ text: "Book Appointment", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Style Reimagined at Sharma Saloon"
description="Experience premium grooming and hair care services tailored just for you in our relaxing studio environment."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1",
imageAlt: "Luxury hair salon interior",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", imageAlt: "Luxury hair salon interior"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=1",
imageAlt: "Beauty salon spa interior",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "Beauty salon spa interior"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg?_wi=1",
imageAlt: "Clean barber station design",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg", imageAlt: "Clean barber station design"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=1",
imageAlt: "Hairdresser professional workspace",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg", imageAlt: "Hairdresser professional workspace"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg?_wi=1",
imageAlt: "Modern salon interior architecture",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg", imageAlt: "Modern salon interior architecture"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
imageAlt: "Barber shop professional studio",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Barber shop professional studio"},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Scissors,
title: "Precision Cuts",
description: "Expert haircuts designed to frame your features perfectly.",
},
title: "Precision Cuts", description: "Expert haircuts designed to frame your features perfectly."},
{
icon: Palette,
title: "Hair Coloring",
description: "Professional color services with high-quality products.",
},
title: "Hair Coloring", description: "Professional color services with high-quality products."},
{
icon: Sparkles,
title: "Spa Treatments",
description: "Relaxing and rejuvenating skin and scalp treatments.",
},
title: "Spa Treatments", description: "Relaxing and rejuvenating skin and scalp treatments."},
]}
title="Our Professional Services"
description="We offer a range of high-quality grooming and beauty services to help you look and feel your absolute best."
@@ -131,53 +94,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Essential",
price: "$30",
subtitle: "Basic Grooming",
features: [
"Precision Haircut",
"Beard Trim",
],
id: "1", badge: "Essential", price: "$30", subtitle: "Basic Grooming", features: [
"Precision Haircut", "Beard Trim"],
buttons: [
{
text: "Book",
href: "#contact",
},
text: "Book", href: "#contact"},
],
},
{
id: "2",
badge: "Popular",
price: "$60",
subtitle: "Full Experience",
features: [
"Precision Haircut",
"Hair Color",
"Wash",
],
id: "2", badge: "Popular", price: "$60", subtitle: "Full Experience", features: [
"Precision Haircut", "Hair Color", "Wash"],
buttons: [
{
text: "Book",
href: "#contact",
},
text: "Book", href: "#contact"},
],
},
{
id: "3",
badge: "Premium",
price: "$90",
subtitle: "Total Rejuvenation",
features: [
"Full Color",
"Spa Treatment",
"Style",
],
id: "3", badge: "Premium", price: "$90", subtitle: "Total Rejuvenation", features: [
"Full Color", "Spa Treatment", "Style"],
buttons: [
{
text: "Book",
href: "#contact",
},
text: "Book", href: "#contact"},
],
},
]}
@@ -192,60 +129,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alice R.",
date: "2024-01-10",
title: "Great Experience",
quote: "Excellent service and atmosphere!",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2",
imageAlt: "luxury hair salon interior",
},
id: "1", name: "Alice R.", date: "2024-01-10", title: "Great Experience", quote: "Excellent service and atmosphere!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", imageAlt: "luxury hair salon interior"},
{
id: "2",
name: "Beth S.",
date: "2024-02-15",
title: "Very Professional",
quote: "My new favorite salon in town.",
tag: "New",
avatarSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575435.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=2",
imageAlt: "beauty salon spa interior",
},
id: "2", name: "Beth S.", date: "2024-02-15", title: "Very Professional", quote: "My new favorite salon in town.", tag: "New", avatarSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575435.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg", imageAlt: "beauty salon spa interior"},
{
id: "3",
name: "Charlie M.",
date: "2024-03-05",
title: "Perfect Cut",
quote: "Staff is very attentive and skilled.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg?_wi=2",
imageAlt: "clean barber station design",
},
id: "3", name: "Charlie M.", date: "2024-03-05", title: "Perfect Cut", quote: "Staff is very attentive and skilled.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg", imageAlt: "clean barber station design"},
{
id: "4",
name: "Diana P.",
date: "2024-04-12",
title: "Highly Recommended",
quote: "Relaxing and top-tier services.",
tag: "Premium",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twins-home_329181-10606.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=2",
imageAlt: "hairdresser professional workspace",
},
id: "4", name: "Diana P.", date: "2024-04-12", title: "Highly Recommended", quote: "Relaxing and top-tier services.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twins-home_329181-10606.jpg", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg", imageAlt: "hairdresser professional workspace"},
{
id: "5",
name: "Evan K.",
date: "2024-05-20",
title: "Excellent Quality",
quote: "Found my go-to spot forever.",
tag: "Member",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg?_wi=2",
imageAlt: "modern salon interior architecture",
},
id: "5", name: "Evan K.", date: "2024-05-20", title: "Excellent Quality", quote: "Found my go-to spot forever.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg", imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg", imageAlt: "modern salon interior architecture"},
]}
title="What Our Clients Say"
description="Hear from our wonderful community of satisfied clients."
@@ -256,8 +148,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Visit Sharma Saloon"
description="Book your appointment today and start your journey towards your perfect look."
imageSrc="http://img.b2bpic.net/free-photo/stylish-reception-desk-lounge-area-with-trendy-decorations_482257-87402.jpg"
@@ -271,29 +162,19 @@ export default function LandingPage() {
logoText="Sharma Saloon"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}