From 8cb7ae3bc741e6e3938e9db2f8d2d3469adaa7b3 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 04:42:41 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 458 +++++++++++------------------------------------ 1 file changed, 107 insertions(+), 351 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a0403cd..828162e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,42 +33,24 @@ export default function LandingPage() { @@ -76,125 +58,71 @@ export default function LandingPage() {
@@ -204,18 +132,16 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "Where Expertise Meets Elegance", - }, + type: "text", 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={[ { - text: "Learn More", - href: "#about", - }, + text: "Learn More", href: "#about"}, ]} 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" imageAlt="Professional hairdresser styling client's hair" /> @@ -228,55 +154,31 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Haircuts", - description: "Our expert stylists craft the perfect cut to enhance your features and match your style.", - icon: Scissors, + title: "Precision Haircuts", description: "Our expert stylists craft the perfect cut to enhance your features and match your style.", icon: Scissors, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", - imageAlt: "Hair cutting scissors and comb", - }, + imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Hair cutting scissors and comb"}, { - imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668445.jpg", - 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", + imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-hair-salon_23-2150668445.jpg", imageAlt: "Woman with a fresh, stylish haircut"}, + ] }, { - title: "Vibrant Hair Coloring", - description: "From subtle highlights to bold new hues, we specialize in stunning, long-lasting color transformations.", - icon: Paintbrush, + title: "Vibrant Hair Coloring", description: "From subtle highlights to bold new hues, we specialize in stunning, long-lasting color transformations.", icon: Paintbrush, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-placing-cover-mold-making-paper_23-2147845452.jpg", - imageAlt: "Hair dye bowls and brushes", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-placing-cover-mold-making-paper_23-2147845452.jpg", 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", - 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", + 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"}, + ] }, { - title: "Rejuvenating Facials", - description: "Indulge in our tailored facial treatments designed to cleanse, nourish, and restore your skin's natural glow.", - icon: Sparkles, + title: "Rejuvenating Facials", description: "Indulge in our tailored facial treatments designed to cleanse, nourish, and restore your skin's natural glow.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099209.jpg", - imageAlt: "Natural facial masks ingredients", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099209.jpg", imageAlt: "Natural facial masks ingredients"}, { - 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", - }, - ], - 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", + 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"}, + ] }, ]} title="Our Signature Services" @@ -292,65 +194,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "L'Oréal Professionnel", - 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: "p1", brand: "L'Oréal Professionnel", 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", - brand: "Kerastase", - 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: "p2", brand: "Kerastase", 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", - brand: "Wella Professionals", - 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: "p3", brand: "Wella Professionals", 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", - brand: "OPI", - 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: "p4", brand: "OPI", 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", - brand: "SK-II", - 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: "p5", brand: "SK-II", 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", - brand: "Dyson", - 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", - }, + id: "p6", brand: "Dyson", 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" 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} plans={[ { - id: "basic", - tag: "Hair Care", - tagIcon: Scissors, - price: "IDR 150K", - period: "starting from", - 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: "basic", tag: "Hair Care", tagIcon: Scissors, + price: "IDR 150K", period: "starting from", 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", - tag: "Color & Treatment", - tagIcon: Sparkles, - price: "IDR 350K", - period: "starting from", - 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: "premium", tag: "Color & Treatment", tagIcon: Sparkles, + price: "IDR 350K", period: "starting from", 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", - tag: "Skin Glow", - tagIcon: Smile, - price: "IDR 250K", - period: "starting from", - 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", - ], + id: "facial", tag: "Skin Glow", tagIcon: Smile, + price: "IDR 250K", period: "starting from", 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" @@ -431,39 +255,19 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - 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: "1", name: "Alfini Riswika", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg", imageAlt: "Alfini Riswika" }, { - 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", - 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: "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" }, { - id: "3", - 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: "3", name: "Chatarina Denyza", imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-posing-studio_52683-86505.jpg", imageAlt: "Chatarina Denyza" }, { - id: "4", - 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: "4", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg", imageAlt: "Sarah Johnson" }, { - 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", - quote: "From manicure to pedicure, every detail was perfect. The nail technicians are meticulous and the results are stunning. Best salon in town!", + 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" }, ]} cardTitle="What Our Clients Say" @@ -471,9 +275,7 @@ export default function LandingPage() { cardTagIcon={Star} buttons={[ { - text: "Read All Reviews", - href: "#testimonials", - }, + text: "Read All Reviews", href: "#testimonials"}, ]} buttonAnimation="none" cardAnimation="slide-up" @@ -486,25 +288,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, ]} imageSrc="http://img.b2bpic.net/free-photo/male-make-up-look-beauty-salon_23-2148784344.jpg" imageAlt="Salon staff discussing with a client" @@ -515,9 +305,7 @@ export default function LandingPage() { tagAnimation="none" buttons={[ { - text: "Contact Us Directly", - href: "#contact", - }, + text: "Contact Us Directly", href: "#contact"}, ]} buttonAnimation="none" faqsAnimation="slide-up" @@ -528,18 +316,13 @@ export default function LandingPage() { @@ -549,66 +332,39 @@ export default function LandingPage() { logoText="KENYUN SALON" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Haircuts & Styling", - href: "#services", - }, + label: "Haircuts & Styling", href: "#services"}, { - label: "Hair Coloring", - href: "#services", - }, + label: "Hair Coloring", href: "#services"}, { - label: "Facial Treatments", - href: "#services", - }, + label: "Facial Treatments", href: "#services"}, { - label: "Nail Care", - href: "#services", - }, + label: "Nail Care", href: "#services"}, ], }, { - title: "Salon", - items: [ + title: "Salon", items: [ { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Our Products", - href: "#products", - }, + label: "Our Products", href: "#products"}, { - label: "Pricing", - href: "#pricing", - }, + label: "Pricing", href: "#pricing"}, { - label: "Client Reviews", - href: "#testimonials", - }, + label: "Client Reviews", href: "#testimonials"}, ], }, { - title: "Contact", - items: [ + title: "Contact", items: [ { - label: "Book Now", - href: "#contact", - }, + label: "Book Now", href: "#contact"}, { - label: "Our Location", - href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9", - }, + label: "Our Location", href: "https://maps.app.goo.gl/3Q8T7S7X4A7Y2Z1W9"}, { - label: "Call Us", - href: "tel:+6281210252023", - }, + label: "Call Us", href: "tel:+6281210252023"}, { - label: "Website", - href: "https://lorealsalonshop.co.id/", - }, + label: "Website", href: "https://lorealsalonshop.co.id/"}, ], }, ]}