@extends('layout.front.master')

@section('title', 'Acerca de Nosotros | Copito Helados - mmm, que rico!')
@section('description', 'Somos una fábrica tucumana con más de 23 años de experiencia en la producción, distribución y venta de helados, achilatas e insumos para heladería. Nacimos, crecimos y seguimos apostando al crecimiento industrial en nuestro barrio.')
@section('keywords', 'helados tucumán, fábrica helados, helados artesanales, achilatas, insumos heladería, heladería San Miguel de Tucumán, Copito Helados historia')
@section('og_title', 'Acerca de Nosotros | Copito Helados')
@section('og_description', 'Somos una fábrica tucumana con más de 23 años de experiencia. Helados con historia, calidad con futuro.')

@section('content')

    {{-- Page Header con la misma imagen que productos, FAQs y contacto --}}
    <section class="page-header page-header-modern page-header-background bg-color-dark p-relative z-index-1" style="background-image: url({{ asset('cd-project/img/demos/digital-agency-2/bg/bg-12.jpg') }}); background-size: cover; background-position: center;">
        <span class="custom-circle custom-circle-1 bg-color-light custom-circle-blur appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="400"></span>
        <span class="custom-circle custom-circle-2 bg-color-primary appear-animation" data-appear-animation="zoomIn" data-appear-animation-delay="500"></span>
        <span class="custom-circle custom-circle-3 bg-color-primary appear-animation" data-appear-animation="zoomIn" data-appear-animation-delay="600"></span>
        <div class="container">
            <div class="row mt-5">
                <div class="col">
                    <ul class="breadcrumb breadcrumb-light d-block">
                        <li><a href="{{ route('front.welcome') }}" class="text-decoration-none">Inicio</a></li>
                        <li class="active">Acerca de Nosotros</li>
                    </ul>
                    <h1 class="custom-text-10 font-weight-bold text-color-light ps-3">Acerca de Nosotros</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="container p-relative z-index-2 mt-0 mt-lg-3 mt-xl-0 pt-0 pt-md-4 pt-lg-5 pb-xl-5 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">
        <div class="row">
            <div class="col-xl-7 py-4 py-xl-0">
                <img class="img-fluid" src="{{ asset('cd-project/img/demos/digital-agency-2/about-us/about-copito-1.jpg') }}" alt="Acerca de Nosotros">
            </div>
        </div>
        <div class="row justify-content-end p-relative">
            <div class="col-xl-7 position-relative">
                <div class="about-us-featured-block w-100 bg-color-primary p-5 text-end">
                    <p class="custom-text-7 text-color-light opacity-7">Bienvenidos a copito</p>
                    <h4 class="custom-text-11 text-color-light">Helados que venden<br/>sonrisas</h4>
                </div>
            </div>
        </div>
        <div class="row justify-content-between mt-5 mt-xl-0 mb-lg-4">
            <div class="col-xl-4 d-flex flex-column justify-content-end">
                <p class="custom-text-5 font-weight-bold mb-3">
                    Helados con historia, calidad con futuro
                </p>
                <p class="custom-text-4 mb-4 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                    Nuestros helados se producen con experiencia, de la mano de la historia que nos respalda en el rubro. Dedicación en cada proceso, tanto en producción como en la venta. Creemos que los mejores helados no necesitan complicaciones. Solo ingredientes de calidad, recetas tradicionales y el toque especial de nuestra comunidad.
                </p>
                <p class="custom-text-4 mb-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="600">
                    Somos una fábrica tucumana con más de 23 años de experiencia en la producción, distribución y venta de helados, achilatas e insumos para heladería. Nacimos, crecimos y seguimos apostando al crecimiento industrial en nuestro barrio de la ciudad de San Miguel de Tucumán, combinando tradición familiar, calidad artesanal e innovación para ofrecer productos que destacan por su sabor, frescura y confianza.
                </p>
            </div>
            <div class="col-xl-7 py-4 py-xl-0">
                <img class="img-fluid" src="{{ asset('cd-project/img/demos/digital-agency-2/about-us/about-copito-2.jpg') }}" alt="Historia">
                <ul class="custom-list list-unstyled my-3">
                    <li class="font-weight-medium custom-text-4 mb-4 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">Villa Alem, San Miguel de Tucumán, Tucumán</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="bg-color-dark mb-5 mt-lg-5">
        <div class="container py-5">
            <div class="row counters py-5">
                <div class="col-md-6 col-lg-3 mb-4 mb-lg-0">
                    <div class="counter counter-light" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">
                        <strong data-to="20" data-append="+" class="mb-3">0</strong>
                        <label class="custom-font-tertiary text-color-light custom-text-8 opacity-7 font-weight-normal">Años de Experiencia</label>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3 mb-4 mb-lg-0">
                    <div class="counter counter-light" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                        <strong data-to="5000" data-append="+" class="mb-3">0</strong>
                        <label class="custom-font-tertiary text-color-light custom-text-8 opacity-7 font-weight-normal">Familias Satisfechas</label>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3 mb-4 mb-md-0">
                    <div class="counter counter-light" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="600">
                        <strong data-to="50" data-append="+" class="mb-3">0</strong>
                        <label class="custom-font-tertiary text-color-light custom-text-8 opacity-7 font-weight-normal">Sabores Únicos</label>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3 mb-4 mb-md-0">
                    <div class="counter counter-light" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="800">
                        <strong data-to="40" data-append="+" class="mb-3">0</strong>
                        <label class="custom-font-tertiary text-color-light custom-text-8 opacity-7 font-weight-normal">Miembros del Equipo</label>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="our-approach py-5">
        <div class="container pb-5">
            <div class="row">
                <div class="col-xl-4 pb-5 pb-xl-0 ">
                    <img src="{{ asset('cd-project/img/logos/logo-2.png') }}" alt="Copito Helados" style="max-width: 160px; width: 100%; height: auto;">
                </div>
                <div class="col-xl-8 d-flex flex-column justify-content-center align-items-start ps-5">
                    <p class="custom-font-tertiary custom-text-6 line-height-6 font-weight-medium appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">Nuestro compromiso es simple: helados ricos, precios justos y un servicio que conecta con el corazón del barrio.</p>
                    <p class="custom-text-3 mb-5 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">Cada día preparamos nuestros helados con ingredientes de calidad y recetas tradicionales. Nuestro éxito se mide en las sonrisas de nuestros clientes y en la confianza que depositan en nosotros.</p>
                    <a href="{{ route('front.contact') }}" class="btn btn-outline custom-btn-outline btn-primary rounded-0 text-color-dark custom-text-4 bg-color-hover-transparent text-color-hover-light font-weight-semibold custom-btn-with-arrow px-4 py-3 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="600">Contáctanos</a>
                </div>
            </div>
        </div>
    </section>

    <section class="get-in-touch bg-color-after-secondary overlay overlay-color-primary overlay-show p-relative overflow-hidden" style="background-image: url('{{ asset('cd-project/img/demos/digital-agency-2/bg/bg-2.jpg') }}'); background-size: cover; background-position: center;">
        <span class="custom-circle custom-circle-1 bg-color-light appear-animation" data-appear-animation="zoomIn" data-appear-animation-delay="100"></span>
        <span class="custom-circle custom-circle-2 bg-color-light appear-animation" data-appear-animation="zoomIn" data-appear-animation-delay="100"></span>
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <p class="mb-2 text-color-tertiary custom-text-7 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">¡Ponte en Contacto!</p>
                    <h4 class="text-color-light font-weight-bold custom-text-10 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                        Estamos aquí para endulzar<br/>
                        tu día con los mejores helados.
                    </h4>
                </div>
                <div class="col-lg-4 d-flex align-items-center justify-content-start justify-content-lg-end mt-5 mt-lg-0">
                    <a href="{{ route('front.contact') }}" class="btn btn-outline custom-btn-outline btn-light border-white rounded-0 px-4 py-3 text-color-light text-color-hover-dark bg-color-hover-light custom-text-6 line-height-6 font-weight-semibold custom-btn-with-arrow appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="600">¡Contáctanos!</a>
                </div>
            </div>
        </div>
    </section>
@endsection