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

<head>

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

    <title>Beauty and Grooming | 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">Beauty & Grooming 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">Beauty & Grooming</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 class="sub-banner-overlay-2">
                        <img src="./assets/images/shape/sub-banner-grooming.png" class="img-fluid" alt="">
                    </div>
                </div>
            </section>

            <!-- Services Section -->
            <section>
                <div class="inner-head-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 & Grooming Services
                            </h5>
                            <h3 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                Professional Beauty & Personal Grooming Care
                            </h3>
                        </div>

                        <div class="service-secondary-wrap">
                            <div class="row justify-content-center align-items-stretch">

                                <!-- Card 1 -->
                                <div class="col-lg-4 col-md-6 mt-3 wow animate__animated animate__fadeInUp" data-wow-delay="0.1s">
                                    <div class="service-secondary-card">
                                        <div class="card-icon">
                                            <i class="bi bi-person"></i>
                                        </div>
                                        <div class="card-content">
                                            <a href="#">
                                                <h4>Professional Makeup</h4>
                                            </a>
                                            <p>Enhance your beauty with professional makeup services designed for events, parties, and special occasions.</p>
                                            <a href="#" class="card-arrow">
                                                <i class="bi bi-arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="card-shape">
                                            <img src="./assets/images/services/mens/shape-1.webp" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 2 -->
                                <div class="col-lg-4 col-md-6 mt-3 wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                    <div class="service-secondary-card">
                                        <div class="card-icon">
                                            <i class="bi bi-heart"></i>
                                        </div>
                                        <div class="card-content">
                                            <a href="#">
                                                <h4>Skin Care Treatments</h4>
                                            </a>
                                            <p>Revitalize your skin with advanced treatments that improve texture, hydration, and natural glow.</p>
                                            <a href="#" class="card-arrow">
                                                <i class="bi bi-arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="card-shape">
                                            <img src="./assets/images/services/mens/shape-1.webp" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 3 -->
                                <div class="col-lg-4 col-md-6 mt-3 wow animate__animated animate__fadeInUp" data-wow-delay="0.3s">
                                    <div class="service-secondary-card">
                                        <div class="card-icon">
                                            <i class="bi bi-stars"></i>
                                        </div>
                                        <div class="card-content">
                                            <a href="#">
                                                <h4>Bridal Grooming</h4>
                                            </a>
                                            <p>Complete bridal beauty packages including makeup, skin care, and styling for your special day.</p>
                                            <a href="#" class="card-arrow">
                                                <i class="bi bi-arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="card-shape">
                                            <img src="./assets/images/services/mens/shape-1.webp" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 4 -->
                                <div class="col-lg-4 col-md-6 mt-3 wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                    <div class="service-secondary-card">
                                        <div class="card-icon">
                                            <i class="bi bi-flower1"></i>
                                        </div>
                                        <div class="card-content">
                                            <a href="#">
                                                <h4>Manicure & Pedicure</h4>
                                            </a>
                                            <p>Relaxing nail care services that keep your hands and feet healthy, polished, and beautiful.</p>
                                            <a href="#" class="card-arrow">
                                                <i class="bi bi-arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="card-shape">
                                            <img src="./assets/images/services/mens/shape-1.webp" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 5 -->
                                <div class="col-lg-4 col-md-6 mt-3 wow animate__animated animate__fadeInUp" data-wow-delay="0.5s">
                                    <div class="service-secondary-card">
                                        <div class="card-icon">
                                            <i class="bi bi-droplet"></i>
                                        </div>
                                        <div class="card-content">
                                            <a href="#">
                                                <h4>Waxing Services</h4>
                                            </a>
                                            <p>Smooth and hygienic waxing treatments for clean, soft, and flawless skin.</p>
                                            <a href="#" class="card-arrow">
                                                <i class="bi bi-arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="card-shape">
                                            <img src="./assets/images/services/mens/shape-1.webp" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>

                                <!-- Card 6 -->
                                <div class="col-lg-4 col-md-6 mt-3 wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                    <div class="service-secondary-card">
                                        <div class="card-icon">
                                            <i class="bi bi-brush"></i>
                                        </div>
                                        <div class="card-content">
                                            <a href="#">
                                                <h4>Eyebrow & Threading</h4>
                                            </a>
                                            <p>Perfectly shaped eyebrows and facial threading services to enhance your natural features.</p>
                                            <a href="#" class="card-arrow">
                                                <i class="bi bi-arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="card-shape">
                                            <img src="./assets/images/services/mens/shape-1.webp" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="service-secondary-1 wow animate__animated animate__fadeInRight" data-wow-delay="0.3s">
                        <img src="./assets/images/shape/service-shape-1.webp" class="img-fluid" alt="">
                    </div>

                </div>
            </section>

            <!-- Cta section -->
            <section>
                <div class="inner-service-cta">
                    <div class="cta-bg wow animate__animated animate__zoomIn" data-wow-delay="0.2s">
                        <img src="./assets/images/bg/cta.png" alt="">
                    </div>

                    <div class="container">
                        <div class="cta-content">

                            <h2 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.3s">
                                Ready to Enhance Your <span>Natural Beauty?</span>
                            </h2>

                            <p class="wow animate__animated animate__fadeInUp" data-wow-delay="0.5s">
                                Experience our professional beauty and grooming services at F Studio.
                                From flawless makeup to complete personal grooming, our experts help you
                                look confident, stylish, and radiant for every occasion.
                            </p>

                            <div class="cta-btns d-flex wow animate__animated animate__fadeInUp" data-wow-delay="0.7s">
                                <div class="custom-btn">
                                    <a href="#">Book Your Appointment</a>
                                </div>
                                <div class="banner-btn">
                                    <a href="tel:9876543210">Call Now</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
            
            <!-- service detail -->
            <section>
                <div class="inner-service-wrap">
                    <div class="container-fluid">
                        <div class="row align-items-center">

                            <div class="col-lg-6 col-md-7">
                                <div class="service-wrap-left">

                                    <h4 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                        Hair Services
                                    </h4>

                                    <h2 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                        Professional Hair Care & Styling Services
                                    </h2>

                                    <p class="wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                        <i class="bi bi-caret-right-fill"></i> At F Studio, we offer professional hair services designed to enhance
                                        your style and confidence. Our expert stylists use modern techniques
                                        and premium products to deliver the perfect haircut, styling, and
                                        hair treatments tailored to your personality.
                                    </p>

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

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.7s">
                                            <i class="bi bi-scissors"></i>
                                            <div>
                                                <strong>Precision Haircuts</strong>
                                                <span>Trendy and classic haircuts designed to match your face shape.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.8s">
                                            <i class="bi bi-droplet"></i>
                                            <div>
                                                <strong>Hair Spa Treatment</strong>
                                                <span>Deep nourishment that strengthens and revitalizes your hair.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.9s">
                                            <i class="bi bi-brush"></i>
                                            <div>
                                                <strong>Hair Styling</strong>
                                                <span>Professional styling for everyday looks and special occasions.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="1s">
                                            <i class="bi bi-stars"></i>
                                            <div>
                                                <strong>Hair Smoothening</strong>
                                                <span>Get smooth, shiny and manageable hair with advanced treatments.</span>
                                            </div>
                                        </li>

                                    </ul>

                                    <div class="banner-btn wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                        <a href="tel:9876543210">Call Now</a>
                                    </div>

                                </div>
                            </div>

                            <div class="col-lg-6 col-md-5">
                                <div class="service-wrap-right wow animate__animated animate__fadeInRight" data-wow-delay="0.5s">
                                    <img src="./assets/images/services/main/service-1.png" class="img-fluid" alt="">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="service-wrap-overlay-left wow animate__animated animate__fadeInLeft" data-wow-delay="0.3s">
                        <img src="./assets/images/shape/service-detail-left.webp" class="img-fluid" alt="">
                    </div>
                </div>
            </section>

            <div class="harizontal-line wow animate__animated animate__fadeIn" data-wow-delay="0.3s"></div>

            <!-- service detail -->
            <section>
                <div class="inner-service-wrap">
                    <div class="container-fluid">
                        <div class="row align-items-center">

                            <div class="col-lg-6 col-md-7 order-1 order-md-2">
                                <div class="service-wrap-left">

                                    <h4 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                        Hair Stylist
                                    </h4>

                                    <h2 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                        Expert Hair Styling & Personalized Grooming
                                    </h2>

                                    <p class="wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                        <i class="bi bi-caret-right-fill"></i> At F Studio, our professional hair stylists are dedicated to
                                        creating stylish and personalized looks that enhance your natural appearance.
                                        From trendy haircuts to modern styling techniques, we ensure every client
                                        receives a hairstyle that perfectly matches their personality, face shape,
                                        and lifestyle.
                                    </p>

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

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.7s">
                                            <i class="bi bi-scissors"></i>
                                            <div>
                                                <strong>Precision Haircuts</strong>
                                                <span>Expertly crafted haircuts designed to suit your face shape and style.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.8s">
                                            <i class="bi bi-brush"></i>
                                            <div>
                                                <strong>Creative Hair Styling</strong>
                                                <span>Professional styling for daily looks, parties, and special occasions.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.9s">
                                            <i class="bi bi-stars"></i>
                                            <div>
                                                <strong>Complete Hair Makeover</strong>
                                                <span>Transform your look with modern hairstyles and expert styling.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="1s">
                                            <i class="bi bi-droplet"></i>
                                            <div>
                                                <strong>Hair Care & Treatments</strong>
                                                <span>Nourishing treatments that maintain healthy, smooth, and shiny hair.</span>
                                            </div>
                                        </li>

                                    </ul>
                                    <div class="banner-btn wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                        <a href="tel:9876543210">Call Now</a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-5 order-2 order-md-1">
                                <div class="service-wrap-right wow animate__animated animate__fadeInLeft" data-wow-delay="0.5s">
                                    <img src="./assets/images/services/main/service-1.png" class="img-fluid" alt="">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="service-wrap-overlay-right wow animate__animated animate__fadeInRight" data-wow-delay="0.3s">
                        <img src="./assets/images/shape/service-detail-right.webp" class="img-fluid" alt="">
                    </div>
                </div>
            </section>

            <div class="harizontal-line wow animate__animated animate__fadeIn" data-wow-delay="0.3s"></div>

            <!-- service detail -->
            <section>
                <div class="inner-service-wrap">
                    <div class="container-fluid">
                        <div class="row align-items-center">

                            <div class="col-lg-6 col-md-7">
                                <div class="service-wrap-left">

                                    <h4 class="sub-head wow animate__animated animate__fadeInUp" data-wow-delay="0.2s">
                                        Beard Shaving
                                    </h4>

                                    <h2 class="main-head wow animate__animated animate__fadeInUp" data-wow-delay="0.4s">
                                        Professional Beard Shaving & Grooming Services
                                    </h2>

                                    <p class="wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                        <i class="bi bi-caret-right-fill"></i> At F Studio, we provide professional beard shaving and grooming
                                        services designed to give you a clean, sharp, and stylish look. Our experienced
                                        barbers use precision tools and high-quality grooming products to ensure a
                                        smooth shave while maintaining the health and comfort of your skin.
                                    </p>

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

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.7s">
                                            <i class="bi bi-scissors"></i>
                                            <div>
                                                <strong>Clean & Precise Beard Shave</strong>
                                                <span>Achieve a perfectly clean shave with professional barber techniques.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.8s">
                                            <i class="bi bi-stars"></i>
                                            <div>
                                                <strong>Beard Shaping & Styling</strong>
                                                <span>Expert beard shaping that enhances your facial structure and style.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="0.9s">
                                            <i class="bi bi-droplet"></i>
                                            <div>
                                                <strong>Hot Towel Shave</strong>
                                                <span>A relaxing hot towel shave that softens hair and protects your skin.</span>
                                            </div>
                                        </li>

                                        <li class="wow animate__animated animate__fadeInUp" data-wow-delay="1s">
                                            <i class="bi bi-brush"></i>
                                            <div>
                                                <strong>Beard Care & Conditioning</strong>
                                                <span>Nourishing beard care treatments for healthy and well-maintained facial hair.</span>
                                            </div>
                                        </li>

                                    </ul>
                                    <div class="banner-btn wow animate__animated animate__fadeInUp" data-wow-delay="0.6s">
                                        <a href="tel:9876543210">Call Now</a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-5">
                                <div class="service-wrap-right wow animate__animated animate__fadeInRight" data-wow-delay="0.5s">
                                    <img src="./assets/images/services/main/service-1.png" class="img-fluid" alt="">
                                </div>
                            </div>

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



        </main>

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

    </div>

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

</body>

</html>