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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nail Art | 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 -->
            <secion>
                <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">Nail Art Services</h1>

                                    <div class="salon-breadcrumb-wrapper">
                                        <ul class="salon-breadcrumb">
                                            <li><a href="index.php">Home</a></li>
                                            <li><a href="services.php">Services</a></li>
                                            <li class="active">Nail Art</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>
            </secion>

            <!-- nail art section -->
            <section>
                <div class="inner-nail-art">
                    <div class="container-fluid">
                        <div class="row align-item-center justify-content-center ">

                            <div class="col-lg-6 col-md-7 col-sm-12 mt-3">
                                <div class="nail-art-left">

                                    <h4 class="sub-head">Creative Nail Art</h4>

                                    <h2 class="main-head">
                                        Stylish Nail Art Designs for Every Occasion
                                    </h2>

                                    <p>
                                        At F Studio, we provide professional nail art services that enhance the beauty of your hands with stylish and trendy designs.
                                    </p>

                                    <p>
                                        From classic manicures to creative nail art, our experts ensure a flawless and long-lasting finish for every look.
                                    </p>
                                    <div class="custom-btn">
                                        <a href="">See More </a>
                                    </div>

                                </div>
                            </div>

                            <div class="col-lg-6 col-md-5 col-sm-12 mt-3">
                                <div class="nail-art-right">
                                    <img src="./assets/images/services/nailart/nail-art-1.webp" class="img-fluid" alt="">
                                </div>
                            </div>

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

            <!-- nail services -->
            <section>
                <div class="inner-nail-services">
                    <div class="container-fluid">
                        <div class="row g-0">

                            <div class="col-xl-5 col-lg-6 col-md-7 px-0">
                                <div class="nail-service-left">
                                    <div class="nail-service-header">
                                        <h4 class="sub-head">Nail Services</h4>
                                        <h2 class="main-head">Beautiful nails with expert care and stylish designs.</h2>
                                    </div>

                                    <div class="nail-service-grid">

                                        <div class="nail-box">
                                            <a href="">
                                                <img src="./assets/images/icons/manicure.webp" alt="">
                                                <h5>Manicure</h5>
                                                <p>Professional manicure services for smooth and healthy nails.</p>
                                            </a>
                                        </div>

                                        <div class="nail-box">
                                            <a href="">

                                                <img src="./assets/images/icons/Pedicure.webp" alt="">
                                                <h5>Pedicure</h5>
                                                <p>Relaxing pedicure treatments that refresh and nourish your feet.</p>
                                            </a>
                                        </div>

                                        <div class="nail-box">
                                            <a href="">

                                                <img src="./assets/images/icons/nail-art.webp" alt="">
                                                <h5>Nail Art</h5>
                                                <p>Creative nail art designs customized to match your style.</p>
                                            </a>
                                        </div>

                                        <div class="nail-box">
                                            <a href="">

                                                <img src="./assets/images/icons/Paraffin.webp" alt="">
                                                <h5>Paraffin Wax</h5>
                                                <p>Deep moisturizing treatment for soft and hydrated skin.</p>
                                            </a>
                                        </div>

                                    </div>

                                </div>
                            </div>

                            <div class="col-xl-7  col-lg-6  col-md-5  px-0">
                                <div class="nail-service-right">
                                </div>
                            </div>

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

            <!-- nail art words -->
            <section>
                <div class="inner-nail-work">
                    <div class="container-fluid">
                        <div class="header-sec text-center">
                            <h5 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                Nail Art Gallery
                            </h5>
                            <h3 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                Explore Our Stunning Nail Art Creations
                            </h3>
                        </div>
                        <div class="nail-work-wrap">

                            <div class="item item1">
                                <a data-fancybox="gallery" href="./assets/images/gallery/nail-art/img-1.webp">
                                    <img src="./assets/images/gallery/nail-art/img-1.webp" alt="">
                                </a>
                            </div>

                            <div class="item item2">
                                <a data-fancybox="gallery" href="./assets/images/gallery/nail-art/img-2.webp">
                                    <img src="./assets/images/gallery/nail-art/img-2.webp" alt="">
                                </a>
                            </div>

                            <div class="item item3">
                                <a data-fancybox="gallery" href="./assets/images/gallery/nail-art/img-3.webp">
                                    <img src="./assets/images/gallery/nail-art/img-3.webp" alt="">
                                </a>
                            </div>

                            <div class="item item4">
                                <a data-fancybox="gallery" href="./assets/images/gallery/nail-art/img-4.webp">
                                    <img src="./assets/images/gallery/nail-art/img-4.webp" alt="">
                                </a>
                            </div>

                            <div class="item item5">
                                <a data-fancybox="gallery" href="./assets/images/gallery/nail-art/img-6.webp">
                                    <img src="./assets/images/gallery/nail-art/img-6.webp" alt="">
                                </a>
                            </div>

                        </div>
                    </div>

                </div>
            </section>


            <!-- testimonial section -->
            <section class="wow animate__animated animate__fadeIn" data-wow-duration="1.2s">
                <div class="inner-home-testimonial">
                    <div class="container-fluid">
                        <div class="header-sec text-center">
                            <h5 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                Client testimonial
                            </h5>
                            <h3 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                listen what our Clients Says
                            </h3>
                        </div>
                        <div class="owl-carousel testimonial-slider wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                            <div class="testimonial-item">
                                <div class="stars">★★★★★</div>
                                <p>
                                    “Visited F Studio in Coimbatore for a hair spa and the results were amazing. My hair feels so soft and healthy now. The staff were very professional and explained each step clearly. Definitely one of the best salons in the city.”
                                </p>
                                <div class="testimonial-user">
                                    <img src="./assets/images/testimonial/img-1.webp" class="img-fluid">
                                    <h5>Ramesh Kumar <span>—</span></h5>
                                </div>
                            </div>
                            <div class="testimonial-item">
                                <div class="stars">★★★★★</div>
                                <p>
                                    “I came here for a facial treatment and I absolutely loved the experience. The products they use are very good and my skin feels fresh and glowing. Highly recommended for anyone looking for quality beauty services in Coimbatore.”
                                </p>
                                <div class="testimonial-user">
                                    <img src="./assets/images/testimonial/img-1.webp" class="img-fluid">
                                    <h5>Priya Narayanan <span>—</span></h5>
                                </div>
                            </div>
                            <div class="testimonial-item">
                                <div class="stars">★★★★★</div>
                                <p>
                                    “The nail art service at F Studio is fantastic. The designs are creative and the staff are very patient while working. The salon is clean, modern, and gives a very relaxing vibe. I will definitely visit again.”
                                </p>
                                <div class="testimonial-user">
                                    <img src="./assets/images/testimonial/img-1.webp" class="img-fluid">
                                    <h5>Meena Lakshmi <span>—</span></h5>
                                </div>
                            </div>
                            <div class="testimonial-item">
                                <div class="stars">★★★★★</div>
                                <p>
                                    “Got a haircut and beard styling here and the result was perfect. The stylist suggested a style that suits my face shape and it looks great. Friendly staff and a very comfortable atmosphere.”
                                </p>
                                <div class="testimonial-user">
                                    <img src="./assets/images/testimonial/img-1.webp" class="img-fluid">
                                    <h5>Arun Prakash <span>—</span></h5>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-progress wow animate__animated animate__fadeInUp" data-wow-delay="0.8s">
                            <span class="progress-bar"></span>
                        </div>

                    </div>
                    <!-- Overlay Decorations -->
                    <div class="testimonial-overlay-1 wow animate__animated animate__fadeInLeft" data-wow-delay="0.4s">
                        <img src="./assets/images/home/testimonial-overlay-1.webp" class="img-fluid" alt="">
                    </div>
                    <div class="testimonial-overlay-2 wow animate__animated animate__fadeInRight" data-wow-delay="0.5s">
                        <img src="./assets/images/home/testimonial-overlay-2.webp" class="img-fluid" alt="">
                    </div>
                </div>

            </section>

        </main>

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

    </div>

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


    <!-- testimonial carousel -->
    <script>
        $(document).ready(function() {

            $('.testimonial-slider').owlCarousel({

                loop: true,
                margin: 30,
                nav: true,
                dots: true,

                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,

                smartSpeed: 800,
                slideTransition: 'ease',

                navText: [
                    "<span class='owl-prev-icon'>‹</span>",
                    "<span class='owl-next-icon'>›</span>"
                ],

                responsive: {
                    0: {
                        items: 1,
                        margin: 20
                    },
                    768: {
                        items: 1,
                        margin: 25
                    },
                    992: {
                        items: 2,
                        margin: 30
                    }
                }

            });

        });
    </script>

</body>

</html>