From 40c82fd45791bb559165c2e2e31c12da3949189e Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 22:10:19 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 400 +++++++++++------------------------------------ 1 file changed, 89 insertions(+), 311 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e3e29cb..6a9429e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,148 +34,87 @@ export default function LandingPage() {
@@ -201,70 +140,25 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - title: "Hair Coloring & Highlights", - author: "Expert Colorists", - description: "Achieve your dream hair color with our professional coloring techniques, including balayage, ombre, and highlights for stunning dimension.", - tags: [ - "Color", - "Highlights", - "Balayage", - ], - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-head-woman_23-2147769797.jpg", - imageAlt: "Woman getting hair colored at salon", - }, + id: "f1", title: "Hair Coloring & Highlights", author: "Expert Colorists", description: "Achieve your dream hair color with our professional coloring techniques, including balayage, ombre, and highlights for stunning dimension.", tags: [ + "Color", "Highlights", "Balayage"], + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-head-woman_23-2147769797.jpg", imageAlt: "Woman getting hair colored at salon"}, { - id: "f2", - title: "Brazilian Hair Treatments", - author: "Smooth & Shine Specialists", - description: "Experience frizz-free, smooth, and incredibly shiny hair with our premium Brazilian blowout and keratin treatments for lasting results.", - tags: [ - "Keratin", - "Smooth", - "Treatment", - ], - imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-out-parking-ticket_1187-5505.jpg", - imageAlt: "Brazilian hair treatment application", - }, + id: "f2", title: "Brazilian Hair Treatments", author: "Smooth & Shine Specialists", description: "Experience frizz-free, smooth, and incredibly shiny hair with our premium Brazilian blowout and keratin treatments for lasting results.", tags: [ + "Keratin", "Smooth", "Treatment"], + imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-out-parking-ticket_1187-5505.jpg", imageAlt: "Brazilian hair treatment application"}, { - id: "f3", - title: "Precision Haircuts & Styling", - author: "Master Stylists", - description: "Get the perfect cut that complements your features and lifestyle, followed by expert styling for any occasion, from casual to glamorous.", - tags: [ - "Cut", - "Style", - "Blowout", - ], - imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-aristocratic-appearance-walking-park-before-lunch-with-family_197531-4330.jpg", - imageAlt: "Hairdresser cutting woman's hair", - }, + id: "f3", title: "Precision Haircuts & Styling", author: "Master Stylists", description: "Get the perfect cut that complements your features and lifestyle, followed by expert styling for any occasion, from casual to glamorous.", tags: [ + "Cut", "Style", "Blowout"], + imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-aristocratic-appearance-walking-park-before-lunch-with-family_197531-4330.jpg", imageAlt: "Hairdresser cutting woman's hair"}, { - id: "f4", - title: "On-Site Wedding Services", - author: "Bridal Beauty Team", - description: "We offer full-service wedding party hair styling and makeup application, ensuring you and your bridal party look flawless on your special day.", - tags: [ - "Wedding", - "Bridal", - "Makeup", - ], - imageSrc: "http://img.b2bpic.net/free-photo/wedding-hairdo-brunette-woman-with-veil_8353-10435.jpg", - imageAlt: "Bridal hair styling for a wedding party", - }, + id: "f4", title: "On-Site Wedding Services", author: "Bridal Beauty Team", description: "We offer full-service wedding party hair styling and makeup application, ensuring you and your bridal party look flawless on your special day.", tags: [ + "Wedding", "Bridal", "Makeup"], + imageSrc: "http://img.b2bpic.net/free-photo/wedding-hairdo-brunette-woman-with-veil_8353-10435.jpg", imageAlt: "Bridal hair styling for a wedding party"}, { - id: "f5", - title: "Hair Rebonding & Straightening", - author: "Straight Hair Experts", - description: "Transform unruly or curly hair into sleek, straight, and manageable locks with our advanced hair rebonding and permanent straightening services.", - tags: [ - "Rebonding", - "Straightening", - "Treatment", - ], - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-does-hair-style-woman_93675-134626.jpg", - imageAlt: "Hair rebonding process for straight hair", - }, + id: "f5", title: "Hair Rebonding & Straightening", author: "Straight Hair Experts", description: "Transform unruly or curly hair into sleek, straight, and manageable locks with our advanced hair rebonding and permanent straightening services.", tags: [ + "Rebonding", "Straightening", "Treatment"], + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-does-hair-style-woman_93675-134626.jpg", imageAlt: "Hair rebonding process for straight hair"}, ]} title="Our Signature Services" description="From classic cuts to advanced treatments, we offer a full range of services to keep your hair looking its best. Specializing in healthy hair solutions and stunning transformations." @@ -279,47 +173,18 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Soft Wavy Layers", - price: "From $150", - imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-wavy-hairstyle-posing_344912-2815.jpg", - imageAlt: "Long flowing wavy hair with layers", + id: "p1", name: "Soft Wavy Layers", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-wavy-hairstyle-posing_344912-2815.jpg", imageAlt: "Long flowing wavy hair with layers"}, + { + id: "p2", name: "Chic Pixie Cut", price: "From $80", imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-positive-portrait-pretty-woman-playing-with-her-hairs-happy-mood-stylish-outfit_291049-2947.jpg", imageAlt: "Short fashionable pixie cut"}, + { + id: "p3", name: "Sleek Brazilian Straight", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-with-clear-skin_23-2149455327.jpg", imageAlt: "Sleek straight dark hair"}, + { + id: "p4", name: "Modern Men's Cut", price: "From $50", imageAlt: "Men's textured crop haircut", imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg" }, { - id: "p2", - name: "Chic Pixie Cut", - price: "From $80", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-positive-portrait-pretty-woman-playing-with-her-hairs-happy-mood-stylish-outfit_291049-2947.jpg", - imageAlt: "Short fashionable pixie cut", - }, + id: "p5", name: "Vibrant Blue Ombre", price: "From $300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-asian-girl-close-eyes-making-wish-cross-fingers-good-luck_1258-18738.jpg", imageAlt: "Vibrant blue ombre hair color"}, { - id: "p3", - name: "Sleek Brazilian Straight", - price: "From $250", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-with-clear-skin_23-2149455327.jpg", - imageAlt: "Sleek straight dark hair", - }, - { - id: "p4", - name: "Modern Men's Cut", - price: "From $50", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg", - imageAlt: "Men's textured crop haircut", - }, - { - id: "p5", - name: "Vibrant Blue Ombre", - price: "From $300", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-asian-girl-close-eyes-making-wish-cross-fingers-good-luck_1258-18738.jpg", - imageAlt: "Vibrant blue ombre hair color", - }, - { - id: "p6", - name: "Natural Balayage", - price: "From $200", - imageSrc: "http://img.b2bpic.net/free-photo/womanwith-healthy-hair-watching-aside-wears-bright-matte-lipstick_633478-1256.jpg", - imageAlt: "Brunette hair with natural balayage highlights", - }, + id: "p6", name: "Natural Balayage", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/womanwith-healthy-hair-watching-aside-wears-bright-matte-lipstick_633478-1256.jpg", imageAlt: "Brunette hair with natural balayage highlights"}, ]} title="Our Portfolio: Transformations & Style" description="Browse through our gallery of recent work, showcasing the stunning results we achieve for our clients. Each style is a testament to our dedication to beauty and hair health." @@ -334,20 +199,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "5.0", - description: "Star Rating (45+ Reviews)", - }, + id: "m1", value: "5.0", description: "Star Rating (45+ Reviews)"}, { - id: "m2", - value: "10+", - description: "Years of Expertise", - }, + id: "m2", value: "10+", description: "Years of Expertise"}, { - id: "m3", - value: "500+", - description: "Happy Clients Served", - }, + id: "m3", value: "500+", description: "Happy Clients Served"}, ]} title="Our Salon By The Numbers" description="Proudly serving the Creve Coeur community with exceptional hair care and styling. Our commitment to client satisfaction is reflected in every service." @@ -359,49 +215,23 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Judabel McClung", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-luxury-woman-white-dress_613910-10999.jpg", - imageAlt: "Judabel McClung", - }, + id: "t1", name: "Judabel McClung", imageSrc: "http://img.b2bpic.net/free-photo/portrait-luxury-woman-white-dress_613910-10999.jpg", imageAlt: "Judabel McClung"}, { - id: "t2", - name: "Jesica Ivy", - imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-standing-city_839833-15335.jpg", - imageAlt: "Jesica Ivy", - }, + id: "t2", name: "Jesica Ivy", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-standing-city_839833-15335.jpg", imageAlt: "Jesica Ivy"}, { - id: "t3", - name: "Elvira Enerio", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg", - imageAlt: "Elvira Enerio", - }, + id: "t3", name: "Elvira Enerio", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg", imageAlt: "Elvira Enerio"}, { - id: "t4", - name: "Jhoy Padilla", - imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", - imageAlt: "Jhoy Padilla", - }, + id: "t4", name: "Jhoy Padilla", imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", imageAlt: "Jhoy Padilla"}, { - id: "t5", - name: "Angela White", - imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-standing-blue-background-celebrating-crazy-amazed-success-with-arms-raised-open-eyes-screaming-excited-winner-concept_839833-11317.jpg", - imageAlt: "Angela White", - }, + id: "t5", name: "Angela White", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-standing-blue-background-celebrating-crazy-amazed-success-with-arms-raised-open-eyes-screaming-excited-winner-concept_839833-11317.jpg", imageAlt: "Angela White"}, { - id: "t6", - name: "Fremaly Ignacio", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60924.jpg", - imageAlt: "Fremaly Ignacio", - }, + id: "t6", name: "Fremaly Ignacio", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60924.jpg", imageAlt: "Fremaly Ignacio"}, ]} cardTitle="What Our Clients Say" cardTag="Client Reviews" buttons={[ { - text: "Read All Reviews", - href: "#contact", - }, + text: "Read All Reviews", href: "#contact"}, ]} cardAnimation="slide-up" /> @@ -412,14 +242,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Happy Clients", - "Local Favorites", - "Community Voted", - "Hair Experts", - "Beauty Partners", - "Style Leaders", - "Wellness Focused", - ]} + "Happy Clients", "Local Favorites", "Community Voted", "Hair Experts", "Beauty Partners", "Style Leaders", "Wellness Focused"]} title="Trusted by Our Community" description="Our loyal clients are our greatest endorsement. We're proud to have built a reputation for excellence in hair care and styling in St. Louis." /> @@ -430,25 +253,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "How do I book an appointment?", - content: "You can easily book online through our website or call us directly at (314) 735-3688 to schedule your visit. We recommend booking in advance to secure your preferred time.", - }, + id: "faq1", title: "How do I book an appointment?", content: "You can easily book online through our website or call us directly at (314) 735-3688 to schedule your visit. We recommend booking in advance to secure your preferred time."}, { - id: "faq2", - title: "What are your salon hours?", - content: "We offer early and late hours for your convenience. Please check our online booking system or call us for the most up-to-date hours of operation.", - }, + id: "faq2", title: "What are your salon hours?", content: "We offer early and late hours for your convenience. Please check our online booking system or call us for the most up-to-date hours of operation."}, { - id: "faq3", - title: "Do you offer consultations for hair services?", - content: "Yes, we offer complimentary consultations for all major services, including coloring, treatments, and wedding hair. This ensures we understand your needs and deliver the best results.", - }, + id: "faq3", title: "Do you offer consultations for hair services?", content: "Yes, we offer complimentary consultations for all major services, including coloring, treatments, and wedding hair. This ensures we understand your needs and deliver the best results."}, { - id: "faq4", - title: "What types of hair treatments do you specialize in?", - content: "We specialize in Brazilian hair treatments, keratin smoothing, hair rebonding, and a range of deep conditioning and repair treatments to restore hair health.", - }, + id: "faq4", title: "What types of hair treatments do you specialize in?", content: "We specialize in Brazilian hair treatments, keratin smoothing, hair rebonding, and a range of deep conditioning and repair treatments to restore hair health."}, ]} sideTitle="Your Questions, Answered" sideDescription="Find quick answers to common questions about our services, booking, and salon policies to help you plan your visit." @@ -461,20 +272,15 @@ export default function LandingPage() { @@ -483,71 +289,43 @@ export default function LandingPage() {