Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
458
src/app/page.tsx
458
src/app/page.tsx
@@ -33,42 +33,24 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
brandName="KENYUN SALON"
|
brandName="KENYUN SALON"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -76,125 +58,71 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Unleash Your Beauty at KENYUN SALON"
|
title="Unleash Your Beauty at KENYUN SALON"
|
||||||
description="Experience premium hair care, styling, and beauty treatments designed to make you look and feel your absolute best. Your journey to radiant confidence starts here."
|
description="Experience premium hair care, styling, and beauty treatments designed to make you look and feel your absolute best. Your journey to radiant confidence starts here."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg", imageAlt: "Luxurious hair salon interior with styling chairs"},
|
||||||
imageAlt: "Luxurious hair salon interior with styling chairs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668427.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668427.jpg", imageAlt: "Hairdresser applying color to a client's hair"},
|
||||||
imageAlt: "Hairdresser applying color to a client's hair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "Man getting a stylish haircut at the salon"},
|
||||||
imageAlt: "Man getting a stylish haircut at the salon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-women-white-bathrobes-towels-head_158538-18141.jpg", imageAlt: "Woman enjoying a relaxing facial treatment"},
|
||||||
imageAlt: "Woman enjoying a relaxing facial treatment",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210716.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210716.jpg", imageAlt: "Manicure and pedicure station at a beauty salon"},
|
||||||
imageAlt: "Manicure and pedicure station at a beauty salon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-working-with-girl_23-2147769871.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-working-with-girl_23-2147769871.jpg", imageAlt: "Stylist braiding a client's hair with intricate details"},
|
||||||
imageAlt: "Stylist braiding a client's hair with intricate details",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-beautiful-woman-lying-wooden-floor_343629-265.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-beautiful-woman-lying-wooden-floor_343629-265.jpg", imageAlt: "Happy woman showcasing her new stylish haircut"},
|
||||||
imageAlt: "Happy woman showcasing her new stylish haircut",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg", imageAlt: "Woman with vibrant and perfectly colored hair"},
|
||||||
imageAlt: "Woman with vibrant and perfectly colored hair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-white-shirt-from-backside-showing-ideal-straight-hair_633478-2236.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-white-shirt-from-backside-showing-ideal-straight-hair_633478-2236.jpg", imageAlt: "Woman with healthy, shiny hair after a treatment"},
|
||||||
imageAlt: "Woman with healthy, shiny hair after a treatment",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179482.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179482.jpg", imageAlt: "Woman with glowing, clear skin after a facial"},
|
||||||
imageAlt: "Woman with glowing, clear skin after a facial",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/bride-morning-preparation-big-day_1328-3438.jpg", imageAlt: "Hands with perfectly manicured and polished nails"},
|
||||||
imageAlt: "Hands with perfectly manicured and polished nails",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-with-shadow-eyes-black-background_158538-3863.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-with-shadow-eyes-black-background_158538-3863.jpg", imageAlt: "Elegant woman with a sophisticated updo hairstyle"},
|
||||||
imageAlt: "Elegant woman with a sophisticated updo hairstyle",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
tag="Luxury & Style"
|
tag="Luxury & Style"
|
||||||
tagAnimation="none"
|
tagAnimation="none"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book an Appointment",
|
text: "Book an Appointment", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Our Services",
|
text: "View Our Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="none"
|
buttonAnimation="none"
|
||||||
carouselPosition="right"
|
carouselPosition="right"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg",
|
src: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg", alt: "Glamorous model in make up studio"},
|
||||||
alt: "Glamorous model in make up studio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210736.jpg",
|
src: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210736.jpg", alt: "Professional woman making up girl's eyes"},
|
||||||
alt: "Professional woman making up girl's eyes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg",
|
src: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg", alt: "Pretty girl waiting for hair coloring"},
|
||||||
alt: "Pretty girl waiting for hair coloring",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg",
|
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg", alt: "View of modern and futuristic work space with furniture"},
|
||||||
alt: "View of modern and futuristic work space with furniture",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg",
|
src: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg", alt: "Side view woman at hair salon"},
|
||||||
alt: "Side view woman at hair salon",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 500+ happy clients!"
|
avatarText="Join 500+ happy clients!"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167381.jpg", alt: "Woman getting her hair washed at the beauty salon"},
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167381.jpg",
|
|
||||||
alt: "Woman getting her hair washed at the beauty salon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668433.jpg", alt: "High angle woman at hair salon"},
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668433.jpg",
|
|
||||||
alt: "High angle woman at hair salon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817229.jpg", alt: "Woman getting her hair dyed by hairdresser at home"},
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817229.jpg",
|
|
||||||
alt: "Woman getting her hair dyed by hairdresser at home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", alt: "Man getting his beard shaved with razor"},
|
||||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
|
|
||||||
alt: "Man getting his beard shaved with razor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", alt: "Close up man looking in mirror"},
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg",
|
|
||||||
alt: "Close up man looking in mirror",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -204,18 +132,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Where Expertise Meets Elegance"},
|
||||||
content: "Where Expertise Meets Elegance",
|
{
|
||||||
},
|
type: "text", content: "At KENYUN SALON, we believe in the transformative power of beauty. Our team of seasoned stylists and therapists is dedicated to providing unparalleled service, using only the finest products and techniques to ensure you leave feeling refreshed, confident, and utterly beautiful. Discover our passion for perfection and commitment to your ultimate satisfaction."
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="none"
|
buttonAnimation="none"
|
||||||
description="At KENYUN SALON, we believe in the transformative power of beauty. Our team of seasoned stylists and therapists is dedicated to providing unparalleled service, using only the finest products and techniques to ensure you leave feeling refreshed, confident, and utterly beautiful. Discover our passion for perfection and commitment to your ultimate satisfaction."
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg"
|
||||||
imageAlt="Professional hairdresser styling client's hair"
|
imageAlt="Professional hairdresser styling client's hair"
|
||||||
/>
|
/>
|
||||||
@@ -228,55 +154,31 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Precision Haircuts",
|
title: "Precision Haircuts", description: "Our expert stylists craft the perfect cut to enhance your features and match your style.", icon: Scissors,
|
||||||
description: "Our expert stylists craft the perfect cut to enhance your features and match your style.",
|
|
||||||
icon: Scissors,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Hair cutting scissors and comb"},
|
||||||
imageAlt: "Hair cutting scissors and comb",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668445.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668445.jpg", imageAlt: "Woman with a fresh, stylish haircut"},
|
||||||
imageAlt: "Woman with a fresh, stylish haircut",
|
]
|
||||||
},
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg?_wi=2",
|
|
||||||
imageAlt: "hair cutting scissors comb professional",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Vibrant Hair Coloring",
|
title: "Vibrant Hair Coloring", description: "From subtle highlights to bold new hues, we specialize in stunning, long-lasting color transformations.", icon: Paintbrush,
|
||||||
description: "From subtle highlights to bold new hues, we specialize in stunning, long-lasting color transformations.",
|
|
||||||
icon: Paintbrush,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-placing-cover-mold-making-paper_23-2147845452.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-placing-cover-mold-making-paper_23-2147845452.jpg", imageAlt: "Hair dye bowls and brushes"},
|
||||||
imageAlt: "Hair dye bowls and brushes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-with-cut-pink-hair-closed-eyes-attractive-makeup-pink-tinsels-eyes-showing-sensitive-true-emotions-magic-woman-dreaming_197531-1324.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-with-cut-pink-hair-closed-eyes-attractive-makeup-pink-tinsels-eyes-showing-sensitive-true-emotions-magic-woman-dreaming_197531-1324.jpg", imageAlt: "Woman with vibrant red hair color"},
|
||||||
imageAlt: "Woman with vibrant red hair color",
|
]
|
||||||
},
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668427.jpg?_wi=2",
|
|
||||||
imageAlt: "hair cutting scissors comb professional",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Rejuvenating Facials",
|
title: "Rejuvenating Facials", description: "Indulge in our tailored facial treatments designed to cleanse, nourish, and restore your skin's natural glow.", icon: Sparkles,
|
||||||
description: "Indulge in our tailored facial treatments designed to cleanse, nourish, and restore your skin's natural glow.",
|
|
||||||
icon: Sparkles,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099209.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099209.jpg", imageAlt: "Natural facial masks ingredients"},
|
||||||
imageAlt: "Natural facial masks ingredients",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-towel-using-beauty-product_1157-31091.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-towel-using-beauty-product_1157-31091.jpg", imageAlt: "Relaxed woman with glowing skin after facial"},
|
||||||
imageAlt: "Relaxed woman with glowing skin after facial",
|
]
|
||||||
},
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg?_wi=2",
|
|
||||||
imageAlt: "hair cutting scissors comb professional",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Signature Services"
|
title="Our Signature Services"
|
||||||
@@ -292,65 +194,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "L'Oréal Professionnel", name: "Absolute Repair Shampoo", price: "IDR 180.000", rating: 5,
|
||||||
brand: "L'Oréal Professionnel",
|
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg", imageAlt: "L'Oréal Absolute Repair Shampoo bottle"},
|
||||||
name: "Absolute Repair Shampoo",
|
|
||||||
price: "IDR 180.000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "250",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23902.jpg",
|
|
||||||
imageAlt: "L'Oréal Absolute Repair Shampoo bottle",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "Kerastase", name: "Nutritive Hair Mask", price: "IDR 450.000", rating: 4,
|
||||||
brand: "Kerastase",
|
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-dry-shampoo_23-2150704970.jpg", imageAlt: "Kerastase Nutritive Hair Mask jar"},
|
||||||
name: "Nutritive Hair Mask",
|
|
||||||
price: "IDR 450.000",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "180",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-dry-shampoo_23-2150704970.jpg",
|
|
||||||
imageAlt: "Kerastase Nutritive Hair Mask jar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "Wella Professionals", name: "EIMI Flexible Finish Hairspray", price: "IDR 150.000", rating: 5,
|
||||||
brand: "Wella Professionals",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-aerosol-can_23-2147839422.jpg", imageAlt: "Wella EIMI Flexible Finish Hairspray can"},
|
||||||
name: "EIMI Flexible Finish Hairspray",
|
|
||||||
price: "IDR 150.000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-aerosol-can_23-2147839422.jpg",
|
|
||||||
imageAlt: "Wella EIMI Flexible Finish Hairspray can",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "OPI", name: "Infinite Shine Gel Lacquer", price: "IDR 110.000", rating: 5,
|
||||||
brand: "OPI",
|
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/view-nail-care-items-arrangement_23-2149046499.jpg", imageAlt: "OPI Infinite Shine Gel Lacquer bottle"},
|
||||||
name: "Infinite Shine Gel Lacquer",
|
|
||||||
price: "IDR 110.000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "300",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-nail-care-items-arrangement_23-2149046499.jpg",
|
|
||||||
imageAlt: "OPI Infinite Shine Gel Lacquer bottle",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", brand: "SK-II", name: "Facial Treatment Essence", price: "IDR 900.000", rating: 4,
|
||||||
brand: "SK-II",
|
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-bathrobe-applying-face-cream-green-surface_140725-70036.jpg", imageAlt: "SK-II Facial Treatment Essence bottle"},
|
||||||
name: "Facial Treatment Essence",
|
|
||||||
price: "IDR 900.000",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-bathrobe-applying-face-cream-green-surface_140725-70036.jpg",
|
|
||||||
imageAlt: "SK-II Facial Treatment Essence bottle",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", brand: "Dyson", name: "Supersonic Hair Dryer", price: "IDR 7.000.000", rating: 5,
|
||||||
brand: "Dyson",
|
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/various-type-hair-combs-wooden-background_23-2147878876.jpg", imageAlt: "Dyson Supersonic Hair Dryer"},
|
||||||
name: "Supersonic Hair Dryer",
|
|
||||||
price: "IDR 7.000.000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/various-type-hair-combs-wooden-background_23-2147878876.jpg",
|
|
||||||
imageAlt: "Dyson Supersonic Hair Dryer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Shop Our Premium Selection"
|
title="Shop Our Premium Selection"
|
||||||
description="Discover the high-quality hair care and beauty products used and recommended by our KENYUN SALON experts."
|
description="Discover the high-quality hair care and beauty products used and recommended by our KENYUN SALON experts."
|
||||||
@@ -364,61 +224,25 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", tag: "Hair Care", tagIcon: Scissors,
|
||||||
tag: "Hair Care",
|
price: "IDR 150K", period: "starting from", description: "Basic hair wash, cut, and style for a fresh look.", button: {
|
||||||
tagIcon: Scissors,
|
text: "Book Basic Cut", href: "#contact"},
|
||||||
price: "IDR 150K",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "starting from",
|
"Professional consultation", "Precision haircut", "Relaxing hair wash", "Standard blowdry & styling"],
|
||||||
description: "Basic hair wash, cut, and style for a fresh look.",
|
|
||||||
button: {
|
|
||||||
text: "Book Basic Cut",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Professional consultation",
|
|
||||||
"Precision haircut",
|
|
||||||
"Relaxing hair wash",
|
|
||||||
"Standard blowdry & styling",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "premium",
|
id: "premium", tag: "Color & Treatment", tagIcon: Sparkles,
|
||||||
tag: "Color & Treatment",
|
price: "IDR 350K", period: "starting from", description: "Elevate your style with our premium coloring and treatment services.", button: {
|
||||||
tagIcon: Sparkles,
|
text: "Book Premium", href: "#contact"},
|
||||||
price: "IDR 350K",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "starting from",
|
"In-depth color consultation", "Full head coloring / Highlights", "Deep conditioning treatment", "Expert styling & finish"],
|
||||||
description: "Elevate your style with our premium coloring and treatment services.",
|
|
||||||
button: {
|
|
||||||
text: "Book Premium",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"In-depth color consultation",
|
|
||||||
"Full head coloring / Highlights",
|
|
||||||
"Deep conditioning treatment",
|
|
||||||
"Expert styling & finish",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "facial",
|
id: "facial", tag: "Skin Glow", tagIcon: Smile,
|
||||||
tag: "Skin Glow",
|
price: "IDR 250K", period: "starting from", description: "Rejuvenate your skin with our signature facial treatments.", button: {
|
||||||
tagIcon: Smile,
|
text: "Book Facial", href: "#contact"},
|
||||||
price: "IDR 250K",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "starting from",
|
"Skin analysis", "Deep cleansing & exfoliation", "Customized mask application", "Hydrating serum & massage"],
|
||||||
description: "Rejuvenate your skin with our signature facial treatments.",
|
|
||||||
button: {
|
|
||||||
text: "Book Facial",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Skin analysis",
|
|
||||||
"Deep cleansing & exfoliation",
|
|
||||||
"Customized mask application",
|
|
||||||
"Hydrating serum & massage",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Service Packages"
|
title="Our Service Packages"
|
||||||
@@ -431,39 +255,19 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Alfini Riswika", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg", imageAlt: "Alfini Riswika"
|
||||||
name: "Alfini Riswika",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
|
|
||||||
imageAlt: "Alfini Riswika",
|
|
||||||
quote: "My hair has never looked better! The precision cut and styling were fantastic. Highly recommend KENYUN SALON for a luxurious experience.",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Ahlia Dzikria Ahsol", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg", imageAlt: "Ahlia Dzikria Ahsol"
|
||||||
name: "Ahlia Dzikria Ahsol",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",
|
|
||||||
imageAlt: "Ahlia Dzikria Ahsol",
|
|
||||||
quote: "The team at KENYUN SALON is incredible. They listened to exactly what I wanted and delivered a perfect haircut. I'll definitely be back!",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Chatarina Denyza", imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-posing-studio_52683-86505.jpg", imageAlt: "Chatarina Denyza"
|
||||||
name: "Chatarina Denyza",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-posing-studio_52683-86505.jpg",
|
|
||||||
imageAlt: "Chatarina Denyza",
|
|
||||||
quote: "I love my new vibrant hair color! The stylists are truly artists. It's exactly the bold look I was hoping for, and it feels so healthy.",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg", imageAlt: "Sarah Johnson"
|
||||||
name: "Sarah Johnson",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",
|
|
||||||
imageAlt: "Sarah Johnson",
|
|
||||||
quote: "Had an amazing facial treatment here. My skin feels so refreshed and radiant. The ambiance is so calming, a truly relaxing escape.",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-white-bathrobe-towel-showing-ok-gesture-looking-cheery-front-view_176474-50925.jpg", imageAlt: "Emily Chen"
|
||||||
name: "Emily Chen",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-white-bathrobe-towel-showing-ok-gesture-looking-cheery-front-view_176474-50925.jpg",
|
|
||||||
imageAlt: "Emily Chen",
|
|
||||||
quote: "From manicure to pedicure, every detail was perfect. The nail technicians are meticulous and the results are stunning. Best salon in town!",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
cardTitle="What Our Clients Say"
|
cardTitle="What Our Clients Say"
|
||||||
@@ -471,9 +275,7 @@ export default function LandingPage() {
|
|||||||
cardTagIcon={Star}
|
cardTagIcon={Star}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Read All Reviews",
|
text: "Read All Reviews", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="none"
|
buttonAnimation="none"
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
@@ -486,25 +288,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq1",
|
id: "faq1", title: "How do I book an appointment?", content: "You can easily book an appointment by calling us at 0812-1025-2023, visiting our salon, or through the 'Book Now' button on our website."},
|
||||||
title: "How do I book an appointment?",
|
|
||||||
content: "You can easily book an appointment by calling us at 0812-1025-2023, visiting our salon, or through the 'Book Now' button on our website.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq2",
|
id: "faq2", title: "What payment methods do you accept?", content: "We accept various payment methods including cash, QRIS, Debit cards, and Credit cards for your convenience."},
|
||||||
title: "What payment methods do you accept?",
|
|
||||||
content: "We accept various payment methods including cash, QRIS, Debit cards, and Credit cards for your convenience.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq3",
|
id: "faq3", title: "What are your operating hours?", content: "We are open daily. Our salon operates until 8:00 PM. Please call for specific daily hours."},
|
||||||
title: "What are your operating hours?",
|
|
||||||
content: "We are open daily. Our salon operates until 8:00 PM. Please call for specific daily hours.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq4",
|
id: "faq4", title: "Do you offer consultations before services?", content: "Yes, we highly recommend a complimentary consultation for all new clients or for specific services like hair coloring to ensure we meet your expectations."},
|
||||||
title: "Do you offer consultations before services?",
|
|
||||||
content: "Yes, we highly recommend a complimentary consultation for all new clients or for specific services like hair coloring to ensure we meet your expectations.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/male-make-up-look-beauty-salon_23-2148784344.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/male-make-up-look-beauty-salon_23-2148784344.jpg"
|
||||||
imageAlt="Salon staff discussing with a client"
|
imageAlt="Salon staff discussing with a client"
|
||||||
@@ -515,9 +305,7 @@ export default function LandingPage() {
|
|||||||
tagAnimation="none"
|
tagAnimation="none"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us Directly",
|
text: "Contact Us Directly", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="none"
|
buttonAnimation="none"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -528,18 +316,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
text="Ready for a transformation? Visit KENYUN SALON today or book your appointment easily through our contact details below. We look forward to seeing you!"
|
text="Ready for a transformation? Visit KENYUN SALON today or book your appointment easily through our contact details below. We look forward to seeing you!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Us: 0812-1025-2023",
|
text: "Call Us: 0812-1025-2023", href: "tel:+6281210252023"},
|
||||||
href: "tel:+6281210252023",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9"},
|
||||||
href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -549,66 +332,39 @@ export default function LandingPage() {
|
|||||||
logoText="KENYUN SALON"
|
logoText="KENYUN SALON"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Haircuts & Styling",
|
label: "Haircuts & Styling", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Hair Coloring",
|
label: "Hair Coloring", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facial Treatments",
|
label: "Facial Treatments", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Nail Care",
|
label: "Nail Care", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Salon",
|
title: "Salon", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Products",
|
label: "Our Products", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Client Reviews",
|
label: "Client Reviews", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Book Now",
|
label: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Location",
|
label: "Our Location", href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9"},
|
||||||
href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Call Us",
|
label: "Call Us", href: "tel:+6281210252023"},
|
||||||
href: "tel:+6281210252023",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Website",
|
label: "Website", href: "https://lorealsalonshop.co.id/"},
|
||||||
href: "https://lorealsalonshop.co.id/",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user