@extends('layouts.header')

@section('content')
    <div class="stricky-header stricked-menu main-menu">
        <div class="sticky-header__content">

        </div><!-- /.sticky-header__content -->
    </div><!-- /.stricky-header -->

    <!--Main Slider Start-->
    <section class="main-slider main-slider-one">
        <div class="swiper-container thm-swiper__slider"
            data-swiper-options='{"slidesPerView": 1, "loop": true, "effect": "fade", "pagination": {
    "el": "#main-slider-pagination",
    "type": "bullets",
    "clickable": true
    },
    "navigation": {
    "nextEl": "#main-slider__swiper-button-next",
    "prevEl": "#main-slider__swiper-button-prev"
    },
    "autoplay": {
    "delay": 7000
    }}'>

            <div class="swiper-wrapper">
                <!--Start Single Swiper Slide-->
                <div class="swiper-slide">
                    <div class="image-layer" style="background-image: url(assets/images/backgrounds/main-slider-v1-1.jpg);">
                    </div>
                    <div class="image-layer-overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="main-slider-inner">
                                    <div class="main-slider__content">
                                        <span class="main-slider-tagline">Suplementación Científica</span>
                                        <h2 class="main-slider__title">CIENCIA QUE TE <br> <b style="color: #D6C7A6;">ACOMPAÑA</b></h2>
                                        <p class="main-slider__text">En Biostructure desarrollamos suplementos con enfoque científico. Fórmulas transparentes, basadas en evidencia y con los más altos criterios de calidad para tu rendimiento, recuperación y bienestar diario.</p>
                                    </div>
                                    <div class="main-slider__button-box">
                                        <div class="arrow-icon"><img src="assets/images/icon/main-slider__button-arrow.png"
                                                alt="" />
                                        </div>
                                        <a href="#" class="thm-btn">Descubre más</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Single Swiper Slide-->

                <!--Start Single Swiper Slide-->
                <div class="swiper-slide">
                    <div class="image-layer" style="background-image: url(assets/images/backgrounds/main-slider-v1-1.jpg);">
                    </div>
                    <div class="image-layer-overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="main-slider-inner">
                                    <div class="main-slider__content">
                                        <span class="main-slider-tagline">Suplementación Científica</span>
                                        <h2 class="main-slider__title">CIENCIA QUE TE <br> <b style="color: #D6C7A6;">ACOMPAÑA</b></h2>
                                        <p class="main-slider__text">En Biostructure desarrollamos suplementos con enfoque científico. Fórmulas transparentes, basadas en evidencia y con los más altos criterios de calidad para tu rendimiento, recuperación y bienestar diario.</p>
                                    </div>
                                    <div class="main-slider__button-box">
                                        <div class="arrow-icon"><img src="assets/images/icon/main-slider__button-arrow.png"
                                                alt="" />
                                        </div>
                                        <a href="#" class="thm-btn">Descubre más</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Single Swiper Slide-->

                <!--Start Single Swiper Slide
                <div class="swiper-slide">
                    <div class="image-layer" style="background-image: url(assets/images/backgrounds/main-slider-v1-2.jpg);">
                    </div>
                    <div class="image-layer-overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="main-slider-inner">
                                    <div class="main-slider__content">
                                        <span class="main-slider-tagline">We’re producing natural goods</span>
                                        <h2 class="main-slider__title">Welcome to <br> Agriculture <span><span
                                                    class="leaf"><img src="assets/images/resources/leaf.png"
                                                        alt="" /></span>Farm</span></h2>
                                        <p class="main-slider__text">There are many of passages of lorem Ipsum, but
                                            the majori have<br> suffered alteration in some form.</p>
                                    </div>
                                    <div class="main-slider__button-box">
                                        <div class="arrow-icon"><img src="assets/images/icon/main-slider__button-arrow.png"
                                                alt="" />
                                        </div>
                                        <a href="#" class="thm-btn">Discover more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                End Single Swiper Slide-->

            </div>

            <!-- If we need navigation buttons -->
            <div class="swiper-pagination" id="main-slider-pagination"></div>

            <div class="main-slider__nav">
                <div class="swiper-button-prev" id="main-slider__swiper-button-next">
                    <span class="icon-right-arrow-2"></span>
                </div>
                <div class="swiper-button-next" id="main-slider__swiper-button-prev">
                    <span class="icon-right-arrow-2"></span>
                </div>
            </div>
        </div>
    </section>
    <!--Main Slider End-->


    <!--About One Start-->
    <section class="about-one">
        <div class="about-one__bg wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
            <img class="float-bob-y" src="assets/images/backgrounds/about-v1-bg.png" alt="" />
        </div>
        <div class="container">
            <div class="row">
                <!--Start About One Left-->
                <div class="col-xl-6">
                    <div class="about-one__left">
                        <div class="about-one__left-img">
                            <div class="about-one__left-img-inner">
                                <img src="assets/images/about/about-v1-img1.jpg" alt="" />
                            </div>
                        </div>
                        <div class="about-one__left-overlay wow slideInLeft" data-wow-delay="100ms"
                            data-wow-duration="1500ms">
                            <div class="icon">
                                <span class="icon-confirmation"></span>
                            </div>
                            <div class="title">
                                <h2><span class="odometer" data-count="87600">00</span></h2>
                                <p>Lote de Creatina entregado</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End About One Left-->

                <!--Start About One Content-->
                <div class="col-xl-6">
                    <div class="about-one__content">
                        <div class="sec-title">
                            <div class="icon">
                                <img src="assets/images/resources/sec-title-icon1.png" alt="" />
                            </div>
                            <span class="sec-title__tagline">¿Qué es Biostructure?</span>
                            <h2 class="sec-title__title">Suplementación con <br>Propósito y Respaldo</h2>
                        </div>

                        <h2 class="about-one__content-title">Ciencia que te acompaña</h2>
                        <p class="about-one__content-text">Nacemos de una inquietud científica y personal. En un mercado lleno de promesas comerciales atractivas pero sin fundamentos claros, decidimos marcar la diferencia.</p>
                        <ul class="about-one__content-list">
                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Lorem Ipsum is not simply random text</p>
                                </div>
                            </li>

                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Lorem Ipsum is not simply random text</p>
                                </div>
                            </li>

                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Lorem Ipsum is not simply random text</p>
                                </div>
                            </li>

                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Lorem Ipsum is not simply random text</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--End About One Content-->
            </div>
        </div>
    </section>
    <!--About One End-->


    <!--Features One Start-->
    <section class="features-one clearfix">
        <div class="container">
            <div class="row">

                <!--Start Single Features One-->
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated animated">
                    <div class="features-one__single">
                        <div class="features-one__single-img">
                            <img src="assets/images/feauters/features-v1-img1.jpg" alt="" />
                            <div class="features-one__single-title text-center">
                                <h3><a href="#">Consumo<br> Responsable </a></h3>
                                <p>Diseñamos productos basados estrictamente en la literatura científica y clínica acumulada, alejándonos por completo de las modas pasajeras del mercado.</p>
                            </div>
                        </div>
                        <!--
                        <a href="services-details.html" class="features-one__single__more">
                            <span class="icon-right-arrow-2"></span>
                        </a>.feature-one__single__more -->
                    </div>
                </div>
                <!--End Single Features One-->

                <!--Start Single Features One-->
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated animated">
                    <div class="features-one__single">
                        <div class="features-one__single-img">
                            <img src="assets/images/feauters/features-v1-img2.jpg" alt="" />
                            <div class="features-one__single-title text-center">
                                <h3><a href="#">Transparencia <br>Total</a></h3>
                                <p>Te ofrecemos información clara, concisa y honesta sobre la composición exacta y la verdadera función biológica de cada ingrediente en tu organismo.</p><br>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Single Features One-->

                <!--Start Single Features One-->
                <div class="col-xl-4 col-lg-4 wow fadeInUp animated animated">
                    <div class="features-one__single">
                        <div class="features-one__single-img">
                            <img src="assets/images/feauters/features-v1-img3.jpg" alt="" />
                            <div class="features-one__single-title text-center">
                                <h3><a href="#">Confianza <br>Familiar</a></h3>
                                <p>Desarrollamos fórmulas en las que confiamos plenamente. Son los mismos suplementos de alta pureza que consumiríamos nosotros y recomendaríamos a nuestra familia.</p>
                            </div>
                        </div>
                     </div>
                </div>
                <!--End Single Features One-->

            </div>
        </div>
    </section>
    <!--Features One End-->

    <!--Video One Start-->
    <section class="video-one jarallax clearfix" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
        style="background-image: url(assets/images/backgrounds/video-one-bg.jpg);">
        <div class="video-one-border"></div>
        <div class="video-one-border video-one-border-two"></div>
        <div class="video-one-border video-one-border-three"></div>
        <div class="video-one-border video-one-border-four"></div>
        <div class="video-one-border video-one-border-five"></div>
        <div class="video-one-border video-one-border-six"></div>

        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="video-one__wrpper">
                        <div class="video-one__left">

                            <!--<div class="video-one__leaf"></div>/.video-one__leaf -->
                            <img src="assets/images/resources/ciencia.png" alt="" />
                            <h2 class="video-one__title">Video demostrativo <br>proceso del futuro,</h2>
                            <!--
                            <div class="video-one__btn">
                                <a href="#" class="thm-btn">Discover more</a>
                            </div>-->
                        </div>
                        <div class="video-one__right">
                            <div class="icon wow zoomIn" data-wow-delay="300ms" data-wow-duration="1500ms">
                                <a class="video-popup" title=" Video" href="https://www.youtube.com/watch?v=8DP4NgupAhI">
                                    <span class="icon-play-button-1"></span>
                                </a>
                                <span class="border-animation border-1"></span>
                                <span class="border-animation border-2"></span>
                                <span class="border-animation border-3"></span>
                            </div>
                            <div class="title">
                                <h2>Mira el video</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Video One End-->

    <!--Faq One Start-->
    <section class="faq-one faq-one--faq">
        <div class="container">
            <div class="row">

                <div class="sec-title">
                    <div class="icon">
                        <img src="assets/images/resources/sec-title-icon1.png" alt="" />
                    </div>
                    <span class="sec-title__tagline">Creatina </span>
                    <h2 class="sec-title__title">Ciencia Detrás del Ingrediente</h2>
                </div>

                <h2 class="about-one__content-title">Ciencia que te acompaña</h2>
                <p class="about-one__content-text">Conoce los beneficios de la Creatina Monohidratada, uno de los suplementos más estudiados en la nutrición deportiva.</p>

                <!--Start Faq One Content-->
                <div class="col-xl-6 col-lg-6 pt-5">
                    <div class="faq-one__accordions">
                        <div class="accrodion-grp" data-grp-name="faq-one-accrodion">
                            <!--Start Faq One Single-->
                            <div class="accrodion active  wow fadeInUp" data-wow-delay="0ms"
                                data-wow-duration="1000ms">
                                <div class="accrodion-title">
                                    <h4>¿Por qué Creatina?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Porque cuenta con una sólida trayectoria y evidencia científica acumulada en el rendimiento físico de alta intensidad. Es uno de los suplementos con mayor respaldo en la literatura deportiva.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Faq One Single-->

                            <!--Start Faq One Single-->
                            <div class="accrodion wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1000ms">
                                <div class="accrodion-title">
                                    <h4>¿Cómo actua en el cuerpo?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Participa en el sistema creatina–fosfocreatina para regenerar rápidamente el ATP, la principal molécula de energía celular durante esfuerzos cortos e intensos como fuerza, sprints y levantamiento de peso.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Faq One Single-->
                        </div>

                    </div>
                </div>
                <!--End Faq One Content-->


                <!--Start Faq One Accordions-->
                <div class="col-xl-6 col-lg-6 pt-5">
                    <div class="faq-one__accordions">
                        <div class="accrodion-grp2" data-grp-name="faq-one-accrodion">
                            <!--Start Faq One Single-->
                            <div class="accrodion active  wow fadeInUp" data-wow-delay="0ms"
                                data-wow-duration="1000ms">
                                <div class="accrodion-title">
                                    <h4>¿Cómo se debe tomar?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Se recomienda consumir 5 g diarios de forma constante, disueltos en agua o en tu bebida de preferencia. Lo importante es la constancia diaria, no solo los días de entrenamiento.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Faq One Single-->

                            <!--Start Faq One Single-->
                            <div class="accrodion wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1000ms">
                                <div class="accrodion-title">
                                    <h4>¿Quién puede tomarla?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>La creatina es considerada segura para adultos sanos. Ha sido estudiada en atletas, adultos mayores y diversas poblaciones, mostrando un excelente perfil de seguridad a largo plazo con dosis estándar.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Faq One Single-->


                        </div>

                    </div>
                </div>
                <!--End Faq One Accordions-->
            </div>
        </div>
    </section>
    <!--Faq One End-->

    <!--Services One Start-->
    <section class="services-one">
        <div class="services-one__bg wow slideInDown" data-wow-delay="100ms" data-wow-duration="2500ms"></div>
        <div class="container">
            <div class="sec-title text-center">
                <div class="icon">
                    <img src="assets/images/resources/sec-title-icon1.png" alt="">
                </div>
                <span class="sec-title__tagline">Nuestro Proceso</span>
                <h2 class="sec-title__title">El Método Biostructure</h2>
                <p>Cómo combinamos ciencia, rigor técnico y responsabilidad normativa en 4 pasos.</p>
            </div>
            <div class="row">
                <!--Start Single Services One-->
                <div class="col-xl-3 col-lg-6 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1000ms">
                    <div class="services-one__single">
                        <div class="services-one__single-img">
                            <div class="services-one__single-img-inner">
                                <img src="assets/images/services/services-v1-img1.jpg" alt="" />
                            </div>
                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/ciencia1.png" alt="" />
                            <h3><a href="">Selección Científica</a></h3>
                            <p>Elegimos ingredientes con función fisiológica comprobada en la literatura científica</p><br>
                        </div>
                    </div>
                </div>
                <!--End Single Services One-->

                <!--Start Single Services One-->
                <div class="col-xl-3 col-lg-6 wow fadeInLeft" data-wow-delay="100ms" data-wow-duration="1000ms">
                    <div class="services-one__single">
                        <div class="services-one__single-img">
                            <div class="services-one__single-img-inner">
                                <img src="assets/images/services/services-v1-img2.jpg" alt="" />
                            </div>
                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/ciencia2.png" alt="" />
                            <h3><a href="">Revisión Técnica</a></h3>
                            <p>Evaluamos rigurosamente la documentación, certificados de análisis y la trazabilidad de la materia prima.</p>

                        </div>
                    </div>
                </div>
                <!--End Single Services One-->

                <!--Start Single Services One-->
                <div class="col-xl-3 col-lg-6 wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1000ms">
                    <div class="services-one__single">
                        <div class="services-one__single-img">
                            <div class="services-one__single-img-inner">
                                <img src="assets/images/services/services-v1-img3.jpg" alt="" />
                            </div>

                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/ciencia3.png" alt="" />
                            <h3><a href="">Verificación Normativa</a></h3>
                            <p>Cuidamos que cada etiqueta, formulación y advertencia sea congruente con los lineamientos legales aplicables.</p>

                        </div>
                    </div>
                </div>
                <!--End Single Services One-->

                <!--Start Single Services One-->
                <div class="col-xl-3 col-lg-6 wow fadeInRight" data-wow-delay="100ms" data-wow-duration="1000ms">
                    <div class="services-one__single">
                        <div class="services-one__single-img">
                            <div class="services-one__single-img-inner">
                                <img src="assets/images/services/services-v1-img4.jpg" alt="" />
                            </div>
                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/ciencia4.png" alt="" />
                            <h3><a href="">Comunicación Responsable</a></h3>
                            <p>Traducimos la complejidad científica en información clara, directa y libre de mensajes confusos.</p><br>
                        </div>
                    </div>
                </div>
                <!--End Single Services One-->
            </div>
        </div>
    </section>
    <!--Services One End-->

        <!--Providing Quality One Start-->
        <section class="providing-quality-one clearfix">
            <div class="providing-quality-one__bg"><img src="assets/images/backgrounds/providing-quality-one-bg.png"
                    alt="" /></div>

            <div class="providing-quality-one__shape"></div><!-- /.providing-quality-one__shape -->

            <div class="container-fullwidth">
                <div class="row">
                    <!--Start Providing Quality One Img-->
                    <div class="col-xl-6 providing-quality-one__image-block clearfix">
                        <div class="providing-quality-one__image__line float-bob-y"></div>
                        <!-- /.providing-quality-one__image__line -->
                        <img src="assets/images/resources/providing-quality-v1-img.jpg" alt="">
                        <div class="providing-quality-one__logo">
                            <img src="assets/images/resources/providing-quality.png" alt="" />
                        </div>
                    </div>
                    <!--End Providing Quality One Img-->

                    <!--Start Providing Quality One Content Box-->
                    <div class="col-xl-6">
                        <div class="providing-quality-one__content-box">
                            <div class="sec-title">
                                <div class="icon">
                                    <img src="assets/images/resources/sec-title-icon1.png" alt="">
                                </div>
                                <span class="sec-title__tagline">¿Por qué elegirnos?</span>
                                <h2 class="sec-title__title">El Estándar Científico</h2>
                            </div>

                            <ul class="providing-quality-one__content-box-list">
                                <li class="providing-quality-one__content-box-list-item">
                                    <img src="assets/images/resources/ciencia.png" alt="">
                                    <div class="text">
                                        <p>Mientras el mercado se enfoca en empaques llamativos y mensajes comerciales, nosotros nos construimos desde el conocimiento.</p>
                                    </div>
                                </li>

                                <li class="providing-quality-one__content-box-list-item">
                                    <img src="assets/images/resources/ciencia.png" alt="">
                                    <div class="text">
                                        <p>Somos científicos que analizan cada producto con criterio de investigación. Nos aseguramos de entender qué función tiene, qué evidencia lo respalda y qué nivel de calidad real ofrece antes de que llegue a tus manos.
                                            <br>
                                            No vendemos por tendencia; formulamos con responsabilidad.
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--End Providing Quality One Content Box-->
                </div>
            </div>
        </section>
        <!--Providing Quality One End-->

    <!--Testimonials One Start-->
    <section class="testimonials-one jarallax clearfix" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
        style="background-image: url(assets/images/backgrounds/Testimonials-v1-bg.jpg);">
        <div class="container">
            <div class="row">
                <!--Start Testimonials One Left-->
                <div class="col-xl-4">
                    <div class="testimonials-one__left">
                        <div class="testimonials-one__left-bg"></div>
                        <div class="sec-title">
                            <div class="icon">
                                <img src="assets/images/resources/sec-title-icon1.png" alt="">
                            </div>
                            <span class="sec-title__tagline">Testimonios</span>
                            <h2 class="sec-title__title">Aquellos que han confiado en Biostructure</h2>
                        </div>
                    </div>
                </div>
                <!--End Testimonials One Left-->

                <!--Start Testimonials One Right-->
                <div class="col-xl-8">
                    <div class="testimonials-one__right">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="testimonials-one__carousel owl-carousel owl-theme">
                                    <!--Start Single Testimonials One-->
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Lorem ipsum is simply free text
                                            dolor not sit amet, consectetur notted adipisicing elit sed do eiusmod
                                            tempor incididunt ut labore et dolore text.</p>
                                        <div class="testimonials-one__single-client-info">
                                            <div class="testimonials-one__single-client-info-img">
                                                <div class="testimonials-one__single-client-info-img-inner">
                                                    <img src="assets/images/testimonial/testimonials-v1-img1.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Kevin Martin</h4>
                                                <p>Customer</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Start Single Testimonials One-->

                                    <!--Start Single Testimonials One-->
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Lorem ipsum is simply free text
                                            dolor not sit amet, consectetur notted adipisicing elit sed do eiusmod
                                            tempor incididunt ut labore et dolore text.</p>
                                        <div class="testimonials-one__single-client-info">
                                            <div class="testimonials-one__single-client-info-img">
                                                <div class="testimonials-one__single-client-info-img-inner">
                                                    <img src="assets/images/testimonial/testimonials-v1-img2.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Christine Eve</h4>
                                                <p>Customer</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Start Single Testimonials One-->

                                    <!--Start Single Testimonials One-->
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Lorem ipsum is simply free text
                                            dolor not sit amet, consectetur notted adipisicing elit sed do eiusmod
                                            tempor incididunt ut labore et dolore text.</p>
                                        <div class="testimonials-one__single-client-info">
                                            <div class="testimonials-one__single-client-info-img">
                                                <div class="testimonials-one__single-client-info-img-inner">
                                                    <img src="assets/images/testimonial/testimonials-v1-img1.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Kevin Martin</h4>
                                                <p>Customer</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Start Single Testimonials One-->

                                    <!--Start Single Testimonials One-->
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Lorem ipsum is simply free text
                                            dolor not sit amet, consectetur notted adipisicing elit sed do eiusmod
                                            tempor incididunt ut labore et dolore text.</p>
                                        <div class="testimonials-one__single-client-info">
                                            <div class="testimonials-one__single-client-info-img">
                                                <div class="testimonials-one__single-client-info-img-inner">
                                                    <img src="assets/images/testimonial/testimonials-v1-img2.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Christine Eve</h4>
                                                <p>Customer</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Start Single Testimonials One-->

                                    <!--Start Single Testimonials One-->
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Lorem ipsum is simply free text
                                            dolor not sit amet, consectetur notted adipisicing elit sed do eiusmod
                                            tempor incididunt ut labore et dolore text.</p>
                                        <div class="testimonials-one__single-client-info">
                                            <div class="testimonials-one__single-client-info-img">
                                                <div class="testimonials-one__single-client-info-img-inner">
                                                    <img src="assets/images/testimonial/testimonials-v1-img1.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Kevin Martin</h4>
                                                <p>Customer</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Start Single Testimonials One-->

                                    <!--Start Single Testimonials One-->
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Lorem ipsum is simply free text
                                            dolor not sit amet, consectetur notted adipisicing elit sed do eiusmod
                                            tempor incididunt ut labore et dolore text.</p>
                                        <div class="testimonials-one__single-client-info">
                                            <div class="testimonials-one__single-client-info-img">
                                                <div class="testimonials-one__single-client-info-img-inner">
                                                    <img src="assets/images/testimonial/testimonials-v1-img2.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Christine Eve</h4>
                                                <p>Customer</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Start Single Testimonials One-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Testimonials One Right-->

                <div class="instagram-banner-container my-8 w-full max-w-2xl mx-auto px-4 pt-5">
                    <div class="flex items-center justify-between mb-4">
                        <a href="https://www.instagram.com/somosbiostructure/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-sm font-semibold text-gray-700 dark:text-gray-300 hover:text-pink-600 transition-colors">
                            <img src="{{ asset('assets/images/icon/instagram.png') }}">
                            <span>@somosbiostructure</span>
                        </a>
                        <span class="text-xs text-gray-400">Síguenos en Instagram</span>
                    </div>

                    <div class="grid grid-cols-3 sm:grid-cols-6 gap-2 overflow-hidden rounded-xl">

                            <div class="col-span-full py-4 text-center text-xs text-gray-400 bg-gray-50 dark:bg-gray-800 rounded-lg border border-dashed border-gray-300">
                                No se pudo cargar el feed de Instagram en este momento.
                            </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Testimonials One End-->


    <!--Company Logos One Start-->
    <section class="company-logos-one">
        <div class="container">
            <div class="sec-title text-center">

                <h2 class="sec-title__title">¿Dónde comprar?</h2>
                <p>Encuentra la pureza de Biostructure en canales oficiales</p>
            </div>
            <div class="thm-swiper__slider swiper-container"
                data-swiper-options='{"spaceBetween": 100, "slidesPerView": 5, "autoplay": { "delay": 5000 }, "breakpoints": {
        "0": {
            "spaceBetween": 20,
            "slidesPerView": 2
        },
        "375": {
            "spaceBetween": 20,
            "slidesPerView": 2
        },
        "575": {
            "spaceBetween": 20,
            "slidesPerView": 3
        },
        "767": {
            "spaceBetween": 30,
            "slidesPerView": 4
        },
        "991": {
            "spaceBetween": 40,
            "slidesPerView": 5
        },
        "1199": {
            "spaceBetween": 40,
            "slidesPerView": 5
        }
    }}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <img src="assets/images/update-20-12-2021/dark/brand-light.png" alt="">
                    </div><!-- /.swiper-slide -->
                </div>
            </div>
        </div>
    </section>
    <!--Company Logos One End-->


    <!--Cta One Start-->
    <section class="cta-one" style="background-image: url(assets/images/backgrounds/cta-v1-bg.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="cta-one__wrapper">
                        <div class="cta-one__left">
                            <img src="assets/images/resources/charla.png" alt="">
                            <div class="cta-one__left-title">
                                <h2>¿Te gustaría saber más de nosotros?</h2>
                            </div>
                        </div>
                        <div class="cta-one__right">
                            <div class="cta-one__right-btn">
                                <a href="#" class="thm-btn">Descubré más</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Cta One End-->
@endsection