@include('includes.header')
<section class="brodcrum arm" style="background-image:url({{ url('/') }}/assets/images/banner.avif);">
  	<div class="container position-relative">
  		<div class="row">
  			<div class="col-lg-9 m-auto py-4">
			    <div class="text-center hero-text">
			      <h1 class="text-white">Armed Street</h1>
			    </div>
  			</div>
  		</div>
  	</div>
  </section>


  <!-- About section -->
  <section class="abs">
  	<div class="container position-relative">
  		<div class="row align-items-center">
  			<div class="col-md-4 col-lg-5">
  				<div class="about-img pe-md-3 pe-lg-4">
  					<img src="{{ url('/') }}/assets/images/Black Red Machined.avif" class="img-fluid" alt="about img" />
  				</div>
  			</div>
  			<div class="col-md-8 col-lg-7">
  				<div class="about-p">
  					<h2>Armed Street</h2>
  					<p>The Armed Street line is where bold style meets relentless performance. Built for those who own the urban jungle, these wheels combine edgy designs with precision engineering to dominate the asphalt. With a focus on street-smart aesthetics and attention-grabbing details, Armed Street wheels are made to turn heads and take control. Whether you're carving through city streets or making a statement at a standstill, Armed Street ensures your ride commands respect.</p>
  				</div>
  			</div>
  		</div>
  	</div>
  </section>

  <!-- Wheels Section -->
  <section class="wheels-sec">
  	<div class="container">
  		<div class="row">
  			<div class="col-lg-12">
  				<div class="heading text-center">
  					<h2>Our Wheels</h2>
  				</div>

  				<div class="row">
  					<div class="col-md-4 my-3 col-lg-3">
  						<div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
  							 <img src="{{ url('/') }}/assets/images/Armed Street Outlaw Gloss Black.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Outlaw</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
  						</div>
  					</div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/sniper.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Sniper</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/tactical.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Tactical</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/veteran.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Veteran</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/switchblade.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Switchblade</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/ammo.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Ammo</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/38cal.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>38 Cal</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/9mm.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>9mm</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/stealth.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Stealth</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/rival.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Rival</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/strike.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Strike</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
            <div class="col-md-4 my-3 col-lg-3">
              <div class="wheels-img p-0 overflow-hidden rounded">
                <div class="img-s p-3">
                 <img src="{{ url('/') }}/assets/images/hustler.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Hustler</h3>
                  <a href="#" class="btns btns-hover mt-3 py-2 px-4"><span>Learn More</span></a>
                </div>
              </div>
            </div>
  				</div>
  			</div>
  		</div>
  	</div>
  </section>

  
  <!-- Tire Section -->
  <section class="bg-dark book-sc p-0">
          <iframe class="wuksD5" title="Embedded Content" name="htmlComp-iframe" width="100%" height="100%" allow="fullscreen" data-src="" src="https://publuu.com/flip-book/324891/748663"></iframe>
  </section>


  <!-- Ride Section -->
  <section id="ride" class="py-5">
    <div class="container">
      <h2 class="text-center mb-4">Our Wheels On Your Ride</h2>
      <div class="row mt-4 g-4 ride-slider">
        <!-- Ride 1 -->
        <div class="col-lg-3 mx-2">
          <div class="card ride-card">
            <img src="{{ url('/') }}/assets/images/vamv2.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
        <!-- Ride 1 -->
        <div class="col-lg-3 mx-2">
          <div class="card ride-card">
            <img src="{{ url('/') }}/assets/images/va1mv2.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
        <!-- Ride 1 -->
        <div class="col-lg-3 mx-2">
          <div class="card ride-card">
            <img src="{{ url('/') }}/assets/images/va6mv2.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
        <!-- Ride 1 -->
        <div class="col-lg-3 mx-2">
          <div class="card ride-card">
            <img src="{{ url('/') }}/assets/images/va3mv2.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
        <!-- Ride 1 -->
        <div class="col-lg-3 mx-2">
          <div class="card ride-card">
            <img src="{{ url('/') }}/assets/images/va4mv2.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
        <!-- Ride 1 -->
        <div class="col-lg-3 mx-2">
          <div class="card ride-card">
            <img src="{{ url('/') }}/assets/images/va6mv2.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
      </div>
    </div>
  </section>
  @include('includes.footer')