@extends("front.layout.app")
@section("title", "About Us")
@section("content")

<section class="pagetitle">
    <div class="container">
        <div class="pagetitle__content">
            <h2>About Us</h2>
        </div>
    </div>
</section>

<section class="about-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="about__content">
                    <h5 class="subHeading" data-aos="fade-up">About Us</h5>
                    <h3 class="mainHeading" data-aos="fade-up">Motor City Awards and Engraving</h3>
                    <p data-aos="fade-up">
                        Motor City Awards and Engraving, our mission is to personalize moments of recognition with
                        precision craftsmanship and exceptional service. We are dedicated to creating customized awards
                        that honor achievements, inspire pride, and strengthen connections within our community. Through
                        our commitment to quality engraving and customer satisfaction, we strive to become the trusted
                        partner for individuals and organizations seeking to celebrate success and milestones.
                    </p>
                    <div data-aos="fade-up">
                        {{-- <a href="" class="themeBtn">Read More</a> --}}
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <figure class="about__img" data-aos="fade-left">
                    <img src="{{ asset('front/assets/images/about-img1.webp') }}" alt="image" class="img-fluid">
                </figure>
            </div>
        </div>
    </div>
</section>

<section class="gift-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-4">
                <figure class="gift-img overflow-hidden">
                    <img src="{{ asset('front/assets/images/gift-img1.webp') }}" alt="image" class="img-fluid" data-aos="zoom-out">
                </figure>
            </div>
            <div class="col-lg-4">
                <div class="gift-content text-center">
                    <h3 class="mainHeading color-primary" data-aos="fade-up">Gift Items</h3>
                    <h4 data-aos="fade-up">Motor City Awards and Engraving</h4>
                    <p data-aos="fade-up">
                        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
                        printer took a galley of type and scrambled it to make a type specimen book. It has survived not
                        only five centuries, but also the leap into electronic typesetting, remaining essentially
                        unchanged.
                    </p>
                    <div data-aos="fade-up">
                        {{-- <a href="" class="themeBtn mx-auto">Read More</a> --}}
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <figure class="gift-img overflow-hidden">
                    <img src="{{ asset('front/assets/images/gift-img2.webp') }}" alt="image" class="img-fluid" data-aos="zoom-out">
                </figure>
            </div>
        </div>
    </div>
</section>

    @endsection