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

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>All Services | 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">Premium Beauty Services</h1>

                                    <!-- Breadcrumb -->
                                    <div class="salon-breadcrumb-wrapper">
                                        <ul class="salon-breadcrumb">
                                            <li><a href="#">Home</a></li>
                                            <li class="active">Services</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>

            <!-- Full service card -->
            <section>
                <div class="inner-main-service">
                    <div class="container-fluid">

                        <div class="header-sec">
                            <h5 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                Our Beauty Services
                            </h5>
                            <h3 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                Professional Beauty & <span>Grooming </span> Services
                            </h3>
                        </div>


                        <div class="service-main-wraper">
                            <div class="row justify-content-center">
                                <div class="col-lg-4 col-md-6 col-sm-12 mt-3">
                                    <div class="main-services">

                                        <div class="service-icon">
                                            <i class="fa-solid fa-scissors"></i>
                                        </div>
                                        <a href="hari-services.php">
                                            <h4 class="main-head">Hair <br> Services</h4>
                                        </a>
                                        <div class="service-image">
                                            <a href="hari-services.php">
                                                <img src="./assets/images/services/main/hair-services.webp" class="img-fluid" alt="">

                                                <div class="service-tag">
                                                    Trending
                                                </div>
                                            </a>
                                        </div>

                                        <p class="service-text">
                                            Professional haircuts, styling, coloring, and nourishing treatments designed to give your hair a healthy shine and a confident look.
                                        </p>

                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mt-3">
                                    <div class="main-services">

                                        <div class="service-icon">
                                            <i class="fa-solid fa-spa"></i>
                                        </div>
                                        <a href="facial-and-skin-service.php">
                                            <h4 class="main-head">Facial & <br> Skin Services</h4>
                                        </a>
                                        <div class="service-image">
                                            <a href="facial-and-skin-service.php">
                                                <img src="./assets/images/services/main/facial-services.webp" class="img-fluid" alt="">

                                                <div class="service-tag">
                                                    Skin Care
                                                </div>
                                            </a>
                                        </div>

                                        <p class="service-text">
                                            Rejuvenating facials and advanced skin treatments that cleanse, hydrate, and restore your natural glow for healthier and radiant skin.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mt-3">
                                    <div class="main-services">

                                        <div class="service-icon">
                                            <i class="fa-solid fa-user-tie"></i>
                                        </div>
                                        <a href="beauty-and-grooming.php">
                                            <h4 class="main-head">Beauty & <br> Grooming</h4>
                                        </a>
                                        <div class="service-image">
                                            <a href="beauty-and-grooming.php">
                                                <img src="./assets/images/services/main/bridal-services.webp" class="img-fluid" alt="">

                                                <div class="service-tag">
                                                    Popular
                                                </div>
                                            </a>
                                        </div>

                                        <p class="service-text">
                                            Complete beauty and grooming services including makeup, eyebrow shaping, and personal care treatments to enhance your overall appearance.
                                        </p>

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




                    </div>

                    <div class="main-service-overlay-1">
                        <img src="./assets/images/shape/trimer-1.webp" class="img-fluid" alt="">
                    </div>
                    <div class="main-service-overlay-2">
                        <img src="./assets/images/shape/main-service-overlay-1.webp" class="img-fluid" alt="">
                    </div>

                </div>
            </section>

        </main>

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

    </div>

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

</body>

</html>