export default function TrailReelsSection() {
  return (
    <section className="section section--trail-reels">
      <div className="container">
        <div className="trail-reels__header">
          <div className="trail-reels__title-wrap">
            <div className="trail-reels__title">Trail Reels</div>
            <div className="trail-reels__subtitle">
              Submit your videos with our merch for a chance to win 100$!
            </div>
          </div>
          <button className="btn trail-reels__submit" type="button">Submit</button>
        </div>
        <div className="trail-reels__grid">
          <video className="trail-reel" src="/TrailReels/Treel1.mp4" autoPlay muted loop playsInline preload="metadata" />
          <video className="trail-reel" src="/TrailReels/Treel2.mp4" autoPlay muted loop playsInline preload="metadata" />
          <video className="trail-reel" src="/TrailReels/Treel3.mp4" autoPlay muted loop playsInline preload="metadata" />
        </div>
      </div>
    </section>
  );
}
