@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" id="inicio">
                <!--Start Single Swiper Slide-->
                <div class="swiper-slide">
                    <div class="image-layer" style="background-image: url(assets/images/backgrounds/slider-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">Ciencia Clara</span>
                                        <h2 class="main-slider__title">DECISIONES EN<br> <b style="color: #D6C7A6;">TU RUTINA</b></h2>
                                        <p class="main-slider__text">En Biostructure nos guiamos por la ciencia disponible para acompañar tu rendimiento, recuperación y bienestar diario con información responsable.</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="#creatina" class="thm-btn">Conoce la Creatina</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/slider-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">Ciencia Clara</span>
                                        <h2 class="main-slider__title">BIENESTAR QUE<br> <b style="color: #D6C7A6;"> TE SIGUE</b></h2>
                                        <p class="main-slider__text">Una porción de 5 g al día, pensada para acompañar tu rendimiento, recuperación y bienestar muscular con constancia.</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="https://www.amazon.com.mx/dp/B0HBRB1DNK" target="_blank" class="thm-btn">Compra ahora</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" id="nosotros">
        <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_1.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">
                                <h1 class="text-white">+ de <span class="odometer" data-count="500"></span></h1>
                                <p>piezas de creatina entregadas</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" align="justify">Biostructure nace desde la ciencia, con el deseo de acercar a las personas a una suplementación informada, transparente y con criterio. Elegimos la evidencia antes que el marketing, ofreciendo productos de calidad que nosotros mismos consumimos y recomendamos con responsabilidad.</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>Sabes exactamente qué consumes</p>
                                </div>
                            </li>

                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Entiendes cómo actúa en tu cuerpo</p>
                                </div>
                            </li>

                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Integración sencilla a tu rutina</p>
                                </div>
                            </li>

                            <li>
                                <div class="icon">
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </div>
                                <div class="text">
                                    <p>Compra segura</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/Informacion_clara.png" alt="" />
                            <div class="features-one__single-title text-center">
                                <h3><a href="#">Información<br> Clara </a></h3>
                                <p style="padding-left: 3%; padding-right: 3%;">Creatina pura, sin sabor y lista para usar. Porciones exactas de fácil disolución para cualquier bebida.</p><br>
                            </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/simplicidad_rutina.png" alt="" />
                            <div class="features-one__single-title text-center">
                                <h3><a href="#">Simplicidad en tu<br>Rutina</a></h3>
                                <p style="padding-left: 3%; padding-right: 3%;">Creatina monohidratada pura, sin sabor ni aditivos. Porciones exactas que se disuelven fácil en tu bebida favorita.</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/enfoque_responsable.png" alt="" />
                            <div class="features-one__single-title text-center">
                                <h3><a href="#">Enfoque <br>Responsable</a></h3>
                                <p style="padding-left: 3%; padding-right: 3%;">Elegimos cada ingrediente con el mismo cuidado con el que cuidamos a quienes más queremos.</p><br>
                            </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>
                            <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" id="creatina">
        <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 las características de la creatina monohidratada, el suplemento deportivo más seguro y estudiado.</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 Monohidratada?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Porque es la que tiene más respaldo científico, con una tasa de absorción cerca del 99% y su versatilidad y facilidad de uso la convierte en una opción práctica para integrar a tu estilo de vida.</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 funciona en el cuerpo?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>La creatina ayuda a aumentar las reservas de fosfocreatina en el músculo, una fuente de energía rápida que el cuerpo utiliza durante esfuerzos intensos. Con uso constante, puede apoyar el rendimiento en ejercicios de fuerza, potencia y alta intensidad.</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 sugiere una porción diaria de 5 g (1 cuchara dosificadora incluida), disuelta en agua, jugo o tu bebida favorita. La clave está en la constancia diaria para mantener el acompañamiento adecuado en tu cuerpo.</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>¿Para quién está dirigida?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Nuestra creatina monohidratada está pensada para adultos sanos que hacen entrenamiento de fuerza, actividad física o buscan cuidarse mejor, sin fórmulas complicadas.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End Faq One Single-->


                        </div>

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

                    <p class="about-one__content-text"><b>Advertencia: </b>Este producto no es un medicamento. El consumo de este producto es responsabilidad de quien lo recomienda y lo usa.</p>

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

    <!--Services One Start-->
    <section class="services-one" id="beneficio">
        <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">Beneficios</span>
                <h2 class="sec-title__title">Beneficios</h2>

            </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/salud_femenina.png" alt="" />
                            </div>
                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/salud_femenina.png" alt="" />
                            <h3><a href="">Salud femenina</a></h3>
                            <p>Reduce la fatiga en la etapa premenstrual y provee protección ósea.</p><br><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/vegana.png" alt="" />
                            </div>
                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/veganos.png" alt="" />
                            <h3><a href="">Veganos</a></h3>
                            <p>Complementa tu alimentación vegana compensando tu energía.</p>
                            <br><br>
                        </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/cognitivo.png" alt="" />
                            </div>

                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/cognitivo.png" alt="" />
                            <h3><a href="">Bienestar cognitivo</a></h3>
                            <p>Aumenta tu rendimiento mental, mejora la concentración y protege tu cerebro.</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/vitalidad_fisica.png" alt="" />
                            </div>
                        </div>
                        <div class="services-one__single-content text-center">
                            <img src="assets/images/resources/vitalidad.png" alt="" />
                            <h3><a href="">Vitalidad física</a></h3>
                            <p>Apoya la fuerza de tus músculos y optimiza la respuesta de tu cuerpo tras la actividad física.</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/ciencie-prob.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="">-->
                        <img src="assets/images/resources/fondo_n.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">Ciencia que te acompaña</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>Una marca creada desde la evidencia.</p>
                                    </div>
                                </li>
                                <li class="providing-quality-one__content-box-list-item">
                                    <img src="assets/images/resources/ciencia.png" alt="">
                                    <div class="text">
                                        <p>Ciencia antes que marketing.</p>
                                    </div>
                                </li>
                                <li class="providing-quality-one__content-box-list-item">
                                    <img src="assets/images/resources/ciencia.png" alt="">
                                    <div class="text">
                                        <p>Comunicamos con conocimiento para que decidas con información real.</p>
                                    </div>
                                </li>
                                <li class="providing-quality-one__content-box-list-item">
                                    <img src="assets/images/resources/ciencia.png" alt="">
                                    <div class="text">
                                        <p>Revisamos y analizamos nuestro producto antes de recomendarlo.</p>
                                    </div>
                                </li>
                                <li class="providing-quality-one__content-box-list-item">
                                    <img src="assets/images/resources/ciencia.png" alt="">
                                    <div class="text">
                                        <p>Un producto que nosotros mismos consumimos.</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);" id="testimonios">
        <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>
                            <h1 class="sec-title__title">¿Quiénes hablan de Biostructure?</h1>
                        </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">
                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Por mi trabajo tengo poco tiempo para entrenar, pero con Biostructure he notado más fuerza, energía, mejor rendimiento y recuperación, incluso en turnos nocturnos.</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>Alberto Jiménez</h4>
                                                <p>Investigador de tiempo completo</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Me gustó que puedo tomarla con agua o mi café por su sabor neutro y fácil digestión. Al mes noté mejor recuperación entre series y mayor eficiencia al entrenar.</p><br>
                                        <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>Iver Morales</h4>
                                                <p>Docente y Preparador físico</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="testimonials-one__single">
                                        <p class="testimonials-one__single-text">Desde que uso Biostructure noto más energía y fuerza al entrenar. Me recupero mejor y puedo mantener un buen rendimiento incluso en días pesados.</p><br>
                                        <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-img3.jpg"
                                                        alt="" />
                                                </div>
                                                <div class="icon">
                                                    <span class="icon-right-quotation-mark"></span>
                                                </div>
                                            </div>
                                            <div class="testimonials-one__single-client-info-title">
                                                <h4>Jesus Erasmo</h4>
                                                <p>Deportista de alto rendimiento </p>
                                            </div>
                                        </div>
                                    </div>
                                </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" id="compras">
        <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": 2, "autoplay": { "delay": 5000 }, "breakpoints": {
        "200": {
            "spaceBetween": 20,
            "slidesPerView": 1
        },

        "675": {
            "spaceBetween": 20,
            "slidesPerView": 2

        }
    }}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="https://www.amazon.com.mx/dp/B0HBRB1DNK" target="_blank"><img src="assets/images/tiendas/amazon.png" alt=""></a>
                    </div><!-- /.swiper-slide -->
                    <div class="swiper-slide">
                        <a href="https://wa.me/5649233812?text=Hola,%20me%20gustaría%20obtener%20más%20información" target="_blank"><img src="assets/images/tiendas/whatsapp.png" alt=""></a>
                    </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);" id="contacto">
        <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 target="_blank" href="https://wa.me/5649233812?text=Hola,%20me%20gustaría%20obtener%20más%20información" class="thm-btn">Escríbenos</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Cta One End-->

    <!--Start Contact Page Contact Info-->
    <section class="contact-page__contact-info clearfix">
        <div class="auto-container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="contact-page__contact-info-wrapper">
                        <div class="contact-page__contact-info-title">
                            <h2>Contacto</h2>
                        </div>

                        <div class="contact-page__contact-info-list">
                            <ul>
                                <li>
                                    <div class="">

                                    </div>
                                    <div class="title">

                                    </div>
                                </li>

                                <li>
                                    <div class="icon">
                                        <span class="icon-email-1"></span>
                                    </div>
                                    <div class="title">
                                        <span>Enviar Email</span>
                                        <p><a target="_blank" href="mailto:contacto@biostructure.com.mx">contacto@biostructure.com.mx</a></p>
                                    </div>
                                </li>

                                <li>
                                    <div class="icon phone">
                                        <span class="icon-phone-call-2"></span>
                                    </div>
                                    <div class="title">
                                        <span>Escríbenos</span>
                                        <p><a target="_blank" href="https://wa.me/5649233812?text=Hola,%20me%20gustaría%20obtener%20más%20información">56 4923 3812</a></p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="contact-page__contact-info-wrapper">
                        <div class="contact-page__contact-info-title">
                            <h2>Redes sociales</h2>
                        </div>

                        <div class="contact-page__contact-info-list">
                            <ul>
                                <li>
                                    <div class="icon">
                                        <span class="fab fa-instagram"></span>
                                    </div>
                                    <div class="title">
                                        <span>Instagram</span>
                                        <p><a href="https://www.instagram.com/somosbiostructure/" target="_blank">@somosbiostructure</a></p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="fab fa-facebook"></span>
                                    </div>
                                    <div class="title">
                                        <span>Facebook</span>
                                        <p><a href="https://www.facebook.com/profile.php?id=61589984240390" target="_blank">@biostructure</a></p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="fab fa-tiktok"></span>
                                    </div>
                                    <div class="title">
                                        <span>Tiktok</span>
                                        <p><a href="https://www.tiktok.com/@somosbiostructure?_r=1&_t=ZS-98pUAnDPwud" target="_blank">@somosbiostructure</a></p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Contact Page Contact Info-->
@endsection