Merge version_2 into main #1
327
src/app/page.tsx
327
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fashion Zone"
|
||||
/>
|
||||
@@ -60,104 +50,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Book Your Perfect Look Today"
|
||||
description="Fashion Zone Family Saloon brings premium grooming services to your fingertips. Realtime booking, trusted reviews, and expert stylists—all in one app."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
imageAlt: "Luxury salon interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", imageAlt: "Luxury salon interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
|
||||
imageAlt: "Skincare treatment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg", imageAlt: "Skincare treatment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg",
|
||||
imageAlt: "Modern interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg", imageAlt: "Modern interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-couch-with-man-holding-her-head_23-2148857584.jpg",
|
||||
imageAlt: "Beauty therapy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-couch-with-man-holding-her-head_23-2148857584.jpg", imageAlt: "Beauty therapy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg",
|
||||
imageAlt: "Professional salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg", imageAlt: "Professional salon"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-cosmetic-treatment-spa_23-2148825294.jpg",
|
||||
imageAlt: "Treatment scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-cosmetic-treatment-spa_23-2148825294.jpg", imageAlt: "Treatment scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg",
|
||||
imageAlt: "Styling tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg", imageAlt: "Styling tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure_23-2148825332.jpg",
|
||||
imageAlt: "Aesthetic studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure_23-2148825332.jpg", imageAlt: "Aesthetic studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg",
|
||||
imageAlt: "Salon workplace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg", imageAlt: "Salon workplace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg",
|
||||
imageAlt: "Skincare focus",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg", imageAlt: "Skincare focus"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment Now", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-stylist-tools-laptop_23-2148352916.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-stylist-tools-laptop_23-2148352916.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hair-dryer-brushes-top-view_23-2148352864.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hair-dryer-brushes-top-view_23-2148352864.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdressing-supplies-flat-lay_23-2148352954.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdressing-supplies-flat-lay_23-2148352954.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-her-face-extreme-close-up_23-2148287362.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-her-face-extreme-close-up_23-2148287362.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Over 5,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hair Styling",
|
||||
},
|
||||
type: "text", text: "Hair Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skincare Therapy",
|
||||
},
|
||||
type: "text", text: "Skincare Therapy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Manicure",
|
||||
},
|
||||
type: "text", text: "Professional Manicure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Makeup",
|
||||
},
|
||||
type: "text", text: "Bridal Makeup"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "Premium Products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,34 +126,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Hair",
|
||||
title: "Precision Styling",
|
||||
items: [
|
||||
"Advanced Haircuts",
|
||||
"Expert Coloring",
|
||||
"Keratin Smoothing",
|
||||
],
|
||||
id: "s1", label: "Hair", title: "Precision Styling", items: [
|
||||
"Advanced Haircuts", "Expert Coloring", "Keratin Smoothing"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Skin",
|
||||
title: "Radiant Facials",
|
||||
items: [
|
||||
"Anti-aging Therapy",
|
||||
"Deep Cleaning",
|
||||
"Hydration Mask",
|
||||
],
|
||||
id: "s2", label: "Skin", title: "Radiant Facials", items: [
|
||||
"Anti-aging Therapy", "Deep Cleaning", "Hydration Mask"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Nails",
|
||||
title: "Expert Manicures",
|
||||
items: [
|
||||
"Gel Polish",
|
||||
"Nail Extension",
|
||||
"Spa Pedicure",
|
||||
],
|
||||
id: "s3", label: "Nails", title: "Expert Manicures", items: [
|
||||
"Gel Polish", "Nail Extension", "Spa Pedicure"],
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -222,41 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Professional Shampoo",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-zero-waste-products_23-2148491199.jpg",
|
||||
},
|
||||
id: "p1", name: "Professional Shampoo", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-zero-waste-products_23-2148491199.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Night Cream",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817639.jpg",
|
||||
},
|
||||
id: "p2", name: "Luxury Night Cream", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817639.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hair Repair Mask",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-treatment-coronavirus-epidemic_637285-9013.jpg",
|
||||
},
|
||||
id: "p3", name: "Hair Repair Mask", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/hair-treatment-coronavirus-epidemic_637285-9013.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Styling Pomade",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102213.jpg",
|
||||
},
|
||||
id: "p4", name: "Styling Pomade", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102213.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hydrating Lotion",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963077.jpg",
|
||||
},
|
||||
id: "p5", name: "Hydrating Lotion", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963077.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Aromatherapy Oil",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hemp-oil-that-is-paired-with-hemp-brown-wooden-floor_1150-18450.jpg",
|
||||
},
|
||||
id: "p6", name: "Aromatherapy Oil", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/hemp-oil-that-is-paired-with-hemp-brown-wooden-floor_1150-18450.jpg"},
|
||||
]}
|
||||
title="Premium Salon Products"
|
||||
description="Take the salon experience home with our professional range."
|
||||
@@ -270,54 +175,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
badge: "Essential",
|
||||
price: "$30",
|
||||
subtitle: "Basic maintenance care",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Wash",
|
||||
"Style",
|
||||
],
|
||||
id: "plan1", badge: "Essential Refresh", price: "$30", subtitle: "Basic maintenance care", features: [
|
||||
"Haircut", "Wash", "Style"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
badge: "Premium",
|
||||
price: "$75",
|
||||
subtitle: "Full salon treatment",
|
||||
features: [
|
||||
"Premium Cut",
|
||||
"Facial",
|
||||
"Manicure",
|
||||
],
|
||||
id: "plan2", badge: "Premium Glow", price: "$75", subtitle: "Full salon treatment", features: [
|
||||
"Premium Cut", "Facial", "Manicure"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan3",
|
||||
badge: "Luxury",
|
||||
price: "$120",
|
||||
subtitle: "Ultimate relaxation suite",
|
||||
features: [
|
||||
"Complete Restyle",
|
||||
"Treatment",
|
||||
"Massage",
|
||||
],
|
||||
id: "plan3", badge: "Luxury Elite", price: "$120", subtitle: "Ultimate relaxation suite", features: [
|
||||
"Complete Restyle", "Treatment", "Massage"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -333,23 +211,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aria Singh",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-green-wall_141793-106149.jpg",
|
||||
},
|
||||
id: "t1", name: "Aria Singh", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-green-wall_141793-106149.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rajiv Bose",
|
||||
role: "Makeup Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-makeup-artist-with-palette-working-with-model_23-2147783935.jpg",
|
||||
},
|
||||
id: "t2", name: "Rajiv Bose", role: "Makeup Artist", imageSrc: "http://img.b2bpic.net/free-photo/crop-makeup-artist-with-palette-working-with-model_23-2147783935.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya Sen",
|
||||
role: "Esthetician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg",
|
||||
},
|
||||
id: "t3", name: "Priya Sen", role: "Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg"},
|
||||
]}
|
||||
title="Meet Your Stylists"
|
||||
description="Our dedicated experts are here to deliver your perfect look."
|
||||
@@ -364,45 +230,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sonia Roy",
|
||||
role: "Professional",
|
||||
company: "Ranaghat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio-portrait_1303-2284.jpg",
|
||||
},
|
||||
id: "1", name: "Sonia Roy", role: "Professional", company: "Ranaghat", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio-portrait_1303-2284.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ananya Ghosh",
|
||||
role: "Doctor",
|
||||
company: "Ranaghat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
|
||||
},
|
||||
id: "2", name: "Ananya Ghosh", role: "Doctor", company: "Ranaghat", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maya Das",
|
||||
role: "Teacher",
|
||||
company: "Ranaghat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-model-bride_627829-12097.jpg",
|
||||
},
|
||||
id: "3", name: "Maya Das", role: "Teacher", company: "Ranaghat", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-model-bride_627829-12097.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kiran Deb",
|
||||
role: "Manager",
|
||||
company: "Ranaghat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
},
|
||||
id: "4", name: "Kiran Deb", role: "Manager", company: "Ranaghat", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rohit Shaw",
|
||||
role: "Designer",
|
||||
company: "Ranaghat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-shiny-ginger-hair-posing-with-her-pet-good-humoured-girl-pink-jacket-holding-little-dog_197531-11032.jpg",
|
||||
},
|
||||
id: "5", name: "Rohit Shaw", role: "Designer", company: "Ranaghat", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-shiny-ginger-hair-posing-with-her-pet-good-humoured-girl-pink-jacket-holding-little-dog_197531-11032.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Building trust through beautiful results every day."
|
||||
@@ -415,20 +256,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your hours?",
|
||||
content: "We are open Monday–Sunday, 10:00 AM–8:30 PM.",
|
||||
},
|
||||
id: "q1", title: "What are your hours?", content: "We are open Monday–Sunday, 10:00 AM–8:30 PM."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I book?",
|
||||
content: "You can book easily through our website using the appointment portal.",
|
||||
},
|
||||
id: "q2", title: "How do I book?", content: "You can book easily through our website using the appointment portal."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request a stylist?",
|
||||
content: "Yes, you can select your preferred stylist during the booking process.",
|
||||
},
|
||||
id: "q3", title: "Can I request a stylist?", content: "Yes, you can select your preferred stylist during the booking process."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers."
|
||||
@@ -440,16 +272,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Booking"
|
||||
title="Ready for a transformation?"
|
||||
description="Book your appointment in minutes via our simple online portal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -459,29 +288,19 @@ export default function LandingPage() {
|
||||
logoText="Fashion Zone"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#",
|
||||
},
|
||||
label: "Haircuts", href: "#"},
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facials", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -491,4 +310,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user