@extends('layouts.app')
@section('seo')
<title>Compra Baterías ,Pilas y Cargadores Online al mejor precio | {{infoEmail()->host}}</title>
    <meta name="description" content="Gran variedad de baterías, pilas y cargadores. Descubre nuestro catálogo a los mejores precios, calidad y servicio.">
    <meta name="keywords" content="batería de patinete eléctrico,cambiar bateria iphone,bateria dyson,compartir bateria samsung,baterias para portatiles,cambiar bateria apple watch,cargador lenovo,cambiar bateria ipad.">
@stop
@section('content')

    <!--slider section start-->
    <div class="hero-section section position-relative">
        <div class="hero-slider section">



            <!--Hero Item start-->
            <div class="hero-item bg-image" data-bg="/assets/images/hero/hero-2.png">
                <div class="container">
                    <div class="row">
                        <div class="col-12">

                            <!--Hero Content start-->
                            <div class="hero-content-2 center">

                                <h2 style="color: #fff;">Bateria dyson v8</h2>
                                <p style="font-size: 30px;margin: 0 auto;padding-bottom: 20px;">100% Compatible y de alta calidad</p>
                                <a href="/products-dyson-battery-v8-modelo-dys30n82_ela_oth" class="btn" style="border:1px solid #fff;">Comprar Ahora</a>

                            </div>
                            <!--Hero Content end-->

                        </div>
                    </div>
                </div>
            </div>
            <!--Hero Item end-->
             <!--Hero Item start-->
             <div class="hero-item  bg-image" data-bg="/assets/images/hero/hero-1.png">
                <div class="container">
                    <div class="row">
                        <div class="col-12">

                            <!--Hero Content start-->
                            <div class="hero-content-2 center">

                                <h2 style="color: #fff;">Batería Firebat  <br> ZhongYan U6 IARN39F01</h2>
                                <a href="/products-firebat-battery-626181-3s-modelo-2608ba1197l" class="btn" style="border:1px solid #fff;">Comprar Ahora</a>

                            </div>
                            <!--Hero Content end-->

                        </div>
                    </div>
                </div>
            </div>
            <!--Hero Item end-->

        </div>
    </div>
    <!--slider section end-->

    <!-- Banner section start -->
    <div class="banner-section section pt-30">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <!-- Single Banner Start -->
                    <div class="single-banner-item mb-30">
                        <div class="banner-image">
                            <a href="/products-xiaomi-battery-bm58-modelo-20iv1025_te">
                                <img src="/static/picture/banner1.jpg" alt="Bateria xiaomi 11t pro">
                            </a>
                        </div>
                        <div class="banner-content" style="color: #fff;">
                            <h3 class="title" style="color: #fff;">Bateria <br> xiaomi 11t pro</h3>
                            <a href="/products-xiaomi-battery-bm58-modelo-20iv1025_te">Ver productos</a>
                        </div>
                    </div>
                    <!-- Single Banner End -->
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <!-- Single Banner Start -->
                    <div class="single-banner-item mb-30">
                        <div class="banner-image">
                            <a href="/products-parrot-battery-bebop-drone-2-modelo-par21sp1289_oth">
                                <img src="/static/picture/banner2.jpg" alt="Bateria parrot bebop 2">
                            </a>
                        </div>
                        <div class="banner-content tr-right" style="color: #fff;">
                            <h3 class="title" style="color: #fff;">Bateria <br> parrot bebop 2</h3>
                            <a href="/products-parrot-battery-bebop-drone-2-modelo-par21sp1289_oth">Ver productos</a>
                        </div>
                    </div>
                    <!-- Single Banner End -->
                </div>
            </div>
        </div>
    </div>
    <div style="padding: 10px 00px 0px 0px;">
        <h1 style="color: #003366; text-align: center; padding-left: 2.2%; padding-top: 2.2%; padding-bottom: 2.2%; font-size: 20px; line-height: 1; background-color: #ececec; margin-top: 10px; margin-bottom: 15px;"><span style="color: #333333;"><strong>{{infoEmail()->host}} la empresa líder en la venta de baterías y cargadores online</strong></span></h1>
    </div>
    <!-- Banner section End -->

    <div class="product-section section pt-70 pt-lg-50 pt-md-40 pt-sm-30 pt-xs-20 pb-55 pb-lg-35 pb-md-25 pb-sm-15 pb-xs-5">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="section-title text-center mb-15">
                        <h2>Los más vendidos</h2>
                    </div>
                    <div class="product-tab mb-50 mb-sm-30 mb-xs-20">
                        <ul class="nav">
                            <li>Otros usuarios también se interesaron en</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="row">
                    @foreach($hot as $val)
                        <div class="col-lg-3 col-md-4 col-sm-6">
                            <!--  Single Grid product Start -->
                            <div class="single-grid-product mb-40">
                                <div class="product-image">
                                    <div class="product-label">
                                        <span style="width: 100px;position: absolute;top: 10px;z-index: 10;padding: 4px 9px;border-radius: 8px;font-size: 13px;font-weight: 700;color: #fff;background: #eb0029;">¡20% dscto!</span>
                                    </div>
                                    <a href="{{ $val->url }}">
                                        <img src="{{ $val->okpcode }}" class="img-fluid" alt="{{ ucfirst($val->locale) }} de Reemplazo {{ $val->jianjie1 }} - Compatible con {{ $val->jianjie2 }}">
                                    </a>

                                    <div class="product-action">
                                        <ul>
                                            <li><a href="{{ $val->url }}"><i class="fa fa-cart-plus"></i></a></li>

                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <h3 class="title" style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:unset;"> <a href="{{ $val->url }}">
                                        {{ ucfirst($val->locale) }} de Reemplazo {{ $val->jianjie1 }} - Compatible con {{ $val->jianjie2 }}
                                    </a></h3>
                                    <p class="product-price"><span class="discounted-price">{{ $val->price_symbol }}</span> <span class="main-price discounted">{{ $val->price_old }}</span></p>
                                </div>
                            </div>
                            <!--  Single Grid product End -->
                        </div>
                    @endforeach


                </div>
            </div>
        </div>
    </div>
    <div class="product-section section pt-70 pt-lg-50 pt-md-40 pt-sm-30 pt-xs-20 pb-55 pb-lg-35 pb-md-25 pb-sm-15 pb-xs-5">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="section-title text-center mb-15">
                        <h2>Cambiar bateria iphone</h2>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="tab-pane fade active show">
                    <div class="row">
                        @foreach($phone as $val)
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <!--  Single Grid product Start -->
                                <div class="single-grid-product mb-40">
                                    <div class="product-image">
                                        <div class="product-label">
                                            <span style="width: 100px;position: absolute;top: 10px;z-index: 10;padding: 4px 9px;border-radius: 8px;font-size: 13px;font-weight: 700;color: #fff;background: #eb0029;">¡Oferta!</span>
                                        </div>
                                        <a href="{{ $val->url }}">
                                            <img src="{{ $val->okpcode }}" class="img-fluid" alt="Bateria {{ $val->jianjie2 }} {{ $val->jianjie1 }} {{ $val->dl }} {{ $val->dy }}">
                                        </a>

                                        <div class="product-action">
                                            <ul>
                                                <li><a href="{{ $val->url }}"><i class="fa fa-cart-plus"></i></a></li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <h3 class="title" style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:unset;"> <a href="{{ $val->url }}">
                                            Bateria {{ $val->jianjie2 }} {{ $val->jianjie1 }} {{ $val->dl }} {{ $val->dy }}

                                        </a></h3>
                                        <p class="product-price"><span class="discounted-price">{{ $val->price_symbol }}</span> <span class="main-price discounted">{{ $val->price_old }}</span></p>
                                    </div>
                                </div>
                                <!--  Single Grid product End -->
                            </div>
                        @endforeach

                    </div>
                </div>

            </div>


        </div>
    </div>
    <div class="product-section section pt-70 pt-lg-50 pt-md-40 pt-sm-30 pt-xs-20 pb-55 pb-lg-35 pb-md-25 pb-sm-15 pb-xs-5">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="section-title text-center mb-15">
                        <h2>Baterías para aspiradoras Dyson</h2>
                    </div>
                    <div class="product-tab mb-sm-30 mb-xs-20">
                        <ul class="nav">
                            <li>Encuentra ahora la batería de repuesto adecuada para tu aspiradora sin cable Dyson.</li>
                        </ul>
                    </div>
                </div>
            </div>
            

        </div>
    </div>
    <!-- Testimonial Area Start -->
    <div class="testimonial-section section pb-80 pb-lg-60 pb-md-50 pb-sm-40 pb-xs-40">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="testimonial-wrap pt-45 pb-30" style="border:1px solid #e5e5e5;border-radius:10px;">
                        <div class="row justify-content-center">
                            <div class="col-lg-12">
                                <div class="testimonial-wrapper section-space--inner" >
                                    <div class="testimonial-slider-content">
                                        @foreach($dysonBattery as $val)
                                            <div class="item">
                                                <div class="row align-items-center">
                                                    <div class="col-md-5">
                                                        <div class="testimonial-image">
                                                            <img src="{{ $val->okpcode }}" alt=" Batería {{ $val->jianjie2 }} de alta calidad para aspirador">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <div class="testimonial testimonial-style-2 gutter-item">
                                                            <a href="{{ $val->url }}">
                                                            <div class="testimonial-inner">
                                                               
                                                                <div class="testimonial-author">
                                                                    <div class="author-info">
                                                                        <h3 style="font-size: 18px;font-family: 'Montserrat', sans-serif;line-height: 1.5;font-weight: 600;margin-bottom: 0;">
                                                                            Batería {{ $val->jianjie2 }} de alta calidad para aspirador
                                                                        </h3>
                                                                    </div>
                                                                </div>
                                                                <div class="testimonial-description">
                                                                    <blockquote class="testimonials-text">
                                                                        <p>
                                                                            <svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Pieza de repuesto de alta calidad y con una óptima relación calidad-precio<br>
                                                                            <svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Funcionalidad fiable y compatibilidad total con su aspiradora<br>
                                                                            <svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Elaboración precisa para una instalación sin problemas en el dispositivo<br>
                                                                            <svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> CE & RoHs - Cumple todas las especificaciones de seguridad operacionales pertinentes<br>
                                                                            <svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Sin efecto memoria</p>
                                                                    </blockquote>
                                                                </div>
                                                            </div>
                                                        </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial Area End -->
    <!-- Banner section start -->
    <div class="banner-section section pb-40 pb-sm-30 pb-xs-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Single Banner Start -->
                    <div class="single-banner-item pt-100 pt-md-80 pt-sm-70 pt-xs-50 pb-120 pb-md-100 pb-sm-90 pb-xs-50 mb-30 bg-image" data-bg="./assets/images/banner/banner3.jpg">
                        <div class="sp-banner-content">
                            <span class="normat-text">Productos de la semana</span>
                            <h2 class="title">Batería Apple AirPods 3</h2>

                            <a href="/products-apple-battery-a2565-modelo-ecn6r26j83z_oth">Ver productos</a>
                        </div>
                    </div>
                    <!-- Single Banner End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Banner section End -->

    <div class="product-section section pt-70 pt-lg-50 pt-md-40 pt-sm-30 pt-xs-20 pb-55 pb-lg-35 pb-md-25 pb-sm-15 pb-xs-5">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="section-title text-center mb-15">
                        <h2>compartir bateria samsung</h2>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="tab-pane fade active show">
                    <div class="row">
                        @foreach($samsungPhone as $val)
                            <div class="col-lg-3 col-md-4 col-sm-6">
                                <!--  Single Grid product Start -->
                                <div class="single-grid-product mb-40">
                                    <div class="product-image">
                                        <div class="product-label">
                                            <span style="width: 100px;position: absolute;top: 10px;z-index: 10;padding: 4px 9px;border-radius: 8px;font-size: 13px;font-weight: 700;color: #fff;background: #eb0029;">¡Oferta!</span>
                                        </div>
                                        <a href="{{ $val->url }}">
                                            <img src="{{ $val->okpcode }}" class="img-fluid" alt="Batería {{ $val->jianjie2 }} ({{ $val->jianjie1 }})">
                                        </a>

                                        <div class="product-action">
                                            <ul>
                                                <li><a href="{{ $val->url }}"><i class="fa fa-cart-plus"></i></a></li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <h3 class="title" style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:unset;"> <a href="{{ $val->url }}">
                                            Batería {{ $val->jianjie2 }} ({{ $val->jianjie1 }}) 
                                        </a></h3>
                                        <p class="product-price"><span class="discounted-price">{{ $val->price_symbol }}</span> <span class="main-price discounted">{{ $val->price_old }}</span></p>
                                    </div>
                                </div>
                                <!--  Single Grid product End -->
                            </div>
                        @endforeach

                    </div>
                </div>

            </div>


        </div>
    </div>

    <!--Brand section start-->
    <div class="brand-section section pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            <div class="row mb-50 mb-xs-20">
                <div class="col">
                    <div class="section-title text-center">
                        <h2>Las mejores marcas</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="brand-slider section">
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/xiaomi/4"><img src="/static/picture/xiaomi.png" alt="bateria xiaomi"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/huawei/5"><img src="/static/picture/huawei.png" alt="bateria huawei"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/samsung/4"><img src="/static/picture/samsung.png" alt="bateria samsung"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/dyson/28"><img src="/static/picture/dyson.png" alt="bateria dyson"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/amazon%20kindle/3"><img src="/static/picture/kindle.png" alt="bateria kindle"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/hp/2"><img src="/static/picture/hp.png" alt="bateria HP"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    <div class="col">
                        <!-- Single Brand Start -->
                        <div class="single-brand">
                            <div class="brand-image">
                                <a href="/category-brand/canon/12"><img src="/static/picture/canon.png" alt="bateria canon"></a>
                            </div>
                        </div>
                        <!-- Single Brand End -->
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!--Brand section end-->

@stop