@extends('layouts/layout')

@section('title', "QBio Gel | Enhance Absorption & Hydrate Skin | Quintessence Biologics")
@section('page-description', 'Boost the effectiveness of QBio Elixir and QBio Gro with QBio Gel by Quintessence Biologics. This antioxidant-rich, hydrating gel maximizes absorption, soothes sensitive skin, and improves elasticity for a nourished complexion.')
@section('page-keywords', 'QBio Gel, Quintessence Biologics, Enhance product absorption, Buy Skin hydration gel, Buy Antioxidant-rich formula, Soothing sensitive skin, Improve skin elasticity, Moisturizing gel, Skin softening product, Hydrating agents, Boost skin hydration, Facilitate deeper penetration, Dermatologically tested, Compatible with all skin types, Skin care booster, Maximize skincare effectiveness, Hydrating skincare products, Proprietary blend antioxidants, Nourished complexion, Skin rejuvenation')

@section('page-style')
@endsection

@section('page-script')
<script src="{{asset('assets/js/product-detail-page.js')}}"></script>
@endsection

@section('content')
    <div class="each-page product-detail-page product-jel-page">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">QBio Gel</li>
                </ol>
            </nav>

            <div class="introduce-wrapper g-5">
                <div class=" about-img-wrapper pt-4 text-center">
                    <img src="{{asset('assets/imgs/goods-jel.png')}}" class="about-img mw-100">
                </div>
                <div class="text-content-wrapper">
                    <h1 class="fs-72 fw-strong mb-24">QBIO GEL</h1>
                    <p class="fs-18 mb-24">Crafted from a proprietary blend of antioxidants and hydrating agents, QBio Gel is formulated to maximize the absorption of QBio Exlixir and QBio Gro upon application. This enriching gel not only facilitates deeper penetration of these products but also delivers an extra surge of nourishment and hydration to both your skin and scalp when used standalone</p>
                    <div class="d-block d-md-flex gap-4">
                        <div class="goods-spec mb-3">
                            Compatible with all skin types
                        </div>
                        <div class="goods-spec mb-3">
                            Dermatologically tested
                        </div>
                    </div>

                    <hr>

                    <h6 class="fs-18 color-translucent-5 mb-32">FORMULATED TO BE EFFECTIVE FOR</h6>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="goods-property">
                                <svg width="40" height="41" viewBox="0 0 40 41">
                                    <use xlink:href="#icon-tightening_skin"></use>
                                </svg>
                                <label>Soothing Sensitive Skin</label>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="goods-property">
                                <svg width="40" height="40" viewBox="0 0 40 40">
                                    <use xlink:href="#icon-improving_skin_tone"></use>
                                </svg>
                                <label>Improving Skin Elasticity</label>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="goods-property mb-0">
                                <svg width="40" height="41" viewBox="0 0 40 41">
                                    <use xlink:href="#icon-diminishing_age"></use>
                                </svg>
                                <label>Moisturizing, Hydrating, and Softening Skin</label>
                            </div>
                        </div>
                    </div>

                    <hr>

                    <h6 class="fs-18 color-translucent-5 mb-3">PRICE</h6>
                    <h2 class="fs-48-important fw-bold">Not for sale individually</h2>

                    <hr>

                    <h5 class="mb-24 fw-regular">PRODUCT DETAILS</h5>
                    
                    <h6 class="fs-18 fw-regular color-translucent-5 mb-3">PHYSICAL STATE</h6>
                    <p class="fs-18 mb-24">Colorless fluid.</p>

                    <h6 class="fs-18 fw-regular color-translucent-5 mb-3">STORAGE CONDITION</h6>
                    <p class="fs-18 mb-24">Store in a cool, dry place, away from direct sunlight, between 2 to 30 degrees Celsius.</p>
                </div>
            </div>
        </div>
    </div>
@endsection