<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Treading | F - Studio</title>
    <link rel="icon" type="image/png" href="./assets/images/favicon.png">


    <!-- head -->
    <?php include("./includes/head.php"); ?>
</head>

<body>

    <div class="body-wrap">

        <!-- header -->
        <?php include("./includes/header.php"); ?>

        <main>
            <!-- sub banner -->
            <section>
                <div class="inner-sub-banner">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="sub-banner-center text-center">

                                    <h1 class="main-head">Treading </h1>

                                    <div class="salon-breadcrumb-wrapper">
                                        <ul class="salon-breadcrumb">
                                            <li><a href="index.php">Home</a></li>
                                            <li><a href="beauty-and-grooming.php">Bridal</a></li>
                                            <li class="active">Treading </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="sub-banner-overlay-1">
                        <img src="./assets/images/shape/sub-banner-1.webp" class="img-fluid" alt="">
                    </div>

                </div>
            </section>

            <!-- service-detail -->
            <section>
                <div class="inner-service-detail">

                    <div class="container-fluid">

                        <div class="row align-items-start">

                            <!-- Sidebar -->
                            <div class="col-xl-3 col-lg-12 order-2 order-xl-1">

                                <div class="detail-sidebar">

                                    <div class="sidebar-widget">

                                        <h4 class="main-head">Hair Services</h4>

                                        <ul class="sidebar-service-list">

                                            <li>
                                                <a href="premium-hair-cut.php">
                                                    <i class="bi bi-scissors"></i> Premium Hair Cut
                                                </a>
                                            </li>

                                            <li>
                                                <a href="hair-colour.php">
                                                    <i class="bi bi-palette"></i> Hair Colour
                                                </a>
                                            </li>

                                            <li>
                                                <a href="botox-bliss-treatment.php">
                                                    <i class="bi bi-stars"></i> Botox Bliss Treatment
                                                </a>
                                            </li>

                                            <li>
                                                <a href="nanoplastia-hair-treatment.php">
                                                    <i class="bi bi-droplet"></i> Nanoplastia Hair Treatment
                                                </a>
                                            </li>

                                            <li>
                                                <a href="hair-spa.php">
                                                    <i class="bi bi-water"></i> Hair Spa
                                                </a>
                                            </li>

                                            <li>
                                                <a href="korean-hair-spa.php">
                                                    <i class="bi bi-heart"></i> Korean Hair Spa
                                                </a>
                                            </li>

                                        </ul>

                                    </div>

                                </div>

                            </div>

                            <!-- Service Content -->
                            <div class="col-xl-9 col-lg-12 mt-3 order-1 order-xl-2">

                                <div class="service-detail">

                                    <h5 class="sub-head">Hair Services</h5>

                                    <h2 class="main-head">
                                        Premium Hair Cut for a Stylish & <span> Confident Look </span>
                                    </h2>

                                    <p>
                                        <i class="bi bi-caret-right-fill"></i>
                                        At F Studio, our premium hair cut service is designed to give you a modern,
                                        well-groomed, and confident appearance. Our experienced stylists understand
                                        your face shape, hair texture, and personal style before crafting the perfect
                                        haircut that enhances your overall look.
                                    </p>
                                    <p>
                                        <i class="bi bi-caret-right-fill"></i>
                                        Using professional tools and premium hair products, our experts deliver
                                        hairstyles that are easy to maintain and perfectly suited for your lifestyle.
                                        Our goal is to provide a relaxing salon experience while helping you look
                                        your absolute best.
                                    </p>
                                    <div class="detail-img-wrap">
                                        <img src="./assets/images/gallery/img-1.webp" alt="">
                                        <img src="./assets/images/gallery/img-2.webp" alt="">
                                        <img src="./assets/images/gallery/img-3.webp" alt="">
                                        <img src="./assets/images/gallery/img-4.webp" alt="">
                                        <img src="./assets/images/gallery/img-4.webp" alt="">
                                    </div>
                                    <div class="destail-sec">
                                        <h4 class="detail-head">Benefits of Our Premium Hair Cut</h4>
                                        <ul class="detail-list">
                                            <li><i class="bi bi-check-circle"></i> Personalized haircut based on face shape</li>

                                            <li><i class="bi bi-check-circle"></i> Professional styling techniques</li>

                                            <li><i class="bi bi-check-circle"></i> Modern and trendy hair designs</li>

                                            <li><i class="bi bi-check-circle"></i> Premium hair care products</li>

                                            <li><i class="bi bi-check-circle"></i> Long-lasting and easy-to-maintain style</li>
                                        </ul>
                                    </div>
                                    <div class="detail-sec">
                                        <h4 class="detail-head">Why Choose F Studio</h4>

                                        <p>
                                            At F Studio, we are committed to providing premium salon services with expert
                                            stylists, modern techniques, and high-quality products that enhance your
                                            style and confidence.
                                        </p>
                                        <ul class="why-choose-list">

                                            <li>
                                                <i class="bi bi-person-badge"></i> Expert Stylists
                                            </li>

                                            <li>
                                                <i class="bi bi-stars"></i> Premium Products
                                            </li>

                                            <li>
                                                <i class="bi bi-scissors"></i> Modern Techniques
                                            </li>

                                            <li>
                                                <i class="bi bi-shield-check"></i> Hygienic Salon
                                            </li>

                                            <li>
                                                <i class="bi bi-person-heart"></i> Personalized Care
                                            </li>

                                            <li>
                                                <i class="bi bi-emoji-smile"></i> Relaxing Experience
                                            </li>

                                        </ul>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>

                </div>

            </section>


            <section>
                <div class="inner-change-section">
                    <div class="container-fluid">

                        <div class="header-sec text-center">

                            <h5 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                TRANSFORMATION GALLERY
                            </h5>

                            <h3 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                Before & After Results
                            </h3>

                        </div>

                        <div class="row mt-4">
                            <div class="col-lg-6 col-md-6 col-sm-6  col-xs-6  mt-3  justify-content-center align-items-center">
                                <div class="before-after-wrapper">

                                    <div class="before-after-container">

                                        <img src="./assets/images/gallery/img-1.webp" class="before-img">

                                        <div class="after-wrapper">
                                            <img src="./assets/images/gallery/img-2.webp" class="after-img">
                                        </div>

                                        <div class="slider"></div>

                                        <input type="range" min="0" max="100" value="50" class="slider-range">

                                        <span class="label-before">Before</span>
                                        <span class="label-after">After</span>

                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 mt-3  justify-content-center align-items-center">
                                <div class="before-after-wrapper">

                                    <div class="before-after-container">

                                        <img src="./assets/images/before/hair-cut-1.png" class="before-img">

                                        <div class="after-wrapper">
                                            <img src="./assets/images/before/hair-cut-2.png" class="after-img">
                                        </div>

                                        <div class="slider"></div>

                                        <input type="range" min="0" max="100" value="50" class="slider-range">

                                        <span class="label-before">Before</span>
                                        <span class="label-after">After</span>

                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>





            <!-- FAQ Section -->
            <section class="service-detail-faq">

                <div class="inner-home-faq" class="wow animate__animated animate__fadeIn" data-wow-duration="1.2s">
                    <div class="container-fluid">

                        <div class="faq-wrap-inner">

                            <!-- Header -->

                            <div class="header-sec text-center">

                                <h5 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                    HELP CENTER
                                </h5>

                                <h3 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                    Frequently Asked Questions
                                </h3>

                            </div>


                            <div class="faq-wrap">

                                <div class="accordion custom-faq" id="faqAccordion">

                                    <div class="row">

                                        <!-- FAQ 1 -->
                                        <div class="col-md-6">

                                            <div class="accordion-item wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">

                                                <h2 class="accordion-header">
                                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">

                                                        <span class="faq-number">1.</span>
                                                        What is the best hair spa and beauty parlour in Coimbatore?

                                                    </button>
                                                </h2>

                                                <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">

                                                    <div class="accordion-body">
                                                        F Studio is one of the best hair spa and beauty parlours in Coimbatore. We provide professional hair spa treatments, hair styling, skincare services, and complete beauty care solutions for both men and women.
                                                    </div>

                                                </div>

                                            </div>

                                        </div>


                                        <!-- FAQ 2 -->
                                        <div class="col-md-6">

                                            <div class="accordion-item wow animate__animated animate__fadeInUp" data-wow-delay="0.3s">

                                                <h2 class="accordion-header">
                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">

                                                        <span class="faq-number">2.</span>
                                                        What are the benefits of having a hair spa treatment?

                                                    </button>
                                                </h2>

                                                <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">

                                                    <div class="accordion-body">
                                                        Hair spa treatments help repair damaged hair, reduce hair fall, improve scalp health, and make your hair smoother and shinier. Regular hair spa sessions also support healthy hair growth and deep nourishment.
                                                    </div>

                                                </div>

                                            </div>

                                        </div>


                                        <!-- FAQ 3 -->
                                        <div class="col-md-6">

                                            <div class="accordion-item wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">

                                                <h2 class="accordion-header">
                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">

                                                        <span class="faq-number">3.</span>
                                                        How often should I get a hair spa treatment?

                                                    </button>
                                                </h2>

                                                <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">

                                                    <div class="accordion-body">
                                                        Hair experts recommend getting a hair spa treatment once every three to four weeks. This helps keep your scalp healthy, reduce dryness, and maintain smooth, nourished hair.
                                                    </div>

                                                </div>

                                            </div>

                                        </div>


                                        <!-- FAQ 4 -->
                                        <div class="col-md-6">

                                            <div class="accordion-item wow animate__animated animate__fadeInUp" data-wow-delay="0.5s">

                                                <h2 class="accordion-header">
                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">

                                                        <span class="faq-number">4.</span>
                                                        What beauty services does F Studio provide in Coimbatore?

                                                    </button>
                                                </h2>

                                                <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">

                                                    <div class="accordion-body">
                                                        F Studio offers a wide range of beauty services including hair spa, haircuts, hair styling, hair coloring, skincare treatments, makeup services, and other professional beauty care services.
                                                    </div>

                                                </div>

                                            </div>

                                        </div>


                                        <!-- FAQ 5 -->
                                        <div class="col-md-6">

                                            <div class="accordion-item wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">

                                                <h2 class="accordion-header">
                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5">

                                                        <span class="faq-number">5.</span>
                                                        How can I book an appointment at F Studio in Coimbatore?

                                                    </button>
                                                </h2>

                                                <div id="faq5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">

                                                    <div class="accordion-body">
                                                        You can book an appointment by calling us at <strong>073389 28824</strong> or by visiting our salon at Saibaba Colony, Coimbatore for professional hair spa and beauty services.
                                                    </div>

                                                </div>

                                            </div>

                                        </div>


                                        <!-- FAQ 6 -->
                                        <div class="col-md-6">

                                            <div class="accordion-item wow animate__animated animate__fadeInUp" data-wow-delay="0.7s">

                                                <h2 class="accordion-header">
                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq6">

                                                        <span class="faq-number">6.</span>
                                                        What makes F Studio the best hair spa and beauty salon in Coimbatore?

                                                    </button>
                                                </h2>

                                                <div id="faq6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">

                                                    <div class="accordion-body">
                                                        F Studio stands out because of its experienced hair stylists, high-quality products, modern beauty treatments, and personalized care that helps clients achieve healthy hair and glowing skin.
                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>



                    <!-- Overlay Images -->

                    <div class="faq-overlay-1 wow animate__animated animate__fadeInLeft" data-wow-delay="0.4s">
                        <img src="./assets/images/home/faq-overlay-1.webp" alt="">
                    </div>

                    <div class="faq-overlay-2 wow animate__animated animate__fadeInRight" data-wow-delay="0.5s">
                        <img src="./assets/images/home/faq-overlay-2.webp" alt="">
                    </div>

                </div>

            </section>

        </main>

        <!-- footer -->
        <?php include("./includes/footer.php"); ?>

    </div>

    <!-- Script -->
    <?php include("./includes/script.php"); ?>

</body>

</html>