@extends('home_layout.master')

@section('page_styles')

@stop


@section('content')
    <!-- Home Banner -->
    <section class="banner-section banner-sec-fourteen">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="banner-content aos" data-aos="fade-up">
                        <div class="banner-head">
                            <h6>Manage Your Time Efficiently with Imprius</h6>
                            <h1>Smart Scheduling for Professionals</h1>
                            <p>Book appointments, manage your availability, and let your clients easily schedule meetings or services. Get started today!</p>
                        </div>
                        <div class="banner-form-field">
                            <span>Book Now</span>
                            <form action="">
                                <div class="row">
                                    <div class="col-xl-6 col-lg-12 col-md-6">
                                        <div class="input-block">
                                            <div class="icon-badge">
                                                <span><i class="feather-user"></i></span>
                                            </div>
                                            <div class="banner-input-box">
                                                <label class="form-label">Name</label>
                                                <input type="text" class="form-control" placeholder="Dorothy Joanne">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-12 col-md-6">
                                        <div class="input-block">
                                            <div class="icon-badge">
                                                <span><i class="feather-smartphone"></i></span>
                                            </div>
                                            <div class="banner-input-box">
                                                <label class="form-label">Phone Number</label>
                                                <input type="text" class="form-control" placeholder="1 XXXXX YYY95">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-12 col-md-6">
                                        <div class="input-block">
                                            <div class="icon-badge">
                                                <span><i class="feather-mail"></i></span>
                                            </div>
                                            <div class="banner-input-box">
                                                <label class="form-label">Email</label>
                                                <input type="email" class="form-control" placeholder="Sample@example.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-12 col-md-6">
                                        <div class="input-block">
                                            <div class="icon-badge">
                                                <span><i class="feather-map-pin"></i></span>
                                            </div>
                                            <div class="banner-input-box">
                                                <label class="form-label">Location</label>
                                                <input type="text" class="form-control" placeholder="Newyork, United States">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </form>
                        </div>
                        <div class="banner-btns">
                            <a href="#" class="btn appoint-btn"><i class="feather-file me-2"></i>Book an Appointment</a>
                            <a href="#" class="btn demo-btn"><i class="feather-video me-2"></i>Live Demo</a>
                        </div>

                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="banner-sec-img">
{{--                        <span><img src="assets/img/banner-img-13.png" class="img-fluid" alt="Img"></span>--}}
                        <span><img src="{{asset('img/person002.png')}}" class="img-fluid" alt="Img"></span>
                        <span class="banner-curve aos" data-aos="fade-up" data-aos-delay="500"><img src="assets/img/banner-img-curve-13.png" class="img-fluid" alt="Img"></span>
                        <span class="banner-round-bg"><img src="assets/img/banner-round-vector-13.png" alt="Img"></span>
                        <span class="cloud-bg-one" data-aos="fade-right" data-aos-delay="500"><img src="assets/img/banner-cluoud-01.png" alt="Img"></span>
                        <span class="cloud-bg-two" data-aos="fade-left" data-aos-delay="500"><img src="assets/img/banner-cluoud-02.png" alt="Img"></span>
                        <span class="lief-img"><img src="assets/img/banner-lief-img.png" alt="Img"></span>
                        <span class="banner-curve-two"><img src="assets/img/banner-curve-bg.png" alt="Img"></span>
                        <span class="chat-call-btn"><a href="chat-doctor.html">Chat and Call Now</a></span>
                        <div class="banner-cal-icon">
                            <span class="calender-border"><img src="assets/img/icons/banner-cal-icon.svg" alt="Img"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /Home Banner -->

    <!-- How it Work -->
    <div class="how-it-work-fourteen">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-5 col-lg-4">
                    <div class="section-work-head" data-aos="fade-up" data-aos-delay="400">
                        <span>Book Appointments Effortlessly</span>
                        <h2>How It Works & Scheduling Made Simple</h2>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-8">
                    <ul class="work-flow-chart">
                        <li data-aos="fade-up" data-aos-delay="500">
                            <img src="assets/img/bg/chart-arrow-01.png" alt="Img">
                            <div class="flow-chart-list">
                                <span class="chart-icon">
                                    <i class="fas fa-user-plus fa-2x text-primary"></i>
{{--                                    <img src="assets/img/icons/flow-chart-icon-01.svg" alt="Img">--}}
                                </span>
                                <h6>Sign Up</h6>
                                <span class="chart-count">01</span>
                            </div>
                        </li>
                        <li data-aos="fade-up" data-aos-delay="600">
                            <img src="assets/img/bg/chart-arrow-01.png" alt="Img">
                            <div class="flow-chart-list bg-yelllow">
                                <span class="chart-icon">
                                    <i class="fas fa-calendar-days fa-2x text-warning"></i>
                                </span>
                                <h6>Set Availability</h6>
                                <span class="chart-count">02</span>
                            </div>
                        </li>
                        <li data-aos="fade-up" data-aos-delay="700">
                            <img src="assets/img/bg/chart-arrow-01.png" alt="Img">
                            <div class="flow-chart-list">
                                <span class="chart-icon">
                                    <i class="fas fa-share-from-square fa-2x text-primary"></i>
{{--                                    <img src="assets/img/icons/flow-chart-icon-03.svg" alt="Img">--}}
                                </span>
                                <h6>Share</h6>
                                <span class="chart-count">03</span>
                            </div>
                        </li>
                        <li data-aos="fade-up" data-aos-delay="800">
                            <img src="assets/img/bg/chart-arrow-02.png" alt="Img">
                            <div class="flow-chart-list bg-yelllow">
                                <span class="chart-icon">
                                    <i class="fas fa-clipboard-check fa-2x text-warning"></i>
{{--                                    <img src="assets/img/icons/flow-chart-icon-04.svg" alt="Img">--}}
                                </span>
                                <h6>Schedule</h6>
                                <span class="chart-count">04</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- /How it Work -->

    <!-- Service Section -->
    <section class="service-sec-fourteen">
        <div class="section-bg">
            <img src="assets/img/bg/sercice-sec-bg.png" alt="Img">
        </div>
        <div class="container">
            <div class="section-head-fourteen">
                <h2>Our Features</h2>
                <p>The more appointments you handle, the more streamlined your workflow becomes. Boost your productivity and efficiency—get started today!</p>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-12 d-flex">
                    <div class="service-type-cards w-100">
                        <div class="service-types" data-aos="fade-down">
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                            <div class="service-content">
                                <h4><a href="#">Real-Time Booking</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                        </div>
                        <div class="service-types" data-aos="fade-down">
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                            <div class="service-content">
                                <h4><a href="#">Calendar Syncing</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                        </div>
                        <div class="service-types" data-aos="fade-down">
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                            <div class="service-content">
                                <h4><a href="#">Automated Reminders</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                        </div>
                        <div class="service-types" data-aos="fade-down">
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                            <div class="service-content">
                                <h4><a href="#">Customizable Availability</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                        </div>
                        <div class="service-types" data-aos="fade-down">
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                            <div class="service-content">
                                <h4><a href="#">Client Self-Scheduling</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 d-flex">
                    <div class="services-img-col w-100">
                        <div class="sec-img-center">
                            <img src="{{generatePlaceholderImage(792,1300)}}" alt="Img">
                        </div>
                        <div class="img-center img-center-one" data-aos="fade-down" data-aos-delay="500">
                            <img src="{{generatePlaceholderImage(230,150)}}" alt="Img">
                        </div>
                        <div class="img-center img-center-two" data-aos="fade-up" data-aos-delay="800">
                            <img src="{{generatePlaceholderImage(230,150)}}" alt="Img">
                        </div>
                    </div>

                </div>
                <div class="col-lg-4 col-md-12 d-flex">
                    <div class="service-type-cards w-100">
                        <div class="service-types service-type-right" data-aos="fade-down">
                            <div class="service-content">
                                <h4><a href="#">Payment Integration</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                        </div>
                        <div class="service-types service-type-right" data-aos="fade-down">
                            <div class="service-content">
                                <h4><a href="#">Analytics & Reporting</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                        </div>
                        <div class="service-types service-type-right" data-aos="fade-down">
                            <div class="service-content">
                                <h4><a href="#">Multi-User Access</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                        </div>
                        <div class="service-types service-type-right" data-aos="fade-down">
                            <div class="service-content">
                                <h4><a href="#">Video Conferencing Integration</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                        </div>
                        <div class="service-types service-type-right" data-aos="fade-down">
                            <div class="service-content">
                                <h4><a href="#">Custom Branding</a></h4>
                                <a href="#" class="explore-link">Explore<i class="feather-arrow-right-circle"></i></a>
                            </div>
                            <div class="doctor-image">
                                <a href="#"><img src="{{generatePlaceholderImage(90,86)}}" alt="Img"></a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- /Service Section -->



    <!-- Top Nurses Section -->
    <section class="neraby-nurses-sec top-nurse-sec">
        <div class="container">
            <div class="section-head-fourteen" data-aos="fade-up">
                <h2>Top <span> Services </span></h2>
                <p>Our Qualified People</p>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="top-nurse-profile-slider owl-carousel">
                        <div class="nurse-profile" data-aos="fade-down">
                            <div class="nurse-img">
                                <a href="doctor-profile.html"><img src="{{generatePlaceholderImage(830,640)}}" alt="Img"></a>
                                <span class="badge">7+ Years Experience</span>
                                <span class="fav-item img-top-item">
										<a href="javascript:void(0)" class="fav-icon">
											<i class="feather-heart"></i>
										</a>
									</span>
                                <span class="calender-icon img-top-item">
										<a href="javascript:void(0)">
											<i class="feather-calendar"></i>
										</a>
									</span>
                            </div>
                            <div class="nurse-pofile-info">
                                <div class="d-flex justify-content-between">
                                    <div class="nurse-name">
                                        <h5><a href="doctor-profile.html">Carolyn</a></h5>
                                        <span>United States</span>
                                    </div>
                                    <span><img src="assets/img/icons/nurse-slide-badge-01.svg" alt="Img"></span>
                                </div>
                                <div class="nurse-details">
                                    <h6><span><i class="feather-thumbs-up"></i>94%</span>1756 Bookings</h6>
                                    <span class="distance"><i class="feather-map-pin"></i>600 m</span>
                                </div>
                                <div class="nurse-book">
                                    <div class="nurse-fees">
                                        <h5>$120 <span>Per day</span></h5>
                                    </div>
                                    <div class="book-btns">
                                        <a href="booking-2.html">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="nurse-profile" data-aos="fade-down">
                            <div class="nurse-img">
                                <a href="doctor-profile.html"><img src="{{generatePlaceholderImage(830,640)}}" alt="Img"></a>
                                <span class="badge">10+ Years Experience</span>
                                <span class="fav-item img-top-item">
										<a href="javascript:void(0)" class="fav-icon">
											<i class="feather-heart"></i>
										</a>
									</span>
                                <span class="calender-icon img-top-item">
										<a href="javascript:void(0)">
											<i class="feather-calendar"></i>
										</a>
									</span>
                            </div>
                            <div class="nurse-pofile-info">
                                <div class="d-flex justify-content-between">
                                    <div class="nurse-name">
                                        <h5><a href="doctor-profile.html">Jasmine Madeleine</a></h5>
                                        <span>United States</span>
                                    </div>
                                    <span><img src="assets/img/icons/nurse-slide-badge-02.svg" alt="Img"></span>
                                </div>
                                <div class="nurse-details">
                                    <h6><span><i class="feather-thumbs-up"></i>98%</span>1856 Bookings</h6>
                                    <span class="distance"><i class="feather-map-pin"></i>700 m</span>
                                </div>
                                <div class="nurse-book">
                                    <div class="nurse-fees">
                                        <h5>$100 <span>Per day</span></h5>
                                    </div>
                                    <div class="book-btns">
                                        <a href="booking-2.html">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="nurse-profile" data-aos="fade-down">
                            <div class="nurse-img">
                                <a href="doctor-profile.html"><img src="{{generatePlaceholderImage(830, 640)}}" alt="Img"></a>
                                <span class="badge">15+ Years Experience</span>
                                <span class="fav-item img-top-item">
										<a href="javascript:void(0)" class="fav-icon">
											<i class="feather-heart"></i>
										</a>
									</span>
                                <span class="calender-icon img-top-item">
										<a href="javascript:void(0)">
											<i class="feather-calendar"></i>
										</a>
									</span>
                            </div>
                            <div class="nurse-pofile-info">
                                <div class="d-flex justify-content-between">
                                    <div class="nurse-name">
                                        <h5><a href="doctor-profile.html">Samantha Tracey</a></h5>
                                        <span>United Kingdom</span>
                                    </div>
                                    <span><img src="assets/img/icons/nurse-slide-badge-01.svg" alt="Img"></span>
                                </div>
                                <div class="nurse-details">
                                    <h6><span><i class="feather-thumbs-up"></i>95%</span>1156 Bookings</h6>
                                    <span class="distance"><i class="feather-map-pin"></i>500 m</span>
                                </div>
                                <div class="nurse-book">
                                    <div class="nurse-fees">
                                        <h5>$150 <span>Per day</span></h5>
                                    </div>
                                    <div class="book-btns">
                                        <a href="booking-2.html">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="nurse-profile" data-aos="fade-down">
                            <div class="nurse-img">
                                <a href="doctor-profile.html"><img src="{{generatePlaceholderImage(830, 640)}}" alt="Img"></a>
                                <span class="badge">7+ Years Experience</span>
                                <span class="fav-item img-top-item">
										<a href="javascript:void(0)" class="fav-icon">
											<i class="feather-heart"></i>
										</a>
									</span>
                                <span class="calender-icon img-top-item">
										<a href="javascript:void(0)">
											<i class="feather-calendar"></i>
										</a>
									</span>
                            </div>
                            <div class="nurse-pofile-info">
                                <div class="d-flex justify-content-between">
                                    <div class="nurse-name">
                                        <h5><a href="doctor-profile.html">Elizabeth Penelope</a></h5>
                                        <span>United States</span>
                                    </div>
                                    <span><img src="assets/img/icons/nurse-slide-badge-01.svg" alt="Img"></span>
                                </div>
                                <div class="nurse-details">
                                    <h6><span><i class="feather-thumbs-up"></i>98%</span>1856 Bookings</h6>
                                    <span class="distance"><i class="feather-map-pin"></i>700 m</span>
                                </div>
                                <div class="nurse-book">
                                    <div class="nurse-fees">
                                        <h5>$140 <span>Per day</span></h5>
                                    </div>
                                    <div class="book-btns">
                                        <a href="booking-2.html">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="nurse-profile" data-aos="fade-down">
                            <div class="nurse-img">
                                <a href="doctor-profile.html"><img src="{{generatePlaceholderImage(830, 640)}}" alt="Img"></a>
                                <span class="badge">5+ Years Experience</span>
                                <span class="fav-item img-top-item">
										<a href="javascript:void(0)" class="fav-icon">
											<i class="feather-heart"></i>
										</a>
									</span>
                                <span class="calender-icon img-top-item">
										<a href="javascript:void(0)">
											<i class="feather-calendar"></i>
										</a>
									</span>
                            </div>
                            <div class="nurse-pofile-info">
                                <div class="d-flex justify-content-between">
                                    <div class="nurse-name">
                                        <h5><a href="doctor-profile.html">Dorothy Joanne</a></h5>
                                        <span>United Kingdom</span>
                                    </div>
                                    <span><img src="assets/img/icons/nurse-slide-badge-01.svg" alt="Img"></span>
                                </div>
                                <div class="nurse-details">
                                    <h6><span><i class="feather-thumbs-up"></i>97%</span>2589 Bookings</h6>
                                    <span class="distance"><i class="feather-map-pin"></i>2.5 m</span>
                                </div>
                                <div class="nurse-book">
                                    <div class="nurse-fees">
                                        <h5>$160 <span>Per day</span></h5>
                                    </div>
                                    <div class="book-btns">
                                        <a href="booking-2.html">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="nurse-profile" data-aos="fade-down">
                            <div class="nurse-img">
                                <a href="doctor-profile.html"><img src="{{generatePlaceholderImage(830, 640)}}" alt="Img"></a>
                                <span class="badge">8+ Years Experience</span>
                                <span class="fav-item img-top-item">
										<a href="javascript:void(0)" class="fav-icon">
											<i class="feather-heart"></i>
										</a>
									</span>
                                <span class="calender-icon img-top-item">
										<a href="javascript:void(0)">
											<i class="feather-calendar"></i>
										</a>
									</span>
                            </div>
                            <div class="nurse-pofile-info">
                                <div class="d-flex justify-content-between">
                                    <div class="nurse-name">
                                        <h5><a href="doctor-profile.html">Rachel Sophie</a></h5>
                                        <span>United States</span>
                                    </div>
                                    <span><img src="assets/img/icons/nurse-slide-badge-01.svg" alt="Img"></span>
                                </div>
                                <div class="nurse-details">
                                    <h6><span><i class="feather-thumbs-up"></i>91%</span>5478 Bookings</h6>
                                    <span class="distance"><i class="feather-map-pin"></i>900 m</span>
                                </div>
                                <div class="nurse-book">
                                    <div class="nurse-fees">
                                        <h5>$120 <span>Per day</span></h5>
                                    </div>
                                    <div class="book-btns">
                                        <a href="booking-2.html">Book Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="owl-nav-button">
                        <div class="owl-nav top-nurse-slide-nav nav-control"></div>
                        <a href="doctor-profile.html" class="view-all">View All Top Nurses</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /Top Nurses Section -->



    <!-- Blog Section -->
    <section class="our-blog-fourteen">
        <div class="section-bg">
            <img src="assets/img/bg/blog-bg-14.png" alt="Img">
        </div>
        <div class="container">
            <div class="section-head-fourteen">
                <h2>Our <span> Blog </span></h2>
                <p>Our latest articles</p>
            </div>
            <ul class="nav nav-pills inner-tab" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation" data-aos="fade-up" data-aos-delay="500">
                    <button class="nav-link active" id="pills-all-tab" data-bs-toggle="pill" data-bs-target="#pills-all" type="button" role="tab" aria-controls="pills-all" aria-selected="false">All Blogs</button>
                </li>
                <li class="nav-item" role="presentation" data-aos="fade-up" data-aos-delay="600">
                    <button class="nav-link" id="pills-family-tab" data-bs-toggle="pill" data-bs-target="#pills-family" type="button" role="tab" aria-controls="pills-family" aria-selected="true">Health and Safety</button>
                </li>

                <li class="nav-item" role="presentation" data-aos="fade-up" data-aos-delay="700">
                    <button class="nav-link" id="pills-adult-tab" data-bs-toggle="pill" data-bs-target="#pills-adult" type="button" role="tab" aria-controls="pills-adult" aria-selected="false">Caregiving</button>
                </li>
                <li class="nav-item" role="presentation" data-aos="fade-up" data-aos-delay="800">
                    <button class="nav-link" id="pills-accident-tab" data-bs-toggle="pill" data-bs-target="#pills-accident" type="button" role="tab" aria-controls="pills-accident" aria-selected="false">Food </button>
                </li>
                <li class="nav-item" role="presentation" data-aos="fade-up" data-aos-delay="900">
                    <button class="nav-link" id="pills-fitness-tab" data-bs-toggle="pill" data-bs-target="#pills-fitness" type="button" role="tab" aria-controls="pills-fitness" aria-selected="false">Senior Care</button>
                </li>
                <li class="nav-item" role="presentation" data-aos="fade-up" data-aos-delay="1000">
                    <button class="nav-link" id="pills-explore-tab" data-bs-toggle="pill" data-bs-target="#pills-explore" type="button" role="tab" aria-controls="pills-explore" aria-selected="false">Physiotherapy</button>
                </li>
            </ul>
            <div class="tab-content pt-0 dashboard-tab">
                <div class="tab-pane fade show active" id="pills-all" role="tabpanel" aria-labelledby="pills-all-tab">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="blog-slide-fourteen owl-carousel">
                                <div class="blog-grid-fourteen" data-aos="fade-up" data-aos-delay="500">
                                    <div class="blog-grig-img">
                                        <a href="#"><img src="{{generatePlaceholderImage(830, 570)}}" alt="Img"></a>
                                    </div>
                                    <div class="blog-grid-content">
                                        <div class="grid-head">
                                            <h6>Health and Safety</h6>
                                            <span>01 May 2023</span>
                                        </div>
                                        <h4><a href="#">Adapting Homes for Aging Gracefully: Design Tips for Old Age Comfort</a></h4>
                                        <p>Explore practical design tips to make living spaces in old age homes adaptable and comfortable, enhancing the quality of life for seniors. Learn about accessibility, safety features, and creating a warm environment.</p>
                                        <div class="grid-footer">
                                            <span><i class="feather-eye"></i>1k views</span>
                                            <a href="#">Read More<i class="feather-arrow-right-circle"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-grid-fourteen" data-aos="fade-up" data-aos-delay="600">
                                    <div class="blog-grig-img">
                                        <a href="#"><img src="{{generatePlaceholderImage(830, 570)}}" alt="Img"></a>
                                    </div>
                                    <div class="blog-grid-content">
                                        <div class="grid-head">
                                            <h6>Caregiving</h6>
                                            <span>06 May 2023</span>
                                        </div>
                                        <h4><a href="#">Navigating the Transition: A Guide to Choosing the Right Old Age Home</a></h4>
                                        <p>Explore factors to consider when selecting age home, ensuring a seamless transition for your loved ones. Gain insights into facility options, care services, and creating a supportive environment.</p>
                                        <div class="grid-footer">
                                            <span><i class="feather-eye"></i>850 views</span>
                                            <a href="#">Read More<i class="feather-arrow-right-circle"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-grid-fourteen" data-aos="fade-up" data-aos-delay="700">
                                    <div class="blog-grig-img">
                                        <a href="#"><img src="{{generatePlaceholderImage(830, 570)}}" alt="Img"></a>
                                    </div>
                                    <div class="blog-grid-content">
                                        <div class="grid-head">
                                            <h6>Physiotherapy</h6>
                                            <span>10 May 2023</span>
                                        </div>
                                        <h4><a href="#">Empowering Aging Bodies: The Impact of Physiotherapy in Old Age Home Wellness</a></h4>
                                        <p>Discover the transformative effects of physiotherapy in home care, focusing on tailored interventions that address mobility challenges, pain management, and overall physical health for elderly residents.</p>
                                        <div class="grid-footer">
                                            <span><i class="feather-eye"></i>4.5k views</span>
                                            <a href="#">Read More<i class="feather-arrow-right-circle"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-grid-fourteen" data-aos="fade-up" data-aos-delay="800">
                                    <div class="blog-grig-img">
                                        <a href="#"><img src="{{generatePlaceholderImage(830, 570)}}" alt="Img"></a>
                                    </div>
                                    <div class="blog-grid-content">
                                        <div class="grid-head">
                                            <h6>Health and Safety</h6>
                                            <span>01 May 2023</span>
                                        </div>
                                        <h4><a href="#">Adapting Homes for Aging Gracefully: Design Tips for Old Age Comfort</a></h4>
                                        <p>Explore practical design tips to make living spaces in old age homes adaptable and comfortable, enhancing the quality of life for seniors. Learn about accessibility, safety features, and creating a warm environment.</p>
                                        <div class="grid-footer">
                                            <span><i class="feather-eye"></i>1k views</span>
                                            <a href="#">Read More<i class="feather-arrow-right-circle"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="owl-nav-button">
                    <a href="blog-grid.html" class="view-all">View All Blogs</a>
                </div>
            </div>
        </div>
    </section>
    <!-- /Blog Section -->

    <!-- Pricing Section -->
    <section class="pricing-plane-sec">
        <div class="container">
            <div class="section-head-fourteen">
                <h2>Pricing <span> Plan </span></h2>
                <p>No Extra charges, No Surprise Fees</p>
            </div>
            <div class="price-sec-main">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
                        <div class="price-plane-card">
                            <div class="price-head">
                                <h5>For individuals</h5>
                                <h4>Free</h4>
                                <p>Lorem ipsum dolor sit amet doloroli sitiol conse ctetur adipiscing elit.</p>
                                <h3>$99 <span> /monthly</span></h3>
                            </div>
                            <div class="plane-includes">
                                <h5>What’s included</h5>
                                <ul>
                                    <li><i class="fa-solid fa-circle-check"></i>Unlimited Appointment Bookings</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Automated Reminders</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Multiple Staff Member Support</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Custom Branding</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Calendar Sync</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Recurring Appointments</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Customer Reviews & Ratings </li>
                                </ul>
                            </div>
                            <div class="plane-btn">
                                <a href="{{route('login.form')}}" class="btn btn-primary w-100">Choose Plans</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
                        <div class="price-plane-card active">
                            <div class="price-head">
                                <h5>For 2 Persons</h5>
                                <h4>Basic</h4>
                                <p>Lorem ipsum dolor sit amet doloroli sitiol conse ctetur adipiscing elit.</p>
                                <h3>$120 <span> /monthly</span></h3>
                            </div>
                            <div class="plane-includes">
                                <h5>What’s included</h5>
                                <ul>
                                    <li><i class="fa-solid fa-circle-check"></i>Unlimited Appointment Bookings</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Automated Reminders</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Multiple Staff Member Support</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Custom Branding</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Calendar Sync</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Recurring Appointments</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Customer Reviews & Ratings </li>
                                </ul>
                            </div>
                            <div class="plane-btn">
                                <a href="{{route('login.form')}}" class="btn btn-primary w-100">Choose Plans</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="900">
                        <div class="price-plane-card">
                            <div class="price-head">
                                <h5>For individuals</h5>
                                <h4>Premium</h4>
                                <p>Lorem ipsum dolor sit amet doloroli sitiol conse ctetur adipiscing elit.</p>
                                <h3>$199 <span> /monthly</span></h3>
                            </div>
                            <div class="plane-includes">
                                <h5>What’s included</h5>
                                <ul>
                                    <li><i class="fa-solid fa-circle-check"></i>Unlimited Appointment Bookings</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Automated Reminders</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Multiple Staff Member Support</li>
                                    <li><i class="fa-solid fa-circle-check"></i>Custom Branding</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Calendar Sync</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Recurring Appointments</li>
                                    <li><i class="fa-solid fa-circle-xmark"></i>Customer Reviews & Ratings </li>
                                </ul>
                            </div>
                            <div class="plane-btn">
                                <a href="{{route('login.form')}}" class="btn btn-primary w-100">Choose Plans</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /Pricing Section -->

    <!-- Faq Section -->
    <section class="faq-sec-fourteen">
        <div class="container">
            <div class="section-head-fourteen">
                <h2>Have any <span> Questions? </span></h2>
                <p>No Extra charges, No Surprise Fees</p>
            </div>
            <div class="row">
                <div class="col-lg-7">
                    <div class="faq-main-cards" id="accordionExample">
                        <div class="faq-card aos" data-aos="fade-down">
                            <div class="faq-title">
                                <a data-bs-toggle="collapse" href="#faqOne" aria-expanded="false">
                                    <span>Q</span>
                                    <div class="faq-content">
                                        <h6> How do I sign up for Imprius?</h6>
                                        <div id="faqOne" class="card-collapse collapse show" data-bs-parent="#accordionExample">
                                            <p>
                                                Signing up for Imprius is easy! Just click the "Sign Up" button on the homepage, fill in your details, and you’ll be able to start managing your appointments and bookings in no time. You can also link your social media accounts to sign up even faster.
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>

                        </div>
                        <div class="faq-card aos" data-aos="fade-down">
                            <div class="faq-title">
                                <a class="collapsed" data-bs-toggle="collapse" href="#faqtwo" aria-expanded="false">
                                    <span>Q</span>
                                    <div class="faq-content">
                                        <h6>
                                            Can I customize my booking page with my brand?
                                        </h6>
                                        <div id="faqtwo" class="card-collapse collapse" data-bs-parent="#accordionExample">
                                            <p>
                                                Yes! With Imprius, you can customize your booking page to match your brand by adding your logo, colors, and personal details. This ensures that your customers have a cohesive experience when booking your services.
                                            </p>
                                        </div>
                                    </div>

                                </a>
                            </div>
                        </div>
                        <div class="faq-card aos" data-aos="fade-down">
                            <div class="faq-title">
                                <a class="collapsed" data-bs-toggle="collapse" href="#faqthree" aria-expanded="false">
                                    <span>Q</span>
                                    <div class="faq-content">
                                        <h6>How do I manage my availability?</h6>
                                        <div id="faqthree" class="card-collapse collapse" data-bs-parent="#accordionExample">
                                            <p>
                                                Managing your availability is simple. After signing up, you can set your available hours and days through the dashboard. You can adjust your schedule at any time, and Imprius will automatically update your booking calendar based on the availability you set.
                                            </p>
                                        </div>
                                    </div>

                                </a>
                            </div>
                        </div>
                        <div class="faq-card aos" data-aos="fade-down">
                            <div class="faq-title">
                                <a class="collapsed" data-bs-toggle="collapse" href="#faqfour" aria-expanded="false">
                                    <span>Q</span>
                                    <div class="faq-content">
                                        <h6>Does Imprius integrate with other calendars like Google Calendar?</h6>
                                        <div id="faqfour" class="card-collapse collapse" data-bs-parent="#accordionExample">
                                            <p>
                                                Yes, Imprius integrates with popular calendars like Google Calendar and Outlook. This means your appointments will sync automatically, helping you avoid double bookings and stay organized across all platforms.
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="faq-card aos" data-aos="fade-down">
                            <div class="faq-title">
                                <a class="collapsed" data-bs-toggle="collapse" href="#faqfive" aria-expanded="false">
                                    <span>Q</span>
                                    <div class="faq-content">
                                        <h6> Can I set up recurring appointments for regular clients?</h6>
                                        <div id="faqfive" class="card-collapse collapse" data-bs-parent="#accordionExample">
                                            <p>
                                                Absolutely! Imprius allows you to set up recurring appointments for clients who need regular services. Simply select the recurring option when scheduling, and Imprius will handle the rest, ensuring your repeat clients always have a spot.
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="faq-sec-imgs">
                        <span class="faq-img-one"><img src="{{generatePlaceholderImage(380, 580)}}" alt="Img"></span>
                        <span class="faq-img-two"><img src="assets/img/faq-sec-img-02.png" alt="Img"></span>
                        <span class="faq-img-three"><img src="assets/img/faq-sec-img-03.png" alt="Img"></span>
                        <span class="faq-img-four"><img src="assets/img/faq-sec-img-04.png" alt="Img"></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /Faq Section -->
@stop

@section('page_modals')
    {{--Page modals--}}
@stop
@section('page_scripts')
    <!--CUSTOM SCRIPTS-->
@stop