@include('includes.header')
<section class="brodcrum arm" style="background-image:url({{ url('/') }}/assets/images/armed-syndicate.jpg);">
    <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 Syndicate</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/armsn.jpg" class="img-fluid" alt="about img" />
  				</div>
  			</div>
  			<div class="col-md-8 col-lg-7">
  				<div class="about-p">
  					<h2>Armed Syndicate</h2>
  					<p>Armed Syndicate wheels embody the perfect fusion of power, prestige, and unrelenting style. Drawing inspiration from the world of luxury and the grit of the underground, these wheels deliver cutting-edge innovation with sleek finishes and refined details. Designed for those who demand dominance on the streets and a sophisticated edge, Armed Syndicate wheels transform your vehicle into a statement of high-end performance and untouchable class.</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/shanak.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>shank</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/assassin.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Assassin</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/don.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Don</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/cartel.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Cartel</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/kingpin.avif" class="img-fluid" alt="Wheels">
                </div>
                <div class="desc">
                  <h3>Kingpin</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/sar1.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/sar2.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/sar3.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/sar4.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/sar5.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/sar6.avif" class="card-img-top" alt="Tire">
          </div>
        </div>
      </div>
    </div>
  </section>
  @include('includes.footer')