bender/d1344ada-3a9d-4862-aecb-0131b2ef5e20
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-08 16:11:59 +00:00
parent 81e8743c44 86f0f4959a
commit fd095d3f84
1 changed files with 62 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -33,53 +33,34 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About Us",
id: "about",
},
name: "About Us", id: "about"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kdowzk"
logoAlt="Elegance Studio Logo"
brandName="Elegance Studio"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Unleash Your Inner Radiance"
description="Experience unparalleled beauty services tailored just for you. From stunning hair transformations to rejuvenating skin treatments, we create magic."
tag="Premium Beauty Care"
@@ -87,36 +68,16 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Explore Services",
href: "#features",
},
text: "Explore Services", href: "#features"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
imageAlt: "Woman getting hair styled at a salon",
},
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", imageAlt: "Woman getting hair styled at a salon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg",
imageAlt: "Woman receiving facial treatment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-front-desk-hotel-registration-area_482257-76192.jpg",
imageAlt: "Empty front desk hotel registration area",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg",
imageAlt: "Beautiful woman standing in a bathroom",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407591.jpg",
imageAlt: "Woman doing daily activities in minimal decorated room",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg", imageAlt: "Woman receiving facial treatment"}
]}
mediaAnimation="opacity"
rating={5}
@@ -135,17 +96,11 @@ export default function LandingPage() {
tagIcon={Star}
bulletPoints={[
{
title: "Expert Stylists & Aestheticians",
description: "Our team comprises highly skilled professionals committed to excellence and staying ahead of beauty trends.",
},
title: "Expert Stylists & Aestheticians", description: "Our team comprises highly skilled professionals committed to excellence and staying ahead of beauty trends."},
{
title: "Premium Quality Products",
description: "We use only the finest, carefully selected beauty products to ensure superior results and client satisfaction.",
},
title: "Premium Quality Products", description: "We use only the finest, carefully selected beauty products to ensure superior results and client satisfaction."},
{
title: "Relaxing & Modern Ambiance",
description: "Step into our serene, beautifully designed studio – a tranquil escape where you can truly unwind and be pampered.",
},
title: "Relaxing & Modern Ambiance", description: "Step into our serene, beautifully designed studio – a tranquil escape where you can truly unwind and be pampered."},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
imageAlt="Modern beauty salon interior"
@@ -159,37 +114,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Hair Care",
title: "Styling & Color",
subtitle: "Transform your look",
description: "Expert haircuts, styling, vibrant color treatments, and personalized consultations for your dream hair.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7277.jpg",
imageAlt: "Hairdresser coloring client's hair",
},
tag: "Hair Care", title: "Styling & Color", subtitle: "Transform your look", description: "Expert haircuts, styling, vibrant color treatments, and personalized consultations for your dream hair.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7277.jpg", imageAlt: "Hairdresser coloring client's hair"},
{
tag: "Nail Care",
title: "Manicures & Pedicures",
subtitle: "Perfectly polished",
description: "Indulge in luxurious manicures and pedicures, featuring a wide range of colors and long-lasting finishes.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13143.jpg",
imageAlt: "Nail artist painting client's nails",
},
tag: "Nail Care", title: "Manicures & Pedicures", subtitle: "Perfectly polished", description: "Indulge in luxurious manicures and pedicures, featuring a wide range of colors and long-lasting finishes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13143.jpg", imageAlt: "Nail artist painting client's nails"},
{
tag: "Skin Care",
title: "Facial Treatments",
subtitle: "Radiant complexion",
description: "Rejuvenating facials tailored to your skin type, addressing concerns and restoring your natural glow.",
imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816992.jpg",
imageAlt: "Woman receiving a facial treatment",
},
tag: "Skin Care", title: "Facial Treatments", subtitle: "Radiant complexion", description: "Rejuvenating facials tailored to your skin type, addressing concerns and restoring your natural glow.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816992.jpg", imageAlt: "Woman receiving a facial treatment"},
{
tag: "Beauty Essentials",
title: "Waxing & Brows",
subtitle: "Smooth & defined",
description: "Professional waxing services and expert brow shaping to enhance your facial features with precision.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-eyebrows_23-2148895525.jpg",
imageAlt: "Professional shaping eyebrows",
},
tag: "Beauty Essentials", title: "Waxing & Brows", subtitle: "Smooth & defined", description: "Professional waxing services and expert brow shaping to enhance your facial features with precision.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-eyebrows_23-2148895525.jpg", imageAlt: "Professional shaping eyebrows"},
]}
title="Our Signature Services"
description="Discover a wide range of services designed to make you look and feel your best. From intricate hair designs to rejuvenating skin therapies, we offer everything you need for a complete transformation."
@@ -206,65 +137,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p-1",
brand: "Gloss & Glam",
name: "Volume Boost Shampoo",
price: "$28.00",
rating: 5,
reviewCount: "210 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/relaxation-indoors-products-salt_23-2148796330.jpg",
imageAlt: "Volume Boost Shampoo",
},
id: "p-1", brand: "Gloss & Glam", name: "Volume Boost Shampoo", price: "$28.00", rating: 5,
reviewCount: "210 reviews", imageSrc: "http://img.b2bpic.net/free-photo/relaxation-indoors-products-salt_23-2148796330.jpg", imageAlt: "Volume Boost Shampoo"},
{
id: "p-2",
brand: "Radiant Skin Co.",
name: "Hydrating Face Serum",
price: "$55.00",
rating: 5,
reviewCount: "150 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-transparent-bottle_23-2149046484.jpg",
imageAlt: "Hydrating Face Serum",
},
id: "p-2", brand: "Radiant Skin Co.", name: "Hydrating Face Serum", price: "$55.00", rating: 5,
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-transparent-bottle_23-2149046484.jpg", imageAlt: "Hydrating Face Serum"},
{
id: "p-3",
brand: "Silky Locks",
name: "Deep Repair Conditioner",
price: "$32.00",
rating: 5,
reviewCount: "180 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108880.jpg",
imageAlt: "Deep Repair Conditioner",
},
id: "p-3", brand: "Silky Locks", name: "Deep Repair Conditioner", price: "$32.00", rating: 5,
reviewCount: "180 reviews", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-washed_23-2148108880.jpg", imageAlt: "Deep Repair Conditioner"},
{
id: "p-4",
brand: "Nail Envy",
name: "Gel Effect Nail Polish",
price: "$15.00",
rating: 5,
reviewCount: "95 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-flat-lay_23-2149046505.jpg",
imageAlt: "Gel Effect Nail Polish",
},
id: "p-4", brand: "Nail Envy", name: "Gel Effect Nail Polish", price: "$15.00", rating: 5,
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-flat-lay_23-2149046505.jpg", imageAlt: "Gel Effect Nail Polish"},
{
id: "p-5",
brand: "Aura Glow",
name: "Overnight Renewal Mask",
price: "$48.00",
rating: 5,
reviewCount: "120 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sand-bowl-leaves_23-2148724117.jpg",
imageAlt: "Overnight Renewal Mask",
},
id: "p-5", brand: "Aura Glow", name: "Overnight Renewal Mask", price: "$48.00", rating: 5,
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sand-bowl-leaves_23-2148724117.jpg", imageAlt: "Overnight Renewal Mask"},
{
id: "p-6",
brand: "Pure Essence",
name: "Daily Hydration Moisturizer",
price: "$40.00",
rating: 5,
reviewCount: "165 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238280.jpg",
imageAlt: "Daily Hydration Moisturizer",
},
id: "p-6", brand: "Pure Essence", name: "Daily Hydration Moisturizer", price: "$40.00", rating: 5,
reviewCount: "165 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238280.jpg", imageAlt: "Daily Hydration Moisturizer"},
]}
title="Recommended Beauty Essentials"
description="Maintain your salon glow at home with our curated selection of high-quality beauty products. Each product is chosen for its efficacy and premium ingredients."
@@ -279,61 +168,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Popular",
badgeIcon: Sparkles,
price: "$99",
subtitle: "Essential Glow Package",
buttons: [
id: "basic", badge: "Popular", badgeIcon: Sparkles,
price: "$99", subtitle: "Essential Glow Package", buttons: [
{
text: "Choose Plan",
href: "#contact",
},
text: "Choose Plan", href: "#contact"},
],
features: [
"Haircut & Style",
"Classic Manicure",
"Basic Facial",
],
"Haircut & Style", "Classic Manicure", "Basic Facial"],
},
{
id: "pro",
badge: "Best Value",
badgeIcon: Star,
price: "$189",
subtitle: "Deluxe Pamper Package",
buttons: [
id: "pro", badge: "Best Value", badgeIcon: Star,
price: "$189", subtitle: "Deluxe Pamper Package", buttons: [
{
text: "Choose Plan",
href: "#contact",
},
text: "Choose Plan", href: "#contact"},
],
features: [
"Premium Hair Treatment",
"Gel Manicure & Pedicure",
"Signature Facial",
"Eyebrow Shaping",
],
"Premium Hair Treatment", "Gel Manicure & Pedicure", "Signature Facial", "Eyebrow Shaping"],
},
{
id: "ultimate",
badge: "Ultimate Indulgence",
badgeIcon: CheckCircle,
price: "$299",
subtitle: "Ultimate Rejuvenation Package",
buttons: [
id: "ultimate", badge: "Ultimate Indulgence", badgeIcon: CheckCircle,
price: "$299", subtitle: "Ultimate Rejuvenation Package", buttons: [
{
text: "Choose Plan",
href: "#contact",
},
text: "Choose Plan", href: "#contact"},
],
features: [
"Full Hair Color & Style",
"Luxury Manicure & Pedicure",
"Advanced Anti-Aging Facial",
"Full Body Waxing (optional)",
"Lash Lift & Tint",
],
"Full Hair Color & Style", "Luxury Manicure & Pedicure", "Advanced Anti-Aging Facial", "Full Body Waxing (optional)", "Lash Lift & Tint"],
},
]}
title="Our Service Packages"
@@ -349,45 +208,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t-1",
name: "Sarah J.",
role: "Regular Client",
testimonial: "Elegance Studio is my go-to place for all my beauty needs! The staff are incredibly talented and make every visit feel like a luxurious escape. My hair has never looked better!",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-sensual-brunette-female-white-bra_613910-7922.jpg",
imageAlt: "Sarah J.",
},
id: "t-1", name: "Sarah J.", role: "Regular Client", testimonial: "Elegance Studio is my go-to place for all my beauty needs! The staff are incredibly talented and make every visit feel like a luxurious escape. My hair has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-sensual-brunette-female-white-bra_613910-7922.jpg", imageAlt: "Sarah J."},
{
id: "t-2",
name: "Emily R.",
role: "New Customer",
testimonial: "I was looking for a new salon and found Elegance Studio. Best decision ever! My facial left my skin absolutely glowing, and the esthetician was so knowledgeable and kind.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg",
imageAlt: "Emily R.",
},
id: "t-2", name: "Emily R.", role: "New Customer", testimonial: "I was looking for a new salon and found Elegance Studio. Best decision ever! My facial left my skin absolutely glowing, and the esthetician was so knowledgeable and kind.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg", imageAlt: "Emily R."},
{
id: "t-3",
name: "Jessica L.",
role: "Beauty Blogger",
testimonial: "As a beauty blogger, I've visited many salons, but Elegance Studio truly stands out. The attention to detail in their manicures and pedicures is unmatched. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/new-cosmetics-young-woman-demonstrating-new-cosmetic-products-looking-involved_259150-60074.jpg",
imageAlt: "Jessica L.",
},
id: "t-3", name: "Jessica L.", role: "Beauty Blogger", testimonial: "As a beauty blogger, I've visited many salons, but Elegance Studio truly stands out. The attention to detail in their manicures and pedicures is unmatched. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/new-cosmetics-young-woman-demonstrating-new-cosmetic-products-looking-involved_259150-60074.jpg", imageAlt: "Jessica L."},
{
id: "t-4",
name: "Maria S.",
role: "Valued Patron",
testimonial: "The atmosphere at Elegance Studio is so calming and luxurious. I always leave feeling completely refreshed and beautiful. Their colorist did an amazing job with my highlights!",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-nature_23-2148574868.jpg",
imageAlt: "Maria S.",
},
id: "t-4", name: "Maria S.", role: "Valued Patron", testimonial: "The atmosphere at Elegance Studio is so calming and luxurious. I always leave feeling completely refreshed and beautiful. Their colorist did an amazing job with my highlights!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-nature_23-2148574868.jpg", imageAlt: "Maria S."},
{
id: "t-5",
name: "Chloe B.",
role: "Happy Client",
testimonial: "From the moment I walked in, I felt pampered. The team is friendly and professional, and my waxing service was quick and virtually painless. I'm definitely a returning customer!",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
imageAlt: "Chloe B.",
},
id: "t-5", name: "Chloe B.", role: "Happy Client", testimonial: "From the moment I walked in, I felt pampered. The team is friendly and professional, and my waxing service was quick and virtually painless. I'm definitely a returning customer!", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg", imageAlt: "Chloe B."},
]}
title="What Our Clients Say"
description="Hear from our delighted customers about their unforgettable experiences at Elegance Studio. Their glowing reviews are a testament to our commitment to beauty and client satisfaction."
@@ -401,30 +230,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting our studio during business hours. We recommend booking in advance to secure your preferred time.",
},
id: "faq-1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting our studio during business hours. We recommend booking in advance to secure your preferred time."},
{
id: "faq-2",
title: "What is your cancellation policy?",
content: "We require at least 24 hours' notice for cancellations or rescheduling. Cancellations made within 24 hours of the appointment may incur a fee. Please refer to our detailed policy on the booking page.",
},
id: "faq-2", title: "What is your cancellation policy?", content: "We require at least 24 hours' notice for cancellations or rescheduling. Cancellations made within 24 hours of the appointment may incur a fee. Please refer to our detailed policy on the booking page."},
{
id: "faq-3",
title: "Do you offer gift cards?",
content: "Yes, we do! Elegance Studio gift cards are the perfect present for any occasion. They can be purchased at our reception desk or online through our website, and are valid for all services and products.",
},
id: "faq-3", title: "Do you offer gift cards?", content: "Yes, we do! Elegance Studio gift cards are the perfect present for any occasion. They can be purchased at our reception desk or online through our website, and are valid for all services and products."},
{
id: "faq-4",
title: "What products do you use for treatments?",
content: "We pride ourselves on using only premium, high-quality professional beauty products from trusted brands. Our estheticians and stylists can also provide personalized product recommendations during your visit.",
},
id: "faq-4", title: "What products do you use for treatments?", content: "We pride ourselves on using only premium, high-quality professional beauty products from trusted brands. Our estheticians and stylists can also provide personalized product recommendations during your visit."},
{
id: "faq-5",
title: "Can I bring my own products for a service?",
content: "While we generally use our curated selection of professional products to ensure the best results, please discuss any specific requests with your stylist or esthetician beforehand. This ensures safety and compatibility.",
},
id: "faq-5", title: "Can I bring my own products for a service?", content: "While we generally use our curated selection of professional products to ensure the best results, please discuss any specific requests with your stylist or esthetician beforehand. This ensures safety and compatibility."},
]}
title="Frequently Asked Questions"
description="Have questions about our services, booking process, or anything else? We've compiled a list of common inquiries to help you find the answers you need quickly."
@@ -440,27 +254,16 @@ export default function LandingPage() {
description="Ready for a fresh look or a relaxing pampering session? Contact us to schedule your next appointment, inquire about our services, or simply say hello. We look forward to hearing from you!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your beauty needs or inquiry...",
rows: 4,
name: "message", placeholder: "Tell us about your beauty needs or inquiry...", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/office-employee-workspace-with-laptop-table_23-2148180707.jpg"
@@ -480,19 +283,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/elegancestudio",
ariaLabel: "Instagram",
},
href: "https://instagram.com/elegancestudio", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/elegancestudio",
ariaLabel: "Facebook",
},
href: "https://facebook.com/elegancestudio", ariaLabel: "Facebook"},
{
icon: Film,
href: "https://youtube.com/elegancestudio",
ariaLabel: "YouTube",
},
href: "https://youtube.com/elegancestudio", ariaLabel: "YouTube"},
]}
/>
</div>