Merge version_2 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -31,139 +31,81 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Stylists",
|
||||
id: "stylists",
|
||||
},
|
||||
name: "Stylists", id: "stylists"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="HAIR DO SALONZ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Luxury Grooming. Precision Styling. Confidence Delivered."
|
||||
description="Experience Avadi’s most trusted salon—where expert stylists like Hari, Badri & Vishal bring out your best look."
|
||||
description="Experience Avadi’s most trusted salon—where expert stylists bring out your best look."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=3",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=3", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=4",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=4", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=5",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=5", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=6",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=6", imageAlt: "Stylist working"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=7",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=7", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=8",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=8", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=9",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=9", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=10",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=10", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=11",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=11", imageAlt: "Stylist working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=12",
|
||||
imageAlt: "Stylist working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=12", imageAlt: "Stylist working"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg", alt: "Happy client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg", alt: "Happy client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg", alt: "Happy client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", alt: "Happy client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg", alt: "Happy client 5"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
type: "text", text: "Expert Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Spa",
|
||||
},
|
||||
type: "text", text: "Premium Spa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Style",
|
||||
},
|
||||
type: "text", text: "Modern Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted Quality",
|
||||
},
|
||||
type: "text", text: "Trusted Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -188,35 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hari",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-background_140725-155019.jpg",
|
||||
},
|
||||
id: "1", name: "Hari", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-background_140725-155019.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Badri",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",
|
||||
},
|
||||
id: "2", name: "Badri", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vishal",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg",
|
||||
},
|
||||
id: "3", name: "Vishal", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dhana",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-stylish-girl-sunglasses-wear-black-against-large-windows-street-fashion-portrait_627829-10375.jpg",
|
||||
},
|
||||
id: "4", name: "Dhana", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-stylish-girl-sunglasses-wear-black-against-large-windows-street-fashion-portrait_627829-10375.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dhamu",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg",
|
||||
},
|
||||
id: "5", name: "Dhamu", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg"},
|
||||
]}
|
||||
title="Our Expert Stylists"
|
||||
description="Meet the artisans behind our work."
|
||||
@@ -231,41 +153,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Premium Haircut",
|
||||
price: "From ₹300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", name: "Premium Haircut", price: "From ₹300", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg?_wi=1"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Beard Sculpting",
|
||||
price: "From ₹200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-electric-shaver-close-up_23-2148696621.jpg?_wi=1",
|
||||
},
|
||||
id: "s2", name: "Beard Sculpting", price: "From ₹200", imageSrc: "http://img.b2bpic.net/free-photo/man-using-electric-shaver-close-up_23-2148696621.jpg?_wi=1"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Hair Spa Treatment",
|
||||
price: "From ₹500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=1",
|
||||
},
|
||||
id: "s3", name: "Hair Spa Treatment", price: "From ₹500", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=1"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Facial Cleanup",
|
||||
price: "From ₹400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg?_wi=2",
|
||||
},
|
||||
id: "s4", name: "Facial Cleanup", price: "From ₹400", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg?_wi=2"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Bridal Grooming",
|
||||
price: "Request Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-electric-shaver-close-up_23-2148696621.jpg?_wi=2",
|
||||
},
|
||||
id: "s5", name: "Bridal Grooming", price: "Request Quote", imageSrc: "http://img.b2bpic.net/free-photo/man-using-electric-shaver-close-up_23-2148696621.jpg?_wi=2"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Kids Haircut",
|
||||
price: "From ₹250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=2",
|
||||
},
|
||||
id: "s6", name: "Kids Haircut", price: "From ₹250", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg?_wi=2"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Tailored grooming solutions for the modern individual."
|
||||
@@ -279,45 +177,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ponting Gokul",
|
||||
handle: "@gokul",
|
||||
testimonial: "Excellent haircut by Valarsu. Very professional, neat finishing, and great attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg",
|
||||
},
|
||||
id: "1", name: "Ponting Gokul", handle: "@gokul", testimonial: "Excellent haircut by Valarsu. Very professional, neat finishing, and great attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nandhu",
|
||||
handle: "@nandhu",
|
||||
testimonial: "Badri bro did a nice mullet. I’m satisfied!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg",
|
||||
},
|
||||
id: "2", name: "Nandhu", handle: "@nandhu", testimonial: "Badri bro did a nice mullet. I’m satisfied!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Nithin",
|
||||
handle: "@nithin",
|
||||
testimonial: "Every tongue must confess this is the best place for a haircut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
},
|
||||
id: "3", name: "Nithin", handle: "@nithin", testimonial: "Every tongue must confess this is the best place for a haircut.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anonymous",
|
||||
handle: "@client",
|
||||
testimonial: "Highly recommended, clean, and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg",
|
||||
},
|
||||
id: "4", name: "Anonymous", handle: "@client", testimonial: "Highly recommended, clean, and efficient.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anonymous",
|
||||
handle: "@client",
|
||||
testimonial: "Great service and very friendly staff!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg",
|
||||
},
|
||||
id: "5", name: "Anonymous", handle: "@client", testimonial: "Great service and very friendly staff!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -329,14 +202,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to transform your look? Book your premium grooming experience at Hair Do Salonz today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
text: "Book Appointment", href: "https://wa.me/91XXXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -350,4 +220,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user