bender/8ff41f35-17c8-4083-81dc-8353a931f0f2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-13 11:48:26 +00:00
Conversation 0 Commits 1 Files Changed 1 +43 -256
1 changed files with 43 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -29,26 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Book Now",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Team", id: "team" },
{ name: "Reviews", id: "testimonials" },
{ name: "Book Now", id: "contact" },
]}
brandName="Silkroot"
/>
@@ -56,105 +41,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Silkroot: The Art of Personal Style"
description="Experience Delhi's premier boutique salon service, where luxury meets individual expertise. Rated 4.7/5 by over 150 discerning clients."
testimonials={[
{
name: "Aman S.",
handle: "@aman_delhi",
testimonial: "The attention to detail here is unparalleled. A truly luxury experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg?_wi=1",
imageAlt: "luxury high-end boutique salon interior design",
},
{
name: "Priya K.",
handle: "@priya_k",
testimonial: "My go-to place for every occasion. Bilal is a magician with hair!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg?_wi=1",
imageAlt: "luxury high-end boutique salon interior design",
},
{
name: "Rohan D.",
handle: "@rohan_d",
testimonial: "Boutique vibe, top-tier service. Highly recommended.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555181.jpg?_wi=1",
imageAlt: "luxury high-end boutique salon interior design",
},
{
name: "Sonia M.",
handle: "@soniam",
testimonial: "Exquisite service! The stylists truly listen to what you need.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130989.jpg?_wi=1",
imageAlt: "luxury high-end boutique salon interior design",
},
{
name: "Kabir L.",
handle: "@kabirl",
testimonial: "The best grooming session I've had in years. Professional and chic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pretty-pensive-bride-ultrasexy-wedding-dress-with-thin-straps-which-bending-body-forward-looking-away-while-posing-background-wooden-wall-blur-room_8353-12046.jpg?_wi=1",
imageAlt: "luxury high-end boutique salon interior design",
},
{ name: "Aman S.", handle: "@aman_delhi", testimonial: "The attention to detail here is unparalleled. A truly luxury experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg", imageAlt: "luxury high-end boutique salon interior design" },
{ name: "Priya K.", handle: "@priya_k", testimonial: "My go-to place for every occasion. Bilal is a magician with hair!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg", imageAlt: "luxury high-end boutique salon interior design" },
{ name: "Rohan D.", handle: "@rohan_d", testimonial: "Boutique vibe, top-tier service. Highly recommended.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555181.jpg", imageAlt: "luxury high-end boutique salon interior design" },
{ name: "Sonia M.", handle: "@soniam", testimonial: "Exquisite service! The stylists truly listen to what you need.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130989.jpg", imageAlt: "luxury high-end boutique salon interior design" },
{ name: "Kabir L.", handle: "@kabirl", testimonial: "The best grooming session I've had in years. Professional and chic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-pretty-pensive-bride-ultrasexy-wedding-dress-with-thin-straps-which-bending-body-forward-looking-away-while-posing-background-wooden-wall-blur-room_8353-12046.jpg", imageAlt: "luxury high-end boutique salon interior design" },
]}
buttons={[
{
text: "Book Your Session",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg?_wi=2"
buttons={[{ text: "Book Your Session", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
alt: "life style",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861880.jpg",
alt: "Abstract store with futuristic concept and architecture",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg",
alt: "luxury retro wall lamp in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg",
alt: "Vintage modern restaurant with full comfort",
},
{
src: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9064.jpg",
alt: "Make up artist work",
},
]}
marqueeItems={[
{
type: "text",
text: "Precision Styling",
},
{
type: "text",
text: "Artisan Color",
},
{
type: "text",
text: "Bridal Specialists",
},
{
type: "text",
text: "Gentleman's Grooming",
},
{
type: "text",
text: "Premium Products",
},
]}
/>
</div>
@@ -165,76 +64,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Styling & Cuts",
description: "Precision haircuts tailored to your facial structure and lifestyle.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555181.jpg?_wi=2",
},
title: "Styling & Cuts", description: "Precision haircuts tailored to your facial structure and lifestyle.", media: { imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555181.jpg" },
items: [
{
icon: Scissors,
text: "Precision Cut",
},
{
icon: Sparkles,
text: "Luxury Blowout",
},
{
icon: Award,
text: "Bespoke Styling",
},
{ icon: Scissors, text: "Precision Cut" },
{ icon: Sparkles, text: "Luxury Blowout" },
{ icon: Award, text: "Bespoke Styling" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-dress_23-2147688400.jpg?_wi=3",
imageAlt: "hair styling service boutique hair salon",
reverse: false
},
{
title: "Artisan Coloring",
description: "Premium color services using high-end, nourishing products for vibrant results.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130989.jpg?_wi=2",
},
title: "Artisan Coloring", description: "Premium color services using high-end, nourishing products for vibrant results.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130989.jpg" },
items: [
{
icon: Palette,
text: "Custom Color",
},
{
icon: Zap,
text: "Gloss Treatment",
},
{
icon: Star,
text: "Full Highlights",
},
{ icon: Palette, text: "Custom Color" },
{ icon: Zap, text: "Gloss Treatment" },
{ icon: Star, text: "Full Highlights" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg?_wi=2",
imageAlt: "hair styling service boutique hair salon",
reverse: true
},
{
title: "Bridal & Grooming",
description: "Comprehensive grooming packages for your most special occasions.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pretty-pensive-bride-ultrasexy-wedding-dress-with-thin-straps-which-bending-body-forward-looking-away-while-posing-background-wooden-wall-blur-room_8353-12046.jpg?_wi=2",
},
title: "Bridal & Grooming", description: "Comprehensive grooming packages for your most special occasions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-pretty-pensive-bride-ultrasexy-wedding-dress-with-thin-straps-which-bending-body-forward-looking-away-while-posing-background-wooden-wall-blur-room_8353-12046.jpg" },
items: [
{
icon: Crown,
text: "Bridal Styling",
},
{
icon: ShieldCheck,
text: "Grooming Set",
},
{
icon: Star,
text: "Luxury Prep",
},
{ icon: Crown, text: "Bridal Styling" },
{ icon: ShieldCheck, text: "Grooming Set" },
{ icon: Star, text: "Luxury Prep" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/depressed-teenage-girl-suffering-from-bipolar-disorder-intrusive-thoughts_482257-124739.jpg?_wi=1",
imageAlt: "hair styling service boutique hair salon",
reverse: false
},
]}
title="Curated Salon Services"
@@ -249,36 +103,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "1",
name: "Aamir",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/depressed-teenage-girl-suffering-from-bipolar-disorder-intrusive-thoughts_482257-124739.jpg?_wi=2",
},
{
id: "2",
name: "Sandeep",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/tattoed-redhead-man-hipster-corrects-his-lush-hair-dressed-brown-shirt-standing-studio-isolated-dark-background_613910-19106.jpg",
},
{
id: "3",
name: "Bilal",
role: "Senior Colorist",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
},
{
id: "4",
name: "Laxman",
role: "Grooming Expert",
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg",
},
{
id: "5",
name: "Rahul",
role: "Master Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-with-folded-arms_23-2147839827.jpg",
},
{ id: "1", name: "Aamir", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/depressed-teenage-girl-suffering-from-bipolar-disorder-intrusive-thoughts_482257-124739.jpg" },
{ id: "2", name: "Sandeep", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/tattoed-redhead-man-hipster-corrects-his-lush-hair-dressed-brown-shirt-standing-studio-isolated-dark-background_613910-19106.jpg" },
{ id: "3", name: "Bilal", role: "Senior Colorist", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg" },
{ id: "4", name: "Laxman", role: "Grooming Expert", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg" },
{ id: "5", name: "Rahul", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-with-folded-arms_23-2147839827.jpg" },
]}
title="Meet Your Stylists"
description="The expert hands behind the Silkroot experience."
@@ -287,49 +116,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sneha",
handle: "@snehac",
testimonial: "Excellent service and so professional. Aamir knows exactly what suits my hair type.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555154.jpg",
},
{
id: "2",
name: "Rahul",
handle: "@rahul_p",
testimonial: "Silkroot is a class apart. The groom services are unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-casual-warm-sweater-clothes-gray-with-evening-makeup-colorful-lips_158538-10999.jpg",
},
{
id: "3",
name: "Ananya",
handle: "@ananya_v",
testimonial: "My color looks gorgeous. Bilal did such a beautiful job.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462481.jpg",
},
{
id: "4",
name: "Vikram",
handle: "@vikramm",
testimonial: "Sandeep’s vision is brilliant. Always happy with the results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg",
},
{
id: "5",
name: "Divya",
handle: "@divy_d",
testimonial: "Friendly staff, lovely decor. The best salon experience in Delhi!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-flirty-beautiful-girl-playing-with-hair-smiling-camera-intrigued_1258-125922.jpg",
},
{ id: "1", name: "Sneha", handle: "@snehac", testimonial: "Excellent service and so professional. Aamir knows exactly what suits my hair type.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555154.jpg" },
{ id: "2", name: "Rahul", handle: "@rahul_p", testimonial: "Silkroot is a class apart. The groom services are unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-casual-warm-sweater-clothes-gray-with-evening-makeup-colorful-lips_158538-10999.jpg" },
{ id: "3", name: "Ananya", handle: "@ananya_v", testimonial: "My color looks gorgeous. Bilal did such a beautiful job.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462481.jpg" },
{ id: "4", name: "Vikram", handle: "@vikramm", testimonial: "Sandeep’s vision is brilliant. Always happy with the results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg" },
{ id: "5", name: "Divya", handle: "@divy_d", testimonial: "Friendly staff, lovely decor. The best salon experience in Delhi!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-flirty-beautiful-girl-playing-with-hair-smiling-camera-intrigued_1258-125922.jpg" },
]}
showRating={true}
title="Client Stories"
@@ -340,13 +135,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Booking"
title="Reserve Your Appointment"
description="Step into sophistication. Leave us your email and we'll contact you to schedule your preferred slot."
imageSrc="http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/man-presenting-necklace-charming-woman_23-2147736699.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
/>
@@ -355,14 +148,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Silkroot"
leftLink={{
text: "Terms & Conditions",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "Terms & Conditions", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>