<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Utah State Fair Flat Track Race</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 text-gray-900 font-sans">
<!-- Header -->
<header class="bg-black text-white text-center py-10 shadow-lg">
<h1 class="text-4xl md:text-5xl font-bold uppercase">🏁 Utah State Fair Flat Track Race</h1>
<p class="mt-3 text-lg md:text-xl">September 14, 2025 | Utah State Fairpark</p>
<p class="mt-1 text-md">Presented by Moto Jam Productions</p>
</header>
<!-- Hero / Highlights -->
<section class="max-w-5xl mx-auto px-6 py-12 text-center">
<h2 class="text-3xl font-bold mb-6">🚨 Big News Racers & Fans!</h2>
<p class="text-lg leading-relaxed mb-8">
The <strong>Utah State Fair</strong> has invited us to bring the
<strong>thrill of flat track racing</strong> to the Fair! This will be one of the most
<strong>action-packed shows of the year</strong> with thousands of fans watching.
</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-white rounded-2xl shadow p-6">
<h3 class="font-bold text-xl mb-2">Event Highlights</h3>
<ul class="text-left space-y-2">
<li>✅ 3-Show Program: 2 Heats + Main Event</li>
<li>✅ Athlete Meet & Greets throughout the day</li>
<li>✅ $2,500 Cash Purse + Costume Contest</li>
<li>✅ Racing in front of Utah’s biggest fair crowd</li>
</ul>
</div>
<div class="bg-white rounded-2xl shadow p-6">
<h3 class="font-bold text-xl mb-2">Important Info</h3>
<ul class="text-left space-y-2">
<li>⚠️ Pre-Registration Only (No Day-Of Sign Ups)</li>
<li>⚠️ Rider Cap in Place – Spots Limited</li>
<li>⚠️ Pit Access: Rider + Crew Names Required</li>
</ul>
</div>
</div>
</section>
<!-- Registration -->
<section class="bg-red-600 text-white py-12">
<div class="max-w-4xl mx-auto px-6 text-center">
<h2 class="text-3xl font-bold mb-6">📝 Registration Details</h2>
<p class="mb-8 text-lg">Lock in your spot today – spaces are limited!</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-white text-black rounded-2xl shadow p-6">
<h3 class="font-bold text-xl mb-3">Entry Fees</h3>
<ul class="space-y-2">
<li><strong>$50</strong> – First Class</li>
<li><strong>$35</strong> – Additional Class</li>
<li><strong>$25</strong> – Each Crew Member (Max 3)</li>
</ul>
<div class="mt-4 bg-gray-100 rounded-lg p-4">
<p class="font-bold">Team Discount Package – $100</p>
<p>Includes 1 Rider Entry + 3 Crew Passes</p>
</div>
</div>
<div class="bg-white text-black rounded-2xl shadow p-6">
<h3 class="font-bold text-xl mb-3">Race Classes</h3>
<ul class="grid grid-cols-2 gap-2 text-sm">
<li>Kids</li>
<li>Mini Bike / Pit Bike</li>
<li>Harley Stunt</li>
<li>Women’s</li>
<li>Run What You Brung</li>
<li>Vintage (Pre-1980)</li>
<li>Open Single (Cash Purse)</li>
<li>Harley Hooligan (Cash Purse)</li>
<li>3-Wheeler</li>
<li>Open Dirt Bike (Knobbies)</li>
<li>Speedway</li>
</ul>
</div>
</div>
<a href="#signup"
class="mt-10 inline-block bg-black text-white font-bold px-8 py-4 rounded-2xl shadow-lg hover:bg-gray-800 transition">
👉 Register Now
</a>
</div>
</section>
<!-- Costume Contest -->
<section class="max-w-4xl mx-auto px-6 py-12 text-center">
<h2 class="text-3xl font-bold mb-4">🎭 Bonus Fun</h2>
<p class="text-lg">Costumes encouraged! Show off your style for a chance to win prizes.</p>
</section>
<!-- Contact -->
<footer class="bg-black text-white py-10 text-center">
<h2 class="text-2xl font-bold mb-4">📲 Contact & Support</h2>
<p>Email: <a href="mailto:motojamproductions@gmail.com" class="underline">motojamproductions@gmail.com</a></p>
<p>Phone: <a href="tel:9738977595" class="underline">973-897-7595</a></p>
<p class="mt-6">Follow us on social media for updates & announcements!</p>
</footer>
</body>
</html>
