Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-06-05 13:58:59 +00:00

View File

@@ -33,49 +33,31 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Gallery",
id: "#gallery",
},
name: "Gallery", id: "#gallery"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
{
name: "Footer", id: "#footer"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b7j1q7"
logoAlt="Glam & Glow Salon Logo"
brandName="Glam & Glow Salon"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
@@ -86,35 +68,21 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-pop-up-illustration_23-2151927574.jpg",
alt: "Happy Female Client",
},
src: "http://img.b2bpic.net/free-photo/woman-portrait-pop-up-illustration_23-2151927574.jpg", alt: "Happy Female Client"},
{
src: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg",
alt: "Happy Male Client",
},
src: "http://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg", alt: "Happy Male Client"},
{
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100234.jpg",
alt: "Happy Client",
},
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100234.jpg", alt: "Happy Client"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg",
alt: "Satisfied Senior Client",
},
src: "http://img.b2bpic.net/free-photo/beautiful-asian-woman_1098-21999.jpg", alt: "Satisfied Senior Client"},
{
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
alt: "Satisfied Male Client",
},
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Satisfied Male Client"},
]}
avatarText="Trusted by hundreds of happy clients"
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg"
@@ -134,21 +102,19 @@ export default function LandingPage() {
description="At Glam & Glow, we believe in crafting experiences as unique as you are. Our salon is a sanctuary where style meets serenity, offering a diverse range of services for all hair types and preferences. We are committed to using premium products and staying ahead of the latest trends."
bulletPoints={[
{
title: "Expert Stylists",
description: "Our team comprises highly skilled and passionate professionals dedicated to mastering their craft.",
},
title: "Expert Stylists", description: "Our team comprises highly skilled and passionate professionals dedicated to mastering their craft."},
{
title: "Premium Products",
description: "We use only the finest, ethically sourced products to ensure the health and vibrancy of your hair.",
},
title: "Premium Products", description: "We use only the finest, ethically sourced products to ensure the health and vibrancy of your hair."},
{
title: "Relaxing Ambiance",
description: "Step into a tranquil environment designed for your comfort and ultimate relaxation.",
},
title: "Relaxing Ambiance", description: "Step into a tranquil environment designed for your comfort and ultimate relaxation."},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg"
imageAlt="Salon staff attending to a client"
mediaAnimation="slide-up"
buttons={[
{
text: "Book Now", href: "#contact"},
]}
/>
</div>
@@ -158,32 +124,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts & Styling",
description: "Expert cuts for all genders, from classic styles to the latest trends, perfected with professional styling.",
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg",
imageAlt: "Precision haircut",
},
title: "Precision Haircuts & Styling", description: "Expert cuts for all genders, from classic styles to the latest trends, perfected with professional styling.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", imageAlt: "Precision haircut"},
{
title: "Vibrant Hair Coloring",
description: "Transform your look with our custom color services, including highlights, balayage, and full-color applications.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg",
imageAlt: "Hair coloring process",
},
title: "Vibrant Hair Coloring", description: "Transform your look with our custom color services, including highlights, balayage, and full-color applications.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg", imageAlt: "Hair coloring process"},
{
title: "Luxurious Hair Spa Treatments",
description: "Indulge in our deep conditioning and nourishing treatments to revitalize your hair's health and shine.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
imageAlt: "Hair spa treatment",
},
title: "Luxurious Hair Spa Treatments", description: "Indulge in our deep conditioning and nourishing treatments to revitalize your hair's health and shine.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", imageAlt: "Hair spa treatment"},
{
title: "Special Occasion Styling",
description: "Get ready for your big day or special event with our elegant updos, sophisticated braids, and glamorous curls.",
imageSrc: "http://img.b2bpic.net/free-photo/bride-with-wedding-dress_23-2148106130.jpg",
imageAlt: "Elegant hair styling",
},
title: "Special Occasion Styling", description: "Get ready for your big day or special event with our elegant updos, sophisticated braids, and glamorous curls.", imageSrc: "http://img.b2bpic.net/free-photo/bride-with-wedding-dress_23-2148106130.jpg", imageAlt: "Elegant hair styling"},
]}
title="Our Signature Services"
description="Discover our comprehensive range of tailored services designed to enhance your natural beauty and boost your confidence, for every style and need."
buttons={[
{
text: "Book Now", href: "#contact"},
]}
/>
</div>
@@ -195,17 +149,9 @@ export default function LandingPage() {
membersAnimation="slide-up"
members={[
{
id: "stylist-1",
name: "Alex Sharma",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-barber-girl-uniform-holds-hair-thinning-scissors-phone-looking-side-olive-green_141793-93249.jpg",
imageAlt: "Alex Sharma, Senior Stylist",
},
id: "stylist-1", name: "Alex Sharma", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-barber-girl-uniform-holds-hair-thinning-scissors-phone-looking-side-olive-green_141793-93249.jpg", imageAlt: "Alex Sharma, Senior Stylist"},
{
id: "stylist-2",
name: "Priya Singh",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-yellow-wall-drink-club-alcohol-male-night-bar-job_140725-121981.jpg",
imageAlt: "Priya Singh, Master Barber",
},
id: "stylist-2", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-yellow-wall-drink-club-alcohol-male-night-bar-job_140725-121981.jpg", imageAlt: "Priya Singh, Master Barber"},
]}
memberVariant="card"
/>
@@ -219,56 +165,24 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "gal-1",
name: "Chic Bob Cut",
price: "Women's Hair",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105242.jpg",
imageAlt: "Chic Bob Cut",
},
id: "gal-1", name: "Chic Bob Cut", price: "Women's Hair", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105242.jpg", imageAlt: "Chic Bob Cut"},
{
id: "gal-2",
name: "Classic Fade",
price: "Men's Hair",
variant: "Timeless",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
imageAlt: "Classic Fade",
},
id: "gal-2", name: "Classic Fade", price: "Men's Hair", variant: "Timeless", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg", imageAlt: "Classic Fade"},
{
id: "gal-3",
name: "Soft Balayage",
price: "Hair Color",
variant: "Natural",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-pretty-blonde-short-hair-woman-denim-jacket-brushing-hair-with-pink-hairbrush-home_343596-150.jpg",
imageAlt: "Soft Balayage",
},
id: "gal-3", name: "Soft Balayage", price: "Hair Color", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-pretty-blonde-short-hair-woman-denim-jacket-brushing-hair-with-pink-hairbrush-home_343596-150.jpg", imageAlt: "Soft Balayage"},
{
id: "gal-4",
name: "Textured Crop",
price: "Men's Hair",
variant: "Edgy",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-blue-hair-looking-white-board_23-2147908571.jpg",
imageAlt: "Textured Crop",
},
id: "gal-4", name: "Textured Crop", price: "Men's Hair", variant: "Edgy", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-blue-hair-looking-white-board_23-2147908571.jpg", imageAlt: "Textured Crop"},
{
id: "gal-5",
name: "Elegant Updo",
price: "Styling",
variant: "Formal",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-bride-posing_23-2149860835.jpg",
imageAlt: "Elegant Updo",
},
id: "gal-5", name: "Elegant Updo", price: "Styling", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-bride-posing_23-2149860835.jpg", imageAlt: "Elegant Updo"},
{
id: "gal-6",
name: "Expert Beard Trim",
price: "Grooming",
variant: "Refined",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg",
imageAlt: "Expert Beard Trim",
},
id: "gal-6", name: "Expert Beard Trim", price: "Grooming", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg", imageAlt: "Expert Beard Trim"},
]}
title="Our Latest Creations"
description="Browse through a selection of our finest work, showcasing diverse styles and transformations crafted with passion and precision."
buttons={[
{
text: "Book Now", href: "#contact"},
]}
/>
</div>
@@ -279,44 +193,24 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Standard",
price: "₹999",
subtitle: "Essential Hair Care",
features: [
"Haircut & Wash",
"Basic Styling",
"Scalp Massage (5 min)",
],
id: "basic", badge: "Standard", price: "₹999", subtitle: "Essential Hair Care", features: [
"Haircut & Wash", "Basic Styling", "Scalp Massage (5 min)"],
},
{
id: "premium",
badge: "Popular",
price: "₹1999",
subtitle: "Signature Glam & Glow",
features: [
"Precision Haircut & Wash",
"Advanced Styling",
"Hair Spa Treatment",
"Beard Trim / Eyebrow Shaping",
],
id: "premium", badge: "Popular", price: "₹1999", subtitle: "Signature Glam & Glow", features: [
"Precision Haircut & Wash", "Advanced Styling", "Hair Spa Treatment", "Beard Trim / Eyebrow Shaping"],
},
{
id: "luxury",
badge: "Elite",
price: "₹3499",
subtitle: "Ultimate Transformation",
features: [
"Custom Haircut & Wash",
"Personalized Coloring/Highlights",
"Luxury Hair Spa",
"Complete Styling & Finish",
"Face Grooming / Makeup Consult",
],
id: "luxury", badge: "Elite", price: "₹3499", subtitle: "Ultimate Transformation", features: [
"Custom Haircut & Wash", "Personalized Coloring/Highlights", "Luxury Hair Spa", "Complete Styling & Finish", "Face Grooming / Makeup Consult"],
},
]}
title="Our Service Packages"
description="Choose from our flexible pricing plans for individual services or comprehensive packages tailored to your needs."
buttons={[
{
text: "Book Now", href: "#contact"},
]}
/>
</div>
@@ -327,48 +221,22 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Rohan Patel",
role: "Businessman",
testimonial: "Amazing service! My haircut is always perfect, and the staff is incredibly friendly. Highly recommend Glam & Glow.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg",
imageAlt: "Rohan Patel",
},
id: "1", name: "Rohan Patel", role: "Businessman", testimonial: "Amazing service! My haircut is always perfect, and the staff is incredibly friendly. Highly recommend Glam & Glow.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg", imageAlt: "Rohan Patel"},
{
id: "2",
name: "Anjali Sharma",
role: "Fashion Designer",
testimonial: "The coloring I received here was beyond my expectations. They truly understand what you want and deliver fantastic results!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg",
imageAlt: "Anjali Sharma",
},
id: "2", name: "Anjali Sharma", role: "Fashion Designer", testimonial: "The coloring I received here was beyond my expectations. They truly understand what you want and deliver fantastic results!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg", imageAlt: "Anjali Sharma"},
{
id: "3",
name: "Vijay Kumar",
role: "IT Professional",
testimonial: "Professional and efficient. My beard trim and haircut are always top-notch. It's my go-to salon now.",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
imageAlt: "Vijay Kumar",
},
id: "3", name: "Vijay Kumar", role: "IT Professional", testimonial: "Professional and efficient. My beard trim and haircut are always top-notch. It's my go-to salon now.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", imageAlt: "Vijay Kumar"},
{
id: "4",
name: "Sneha Reddy",
role: "Student",
testimonial: "I love the vibe of this salon. The stylists are so talented, and they make sure you feel comfortable and pampered.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg",
imageAlt: "Sneha Reddy",
},
id: "4", name: "Sneha Reddy", role: "Student", testimonial: "I love the vibe of this salon. The stylists are so talented, and they make sure you feel comfortable and pampered.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205917.jpg", imageAlt: "Sneha Reddy"},
{
id: "5",
name: "Kiran Rao",
role: "Artist",
testimonial: "Found my perfect spot for hair treatments! My hair feels healthier and looks more vibrant than ever. Thank you, Glam & Glow!",
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
imageAlt: "Kiran Rao",
},
id: "5", name: "Kiran Rao", role: "Artist", testimonial: "Found my perfect spot for hair treatments! My hair feels healthier and looks more vibrant than ever. Thank you, Glam & Glow!", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", imageAlt: "Kiran Rao"},
]}
title="What Our Clients Say"
description="Hear directly from our happy clients about their exceptional Glam & Glow experience."
buttons={[
{
text: "Book Now", href: "#contact"},
]}
/>
</div>
@@ -377,30 +245,22 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "How can I book an appointment?",
content: "You can easily book an appointment online through our website's 'Book Now' section, or by calling our reception directly during business hours.",
},
id: "faq-1", title: "How can I book an appointment?", content: "You can easily book an appointment online through our website's 'Book Now' section, or by calling our reception directly during business hours."},
{
id: "faq-2",
title: "What are your operating hours?",
content: "We are open Tuesday to Sunday, from 10:00 AM to 8:00 PM. We are closed on Mondays.",
},
id: "faq-2", title: "What are your operating hours?", content: "We are open Tuesday to Sunday, from 10:00 AM to 8:00 PM. We are closed on Mondays."},
{
id: "faq-3",
title: "Do you offer consultations before services?",
content: "Yes, we offer complimentary consultations for all major services like coloring, hair extensions, and bridal styling to ensure we meet your expectations.",
},
id: "faq-3", title: "Do you offer consultations before services?", content: "Yes, we offer complimentary consultations for all major services like coloring, hair extensions, and bridal styling to ensure we meet your expectations."},
{
id: "faq-4",
title: "What is your cancellation policy?",
content: "We kindly request a minimum of 24 hours' notice for any cancellations or rescheduling to avoid a cancellation fee.",
},
id: "faq-4", title: "What is your cancellation policy?", content: "We kindly request a minimum of 24 hours' notice for any cancellations or rescheduling to avoid a cancellation fee."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common questions about our services, booking process, and salon policies."
faqsAnimation="slide-up"
textPosition="left"
buttons={[
{
text: "Book Now", href: "#contact"},
]}
/>
</div>
@@ -411,51 +271,27 @@ export default function LandingPage() {
description="Ready for a fresh look or a relaxing treatment? Fill out the form below to schedule your appointment with our expert stylists."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
name: "date", type: "date", placeholder: "Preferred Date", required: true,
},
{
name: "time",
type: "time",
placeholder: "Preferred Time",
required: true,
name: "time", type: "time", placeholder: "Preferred Time", required: true,
},
]}
multiSelect={{
name: "service",
label: "Select Service",
options: [
"Haircut & Styling",
"Hair Coloring",
"Hair Spa Treatment",
"Beard Trim",
"Other",
],
name: "service", label: "Select Service", options: [
"Haircut & Styling", "Hair Coloring", "Hair Spa Treatment", "Beard Trim", "Other"],
}}
textarea={{
name: "message",
placeholder: "Any special requests or details?",
rows: 4,
name: "message", placeholder: "Any special requests or details?", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg"
@@ -475,54 +311,33 @@ export default function LandingPage() {
logoText="Glam & Glow Salon"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "All Services",
href: "#services",
},
label: "All Services", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Gallery",
href: "#gallery",
},
label: "Gallery", href: "#gallery"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
],
},
]}