Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cf2663e4a1 | |||
| be24817849 |
238
src/app/page.tsx
238
src/app/page.tsx
@@ -31,139 +31,81 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Stylists",
|
name: "Stylists", id: "stylists"},
|
||||||
id: "stylists",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="HAIR DO SALONZ"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Luxury Grooming. Precision Styling. Confidence Delivered."
|
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={[
|
leftCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=3",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=3", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=4",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=4", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=5",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=5", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=6",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=6", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=7",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=7", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=8",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=8", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=9",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=9", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=10",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=10", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=11",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=11", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=12",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=12", imageAlt: "Stylist working"},
|
||||||
imageAlt: "Stylist working",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Appointment",
|
text: "Book Appointment", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Services",
|
text: "View Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg",
|
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg", alt: "Happy client 1"},
|
||||||
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",
|
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"},
|
||||||
alt: "Happy client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg", alt: "Happy client 3"},
|
||||||
alt: "Happy client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", alt: "Happy client 4"},
|
||||||
alt: "Happy client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg",
|
src: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg", alt: "Happy client 5"},
|
||||||
alt: "Happy client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 500+ satisfied clients"
|
avatarText="Join 500+ satisfied clients"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Precision Cuts"},
|
||||||
text: "Precision Cuts",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Expert Grooming"},
|
||||||
text: "Expert Grooming",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Premium Spa"},
|
||||||
text: "Premium Spa",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Modern Style"},
|
||||||
text: "Modern Style",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Trusted Quality"},
|
||||||
text: "Trusted Quality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -188,35 +130,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
team={[
|
team={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
id: "3", name: "Vishal", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg"},
|
||||||
name: "Vishal",
|
|
||||||
role: "Master Barber",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
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"},
|
||||||
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",
|
id: "5", name: "Dhamu", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg"},
|
||||||
name: "Dhamu",
|
|
||||||
role: "Stylist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Expert Stylists"
|
title="Our Expert Stylists"
|
||||||
description="Meet the artisans behind our work."
|
description="Meet the artisans behind our work."
|
||||||
@@ -231,41 +153,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Our Services"
|
||||||
description="Tailored grooming solutions for the modern individual."
|
description="Tailored grooming solutions for the modern individual."
|
||||||
@@ -279,45 +177,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Ponting Gokul", handle: "@gokul", testimonial: "Excellent haircut by Valarsu. Very professional, neat finishing, and great attention to detail.", rating: 5,
|
||||||
name: "Ponting Gokul",
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg"},
|
||||||
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",
|
id: "2", name: "Nandhu", handle: "@nandhu", testimonial: "Badri bro did a nice mullet. I’m satisfied!", rating: 5,
|
||||||
name: "Nandhu",
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-pleased-brunette-man-with-beard-posing-with-cup-tea-his-apartment_197531-5563.jpg"},
|
||||||
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",
|
id: "3", name: "Nithin", handle: "@nithin", testimonial: "Every tongue must confess this is the best place for a haircut.", rating: 5,
|
||||||
name: "Nithin",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
|
||||||
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",
|
id: "4", name: "Anonymous", handle: "@client", testimonial: "Highly recommended, clean, and efficient.", rating: 5,
|
||||||
name: "Anonymous",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg"},
|
||||||
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",
|
id: "5", name: "Anonymous", handle: "@client", testimonial: "Great service and very friendly staff!", rating: 5,
|
||||||
name: "Anonymous",
|
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204952.jpg"},
|
||||||
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}
|
showRating={true}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
@@ -329,14 +202,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
text="Ready to transform your look? Book your premium grooming experience at Hair Do Salonz today."
|
text="Ready to transform your look? Book your premium grooming experience at Hair Do Salonz today."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Appointment",
|
text: "Book Appointment", href: "https://wa.me/91XXXXXXXXXX"},
|
||||||
href: "https://wa.me/91XXXXXXXXXX",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -350,4 +220,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user