@extends('layouts/layout')

@section('title', "Quintessence Biologics | Regenerative Skincare & Haircare with Umbilical Cord Growth Factors")
@section('page-description', 'Experience next-gen skincare and haircare powered by human umbilical cord and amniotic membrane-derived growth factors and exosomes. Achieve your ultimate aesthetic potential with science-backed regenerative solutions.')
@section('page-keywords', 'Quintessence Biologics, Regenerative skincare, Regenerative haircare, Umbilical cord growth factors, Umbilical cord exosomes, Umbilical cord peptides, Amniotic membrane bioactives, Amniotic membrane growth factors, Amniotic membrane exosomes, Amniotic membrane peptides, Exosome skincare, Exosome therapy, Human growth factors, Anti-aging skincare, Hair growth solutions, Skin rejuvenation, Advanced skincare, Bioactive molecules, Stem cell skincare, Next-gen skincare, Science-backed skincare, Skin regeneration, Hair regeneration, Youthful skin, Beauty innovation, Cutting-edge skincare')

@section('page-style')
@endsection

@section('page-script')
<!-- Include GSAP and ScrollTrigger -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollToPlugin.min.js"></script>

<script src="{{asset('assets/js/home.js')}}"></script>
@endsection

@section('content')
    <div class="landing-page">
        <div class="section section-intro">
            <div class="intro-img-wrapper">
                <img src="{{asset('assets/imgs/girl1.png')}}" class="intro-img">
                <img src="{{asset('assets/imgs/dispersion-glass1.png')}}" class="intro-attatch-img d-none d-md-block">
                <img src="{{asset('assets/imgs/dispersion-glass1-2.png')}}" class="intro-attatch-img d-block d-md-none">
            </div>
            
            <div class="container">
                <div class="intro-text">
                    <label class="fs-32">INTRODUCING</label>
                    <h1 class="fs-96 fw-strong mb-3">NEXT-GEN<br>SKINCARE</h1> 
                    <p class="mb-4 mb-md-5">With Human Umbilical Cord and Amniotic Membrane Exosome & Growth Factors</p>
                    <div class="d-block d-md-flex gap-3">
                        <a class="btn btn-primary btn-lg mb-3 w-100 w-md-50" href="{{ route('product-page', ['product' => 'elixir']) }}">Pre-Order</a>
                        <a class="btn btn-outline-primary btn-lg mb-3 w-100 w-md-50" href="{{ asset('pdfs/QBio-Elixir-Preclinical-Insights.pdf') }}" target="_blank">See Pre-Clinical Results</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section section-about">
            <div class="about-img-mobile-wrapper">
                <img src="{{asset('assets/imgs/landing-about-mobile.png')}}" class="w-100">
            </div>
            <div class="container" style="z-index: unset">
                <div class="row gx-5 align-items-center mb-5">
                    <div class="col-lg-6 section-about-img-wrapper">
                        <img src="{{asset('assets/imgs/landing-about.png')}}" class="about-img">
                    </div>
                    <div class="col-lg-6 about-text-wrapper mt-4">
                        <h1 class="fw-strong text-center text-lg-start mb-5">About US</h1>
                        <p class="fs-20">
                        At Quintessence Biologics, we create science-backed products that rejuvenate and restore. We believe true beauty is not about masking flaws but nurturing the skin to its optimal state of health and vitality.
                        </p>
                        <p class="fs-20">
                        Our products embody this philosophy, offering more than superficial beauty – they provide the boost your body needs to realize its full potential.
                        </p>
                    </div>
                </div>
                <div class="d-flex justify-content-center">
                    <div style="max-width: 1100px">
                        <h1 class="fs-72 fw-strong text-center mb-32">The Future Of Post-Procedure Care Is Here</h1>
                        <p class="text-center fs-20 mb-32">Quintessence Biologics is revolutionizing regenerative aesthetics with Patent Pending NEXT-GEN post-procedure solutions powered by growth factors, exosomes, and bioactive molecules from human umbilical cord and amniotic membrane tissue. Our advanced formulations work in harmony with the body’s natural rejuvenating process, reducing downtime and amplifying the cosmetic treatments outcomes.</p>
                        <p class="text-center fs-20">Designed to maximize the effectiveness of aesthetic procedures, our products help you achieve your ultimate aesthetic potential. Whether you’re aiming for smoother skin, enhanced texture, or renewed hair vitality, Quintessence Biologics sets the new standard for post-procedure care—so you don’t just recover, you transform.</p>
                    </div>
                </div>
            </div>
            <img src="{{asset('assets/imgs/bubble-sm.png')}}" class="bubble-img">
        </div>

        <div class="section section-solution">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-8 col-sm-12">
                        <h1 class="fw-strong mb-4">NEXT-GEN Aesthetic Solutions</h1>
                        <p class="fs-20">Powered by human umbilical cord and amniotic membrane tissue-based growth factors, exosomes, and biomolecules.</p>
                    </div>
                </div>
            </div>
            <div>
                <img src="{{asset('assets/imgs/spiral.png')}}" class="solution-img">
            </div>
            <img src="{{asset('assets/imgs/bubble-sm.png')}}" class="bubble-img bubble-first">
            <img src="{{asset('assets/imgs/bubble-lg.png')}}" class="bubble-img bubble-second">
       
            <div class="container">
                <div class="row gx-5 align-items-center">
                    <div class="col-lg-6 about-text-wrapper mt-4">
                        <h1 class="fw-strong mb-5">QBio Pro</h1>
                        <p class="fs-20">
                        Flowable regenerative aesthetics exclusively designed for professionals to enhance the aesthetic outcomes of cosmetic procedures. QBio Pro amplifies recovery, reduces downtime, and promotes optimal rejuvenation, delivering superior results for cosmetic treatments.
                        </p>
                    </div>
                    <div class="col-lg-6 about-img-wrapper">
                        <img src="{{asset('assets/imgs/goods-pro.png')}}" class="about-img">
                    </div>
                   
                </div>
                <div class="row gx-5 align-items-center">
                    <div class="col-lg-6 about-img-wrapper order-lg-1 order-2">
                        <img src="{{asset('assets/imgs/box.png')}}" class="about-img">
                    </div>
                    <div class="col-lg-6 about-text-wrapper order-lg-2 order-1 mt-4">
                        <h1 class="fw-strong mb-5">QBio Elixir</h1>
                        <p class="fs-20">
                        Liophilized post-treatment skincare product designed to accelerate recovery after CO2 laser resurfacing, microneedling, microdermabrasion, and similar cosmetic treatments. QBio Elixir reduces downtime, minimizes irritation, and enhances skin rejuvenation for smoother, firmer, and longer-lasting results.
                        </p>
                    </div>
                </div>
                <div class="row gx-5 align-items-center">
                    <div class="col-lg-6 about-text-wrapper mt-4">
                        <h1 class="fw-strong mb-5">QBio Gro</h1>
                        <p class="fs-20">
                        Lyophilized post-procedure hair care product designed to accelerate recovery following hair grafting, transplants, and other hair restoration treatments. QBio Gro enhances follicle recovery, strengthens hair at the root, and nourishes the scalp, promoting thicker, healthier hair while reducing thinning.
                        </p>
                    </div>
                    <div class="col-lg-6 about-img-wrapper">
                        <img src="{{asset('assets/imgs/goods-gro.png')}}" class="about-img">
                    </div>
                </div>
            </div>
        </div>


        
        <div class="section section-journey">
            <div class="container">
                <h1 class="fw-strong text-center text-lg-start mb-5">Our Journey</h1>
                <div class="d-block d-lg-flex align-items-center gap-5 our-journery-wrapper">
                    <div class="w-100 w-md-50 journey-img-wrapper mb-4 mb-lg-0" class="journey-img-wrapper">
                        <img src="{{asset('assets/imgs/journey.png')}}" class="journey-img mx-auto">
                    </div>

                    <div class="w-100 w-md-50 journey-text-wrapper">
                        <div class="journey-text-content" style="overflow-y: hidden">
                            <div class="journey-item">
                                <h3 class="fw-strong">Beginning <label class="fw-medium color-purple-light fs-24">• August 2014</label></h3>
                                <p>Our story began a decade ago with a groundbreaking discovery in stem cell research. We learned that the key to tissue repair lies not in the stem cells themselves, but in the powerful bioactive molecules they release. These molecules, known as growth factors and cytokines, signal the body to initiate cellular renewal and repair.</p>
                            </div>
                            <div class="journey-item">
                                <h3 class="fw-strong">Insights <label class="fw-medium color-purple-light fs-24">• February 2018</label></h3>
                                <p>Building on this insight, we developed an innovative technology to harness these bioactive molecules from human umbilical cord and amniotic membrane tissues. Our proprietary formulations have since transformed regenerative medicine, restoring health and wellness to over 100,000 people.</p>
                            </div>
                            <div class="journey-item">
                                <h3 class="fw-strong">Revolution <label class="fw-medium color-purple-light fs-24">• July 2024</label></h3>
                                <p class="mb-5">Now, we're bringing this technology to the world of beauty. With our QBio product line, we make the regenerative power of these bioactive molecules accessible to everyone. Our products are a blend of cutting-edge science and affordability, designed to unlock your skin's full potential and reveal your natural beauty.</p>
                                <p>Join us on this journey to redefine beauty with Quintessence Biologics. Experience the future of skincare today.</p>
                            </div>
                        </div>
                        
                        <div class="gradient-mask"></div>
                    </div>
                    <div class="custom-scrollbar">
                        <div class="scroll-track">
                            <div class="scroll-thumb"></div>
                            <div class="scroll-track-progress"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection