@extends('layouts.default')
@section('content')
    <section class="headerPage">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="{{ asset('assets/images/slidehero.png') }}" class="d-block w-100" alt="slide">
                <div class="carousel-caption">
                    <h5>We Give You,</h5>
                    <h2>Explore All Categories</h2>
                    <p class="mb-0">Enjoy an entirely new level of driving experience with our in-depth selection of superior car bulbs, brake pads, spark plugs, and other automotive parts and accessories designed to keep your car running at its absolute best.</p>
                </div>
            </div>
        </div>
    </section>
    <section class="contactusSec sectionSpac pb-md-5 pb-3">
        <div class="container">
            <h3 class="sectionTitle text-center my-4"><span class="me-2">Contact</span>us</h3>
            <p class="text-center mb-5">We’re here to help answer any questions you might have. We look forward
            to hearing from you 🙂</p>
            <form class="contactFrom">
                <div class="row">
                    <div class="col-md-6 mb-4">
                        <input type="text" class="form-control" placeholder="First Name">
                    </div>
                    <div class="col-md-6 mb-4">
                        <input type="text" class="form-control" placeholder="Last Name">
                    </div>
                    <div class="col-md-6 mb-4">
                        <input type="email" class="form-control" placeholder="Email">
                    </div>
                    <div class="col-md-6 mb-4">
                        <input type="number" class="form-control" placeholder="Mobile">
                    </div>
                    <div class="col-md-12 mb-4">
                        <textarea class="form-control" id="message" rows="6" placeholder="Message"></textarea>
                    </div>
                </div>
                <div class="mt-4 d-flex-align-items-center text-center text-md-end">
                    <button type="button" class="btnMain mx-2 mb-3">Send</button>
                </div>
            </form>
        </div>
    </section>
@endsection