Western Australia's Premier Venue

Where Legends
Come Alive

Experience world-class sports and entertainment at one of Australia's most iconic stadiums. Capacity of 60,000 spectators with unmatched facilities.

60K+
Capacity
150+
Events Yearly
5★
Rating
Award Winning
Best Stadium Design 2023
About Perth Stadium

A World-Class Destination for Sports & Entertainment

Opened in 2018, Perth Stadium stands as a architectural marvel on the banks of the Swan River. This state-of-the-art venue was designed to provide an unforgettable experience for every visitor, combining cutting-edge technology with stunning views and world-class amenities.

Home to AFL, cricket, and major concerts, our stadium hosts over 150 events annually, bringing together fans from across Australia and around the world.

Opened 2018
Modern Infrastructure
Riverside
Swan River Location
60,000
Seating Capacity
Safe
World-Class Security
Stadium Features

Unmatched Facilities & Amenities

Every aspect of Perth Stadium has been designed with the fan experience in mind.

Giant LED Screens

Two of the largest LED screens in the Southern Hemisphere ensure every seat has a perfect view.

Premium Dining

Over 40 food and beverage outlets offering everything from quick snacks to gourmet experiences.

Free High-Speed WiFi

Stay connected throughout your visit with stadium-wide high-speed wireless internet access.

Full Accessibility

Wheelchair accessible seating, elevators, and facilities throughout the entire stadium.

Easy Transport Links

Direct train station, bus services, and ample parking options for hassle-free travel.

VIP Suites

Luxury corporate boxes and premium hospitality suites for an exclusive experience.

Upcoming Events

Don't Miss the Action

From thrilling sports matches to world-renowned concerts, there's always something happening.

AFL Mar 15, 2024

West Coast Eagles vs Collingwood

Round 1 clash of the titans at the home of the Eagles.

From $45
Concert Apr 2, 2024

Ed Sheeran World Tour

The Grammy-winning artist performs live in Perth.

From $89
Cricket Feb 22, 2024

Australia vs India - T20

International T20 cricket under lights.

From $35
Plan Your Visit

Getting to Perth Stadium

Multiple transport options make getting to the stadium easy and convenient.

Train

Perth Stadium Station is located right at the venue.

15 min from CBD

Bus

Multiple bus routes connect to the stadium.

Frequent services

Car

14,000 parking bays available on event days.

From $15

Bike

Secure bike parking facilities available.

Free of charge

Stadium Location

Perth Stadium is situated on the eastern banks of the Swan River, offering stunning views and easy access from all directions.

Victoria Park Drive, Burswood WA 6100
(08) 9223 4500
[email protected]

Interactive Map

Ready for an Unforgettable Experience?

Whether you're planning a corporate event, booking tickets, or have questions, our team is here to help.

HTML Source Code

<!-- Navigation -->
<nav class="fixed top-0 left-0 right-0 bg-white/95 backdrop-blur-sm shadow-sm z-50">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex justify-between items-center h-16">
      <div class="flex items-center space-x-2">
        <i data-lucide="building-2" class="w-8 h-8 text-emerald-600"></i>
        <span class="text-xl font-bold text-slate-800">Perth Stadium</span>
      </div>
      <div class="hidden md:flex items-center space-x-8">
        <a href="#about" class="text-slate-600 hover:text-emerald-600 transition">About</a>
        <a href="#features" class="text-slate-600 hover:text-emerald-600 transition">Features</a>
        <a href="#events" class="text-slate-600 hover:text-emerald-600 transition">Events</a>
        <a href="#visit" class="text-slate-600 hover:text-emerald-600 transition">Visit</a>
        <a href="#contact" class="text-slate-600 hover:text-emerald-600 transition">Contact</a>
      </div>
      <button class="bg-emerald-600 text-white px-5 py-2 rounded-full font-medium hover:bg-emerald-700 transition">
        Book Tickets
      </button>
    </div>
  </div>
</nav>

<!-- Hero Section -->
<section class="relative min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-900 via-emerald-900 to-slate-900 pt-16">
  <div class="absolute inset-0 bg-[url('data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.03%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')] opacity-50"></div>
  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
    <div class="mb-6">
      <span class="inline-block bg-emerald-500/20 text-emerald-300 px-4 py-2 rounded-full text-sm font-medium">
        Western Australia's Premier Venue
      </span>
    </div>
    <h1 class="text-5xl md:text-7xl font-bold text-white mb-6 leading-tight">
      Where Legends<br>
      <span class="text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-cyan-400">Come Alive</span>
    </h1>
    <p class="text-xl text-slate-300 mb-10 max-w-2xl mx-auto">
      Experience world-class sports and entertainment at one of Australia's most iconic stadiums. Capacity of 60,000 spectators with unmatched facilities.
    </p>
    <div class="flex flex-col sm:flex-row gap-4 justify-center">
      <button class="bg-emerald-500 text-white px-8 py-4 rounded-full font-semibold hover:bg-emerald-600 transition flex items-center justify-center gap-2">
        <i data-lucide="ticket" class="w-5 h-5"></i>
        Get Tickets
      </button>
      <button class="bg-white/10 text-white border border-white/30 px-8 py-4 rounded-full font-semibold hover:bg-white/20 transition flex items-center justify-center gap-2">
        <i data-lucide="play-circle" class="w-5 h-5"></i>
        Virtual Tour
      </button>
    </div>
    <div class="mt-16 grid grid-cols-3 gap-8 max-w-3xl mx-auto">
      <div class="text-center">
        <div class="text-3xl font-bold text-white">60K+</div>
        <div class="text-slate-400 text-sm">Capacity</div>
      </div>
      <div class="text-center">
        <div class="text-3xl font-bold text-white">150+</div>
        <div class="text-slate-400 text-sm">Events Yearly</div>
      </div>
      <div class="text-center">
        <div class="text-3xl font-bold text-white">5★</div>
        <div class="text-slate-400 text-sm">Rating</div>
      </div>
    </div>
  </div>
  <div class="absolute bottom-8 left-1/2 -translate-x-1/2 animate-bounce">
    <i data-lucide="chevron-down" class="w-6 h-6 text-white/60"></i>
  </div>
</section>

<!-- About Section -->
<section id="about" class="py-24 bg-white">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid lg:grid-cols-2 gap-16 items-center">
      <div>
        <div class="w-full h-96 bg-gradient-to-br from-emerald-100 to-cyan-100 rounded-2xl relative overflow-hidden">
          <div class="absolute inset-0 flex items-center justify-center">
            <i data-lucide="building-2" class="w-32 h-32 text-emerald-300"></i>
          </div>
          <div class="absolute bottom-6 left-6 bg-white rounded-xl shadow-lg p-4 flex items-center gap-3">
            <div class="w-12 h-12 bg-emerald-500 rounded-full flex items-center justify-center">
              <i data-lucide="award" class="w-6 h-6 text-white"></i>
            </div>
            <div>
              <div class="font-semibold text-slate-800">Award Winning</div>
              <div class="text-sm text-slate-500">Best Stadium Design 2023</div>
            </div>
          </div>
        </div>
      </div>
      <div>
        <span class="text-emerald-600 font-semibold">About Perth Stadium</span>
        <h2 class="text-4xl font-bold text-slate-900 mt-2 mb-6">A World-Class Destination for Sports & Entertainment</h2>
        <p class="text-slate-600 mb-6 leading-relaxed">
          Opened in 2018, Perth Stadium stands as a architectural marvel on the banks of the Swan River. This state-of-the-art venue was designed to provide an unforgettable experience for every visitor, combining cutting-edge technology with stunning views and world-class amenities.
        </p>
        <p class="text-slate-600 mb-8 leading-relaxed">
          Home to AFL, cricket, and major concerts, our stadium hosts over 150 events annually, bringing together fans from across Australia and around the world.
        </p>
        <div class="grid grid-cols-2 gap-6">
          <div class="flex items-start gap-3">
            <div class="w-10 h-10 bg-emerald-100 rounded-lg flex items-center justify-center flex-shrink-0">
              <i data-lucide="calendar" class="w-5 h-5 text-emerald-600"></i>
            </div>
            <div>
              <div class="font-semibold text-slate-800">Opened 2018</div>
              <div class="text-sm text-slate-500">Modern Infrastructure</div>
            </div>
          </div>
          <div class="flex items-start gap-3">
            <div class="w-10 h-10 bg-emerald-100 rounded-lg flex items-center justify-center flex-shrink-0">
              <i data-lucide="map-pin" class="w-5 h-5 text-emerald-600"></i>
            </div>
            <div>
              <div class="font-semibold text-slate-800">Riverside</div>
              <div class="text-sm text-slate-500">Swan River Location</div>
            </div>
          </div>
          <div class="flex items-start gap-3">
            <div class="w-10 h-10 bg-emerald-100 rounded-lg flex items-center justify-center flex-shrink-0">
              <i data-lucide="users" class="w-5 h-5 text-emerald-600"></i>
            </div>
            <div>
              <div class="font-semibold text-slate-800">60,000</div>
              <div class="text-sm text-slate-500">Seating Capacity</div>
            </div>
          </div>
          <div class="flex items-start gap-3">
            <div class="w-10 h-10 bg-emerald-100 rounded-lg flex items-center justify-center flex-shrink-0">
              <i data-lucide="shield" class="w-5 h-5 text-emerald-600"></i>
            </div>
            <div>
              <div class="font-semibold text-slate-800">Safe</div>
              <div class="text-sm text-slate-500">World-Class Security</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Features Section -->
<section id="features" class="py-24 bg-slate-50">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <span class="text-emerald-600 font-semibold">Stadium Features</span>
      <h2 class="text-4xl font-bold text-slate-900 mt-2 mb-4">Unmatched Facilities & Amenities</h2>
      <p class="text-slate-600 max-w-2xl mx-auto">Every aspect of Perth Stadium has been designed with the fan experience in mind.</p>
    </div>
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
      <!-- Feature 1 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-all duration-300 group">
        <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition">
          <i data-lucide="tv" class="w-7 h-7 text-white"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-900 mb-3">Giant LED Screens</h3>
        <p class="text-slate-600">Two of the largest LED screens in the Southern Hemisphere ensure every seat has a perfect view.</p>
      </div>
      <!-- Feature 2 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-all duration-300 group">
        <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition">
          <i data-lucide="utensils" class="w-7 h-7 text-white"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-900 mb-3">Premium Dining</h3>
        <p class="text-slate-600">Over 40 food and beverage outlets offering everything from quick snacks to gourmet experiences.</p>
      </div>
      <!-- Feature 3 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-all duration-300 group">
        <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition">
          <i data-lucide="wifi" class="w-7 h-7 text-white"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-900 mb-3">Free High-Speed WiFi</h3>
        <p class="text-slate-600">Stay connected throughout your visit with stadium-wide high-speed wireless internet access.</p>
      </div>
      <!-- Feature 4 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-all duration-300 group">
        <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition">
          <i data-lucide="accessibility" class="w-7 h-7 text-white"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-900 mb-3">Full Accessibility</h3>
        <p class="text-slate-600">Wheelchair accessible seating, elevators, and facilities throughout the entire stadium.</p>
      </div>
      <!-- Feature 5 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-all duration-300 group">
        <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition">
          <i data-lucide="car" class="w-7 h-7 text-white"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-900 mb-3">Easy Transport Links</h3>
        <p class="text-slate-600">Direct train station, bus services, and ample parking options for hassle-free travel.</p>
      </div>
      <!-- Feature 6 -->
      <div class="bg-white rounded-2xl p-8 shadow-sm hover:shadow-xl transition-all duration-300 group">
        <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6 group-hover:scale-110 transition">
          <i data-lucide="sparkles" class="w-7 h-7 text-white"></i>
        </div>
        <h3 class="text-xl font-bold text-slate-900 mb-3">VIP Suites</h3>
        <p class="text-slate-600">Luxury corporate boxes and premium hospitality suites for an exclusive experience.</p>
      </div>
    </div>
  </div>
</section>

<!-- Events Section -->
<section id="events" class="py-24 bg-white">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <span class="text-emerald-600 font-semibold">Upcoming Events</span>
      <h2 class="text-4xl font-bold text-slate-900 mt-2 mb-4">Don't Miss the Action</h2>
      <p class="text-slate-600 max-w-2xl mx-auto">From thrilling sports matches to world-renowned concerts, there's always something happening.</p>
    </div>
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
      <!-- Event 1 -->
      <div class="bg-slate-50 rounded-2xl overflow-hidden hover:shadow-xl transition-all duration-300">
        <div class="w-full h-48 bg-gradient-to-br from-purple-500 to-indigo-600 flex items-center justify-center">
          <i data-lucide="trophy" class="w-16 h-16 text-white/80"></i>
        </div>
        <div class="p-6">
          <div class="flex items-center gap-2 mb-3">
            <span class="bg-purple-100 text-purple-700 text-xs font-semibold px-3 py-1 rounded-full">AFL</span>
            <span class="text-slate-400 text-sm">Mar 15, 2024</span>
          </div>
          <h3 class="text-xl font-bold text-slate-900 mb-2">West Coast Eagles vs Collingwood</h3>
          <p class="text-slate-600 text-sm mb-4">Round 1 clash of the titans at the home of the Eagles.</p>
          <div class="flex items-center justify-between">
            <span class="text-emerald-600 font-semibold">From $45</span>
            <button class="text-slate-900 font-medium flex items-center gap-1 hover:text-emerald-600 transition">
              Buy Tickets <i data-lucide="arrow-right" class="w-4 h-4"></i>
            </button>
          </div>
        </div>
      </div>
      <!-- Event 2 -->
      <div class="bg-slate-50 rounded-2xl overflow-hidden hover:shadow-xl transition-all duration-300">
        <div class="w-full h-48 bg-gradient-to-br from-orange-500 to-red-600 flex items-center justify-center">
          <i data-lucide="music" class="w-16 h-16 text-white/80"></i>
        </div>
        <div class="p-6">
          <div class="flex items-center gap-2 mb-3">
            <span class="bg-orange-100 text-orange-700 text-xs font-semibold px-3 py-1 rounded-full">Concert</span>
            <span class="text-slate-400 text-sm">Apr 2, 2024</span>
          </div>
          <h3 class="text-xl font-bold text-slate-900 mb-2">Ed Sheeran World Tour</h3>
          <p class="text-slate-600 text-sm mb-4">The Grammy-winning artist performs live in Perth.</p>
          <div class="flex items-center justify-between">
            <span class="text-emerald-600 font-semibold">From $89</span>
            <button class="text-slate-900 font-medium flex items-center gap-1 hover:text-emerald-600 transition">
              Buy Tickets <i data-lucide="arrow-right" class="w-4 h-4"></i>
            </button>
          </div>
        </div>
      </div>
      <!-- Event 3 -->
      <div class="bg-slate-50 rounded-2xl overflow-hidden hover:shadow-xl transition-all duration-300">
        <div class="w-full h-48 bg-gradient-to-br from-green-500 to-teal-600 flex items-center justify-center">
          <i data-lucide="circle-dot" class="w-16 h-16 text-white/80"></i>
        </div>
        <div class="p-6">
          <div class="flex items-center gap-2 mb-3">
            <span class="bg-green-100 text-green-700 text-xs font-semibold px-3 py-1 rounded-full">Cricket</span>
            <span class="text-slate-400 text-sm">Feb 22, 2024</span>
          </div>
          <h3 class="text-xl font-bold text-slate-900 mb-2">Australia vs India - T20</h3>
          <p class="text-slate-600 text-sm mb-4">International T20 cricket under lights.</p>
          <div class="flex items-center justify-between">
            <span class="text-emerald-600 font-semibold">From $35</span>
            <button class="text-slate-900 font-medium flex items-center gap-1 hover:text-emerald-600 transition">
              Buy Tickets <i data-lucide="arrow-right" class="w-4 h-4"></i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div class="text-center mt-12">
      <button class="bg-slate-900 text-white px-8 py-4 rounded-full font-semibold hover:bg-slate-800 transition">
        View All Events <i data-lucide="arrow-right" class="w-5 h-5 inline ml-2"></i>
      </button>
    </div>
  </div>
</section>

<!-- Visit Section -->
<section id="visit" class="py-24 bg-slate-900">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
      <span class="text-emerald-400 font-semibold">Plan Your Visit</span>
      <h2 class="text-4xl font-bold text-white mt-2 mb-4">Getting to Perth Stadium</h2>
      <p class="text-slate-400 max-w-2xl mx-auto">Multiple transport options make getting to the stadium easy and convenient.</p>
    </div>
    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
      <div class="bg-slate-800 rounded-2xl p-6 text-center">
        <div class="w-16 h-16 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
          <i data-lucide="train" class="w-8 h-8 text-emerald-400"></i>
        </div>
        <h3 class="text-lg font-bold text-white mb-2">Train</h3>
        <p class="text-slate-400 text-sm mb-3">Perth Stadium Station is located right at the venue.</p>
        <span class="text-emerald-400 font-medium text-sm">15 min from CBD</span>
      </div>
      <div class="bg-slate-800 rounded-2xl p-6 text-center">
        <div class="w-16 h-16 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
          <i data-lucide="bus" class="w-8 h-8 text-emerald-400"></i>
        </div>
        <h3 class="text-lg font-bold text-white mb-2">Bus</h3>
        <p class="text-slate-400 text-sm mb-3">Multiple bus routes connect to the stadium.</p>
        <span class="text-emerald-400 font-medium text-sm">Frequent services</span>
      </div>
      <div class="bg-slate-800 rounded-2xl p-6 text-center">
        <div class="w-16 h-16 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
          <i data-lucide="car" class="w-8 h-8 text-emerald-400"></i>
        </div>
        <h3 class="text-lg font-bold text-white mb-2">Car</h3>
        <p class="text-slate-400 text-sm mb-3">14,000 parking bays available on event days.</p>
        <span class="text-emerald-400 font-medium text-sm">From $15</span>
      </div>
      <div class="bg-slate-800 rounded-2xl p-6 text-center">
        <div class="w-16 h-16 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
          <i data-lucide="bike" class="w-8 h-8 text-emerald-400"></i>
        </div>
        <h3 class="text-lg font-bold text-white mb-2">Bike</h3>
        <p class="text-slate-400 text-sm mb-3">Secure bike parking facilities available.</p>
        <span class="text-emerald-400 font-medium text-sm">Free of charge</span>
      </div>
    </div>
    <div class="mt-16 bg-gradient-to-br from-emerald-600 to-cyan-600 rounded-3xl p-8 md:p-12">
      <div class="grid md:grid-cols-2 gap-8 items-center">
        <div>
          <h3 class="text-3xl font-bold text-white mb-4">Stadium Location</h3>
          <p class="text-white/80 mb-6">Perth Stadium is situated on the eastern banks of the Swan River, offering stunning views and easy access from all directions.</p>
          <div class="space-y-3">
            <div class="flex items-center gap-3 text-white">
              <i data-lucide="map-pin" class="w-5 h-5"></i>
              <span>Victoria Park Drive, Burswood WA 6100</span>
            </div>
            <div class="flex items-center gap-3 text-white">
              <i data-lucide="phone" class="w-5 h-5"></i>
              <span>(08) 9223 4500</span>
            </div>
            <div class="flex items-center gap-3 text-white">
              <i data-lucide="mail" class="w-5 h-5"></i>
              <span>[email protected]</span>
            </div>
          </div>
        </div>
        <div class="w-full h-64 bg-white/20 rounded-2xl flex items-center justify-center">
          <div class="text-center">
            <i data-lucide="map" class="w-16 h-16 text-white/60 mx-auto mb-3"></i>
            <p class="text-white/60">Interactive Map</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Contact CTA Section -->
<section id="contact" class="py-24 bg-slate-50">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
    <h2 class="text-4xl font-bold text-slate-900 mb-6">Ready for an Unforgettable Experience?</h2>
    <p class="text-slate-600 text-lg mb-10">Whether you're planning a corporate event, booking tickets, or have questions, our team is here to help.</p>
    <div class="flex flex-col sm:flex-row gap-4 justify-center">
      <button class="bg-emerald-600 text-white px-8 py-4 rounded-full font-semibold hover:bg-emerald-700 transition flex items-center justify-center gap-2">
        <i data-lucide="ticket" class="w-5 h-5"></i>
        Buy Tickets Now
      </button>
      <button class="bg-white text-slate-900 border border-slate-300 px-8 py-4 rounded-full font-semibold hover:bg-slate-100 transition flex items-center justify-center gap-2">
        <i data-lucide="message-circle" class="w-5 h-5"></i>
        Contact Us
      </button>
    </div>
  </div>
</section>

<!-- Footer -->
<footer class="bg-slate-900 text-white pt-16 pb-8">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
      <div>
        <div class="flex items-center space-x-2 mb-6">
          <i data-lucide="building-2" class="w-8 h-8 text-emerald-400"></i>
          <span class="text-xl font-bold">Perth Stadium</span>
        </div>
        <p class="text-slate-400 mb-6">Western Australia's premier stadium, hosting world-class sports and entertainment events since 2018.</p>
        <div class="flex gap-4">
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center hover:bg-emerald-600 transition">
            <i data-lucide="facebook" class="w-5 h-5"></i>
          </a>
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center hover:bg-emerald-600 transition">
            <i data-lucide="twitter" class="w-5 h-5"></i>
          </a>
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center hover:bg-emerald-600 transition">
            <i data-lucide="instagram" class="w-5 h-5"></i>
          </a>
          <a href="#" class="w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center hover:bg-emerald-600 transition">
            <i data-lucide="youtube" class="w-5 h-5"></i>
          </a>
        </div>
      </div>
      <div>
        <h4 class="font-semibold text-lg mb-6">Quick Links</h4>
        <ul class="space-y-3">
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Events Calendar</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Book Tickets</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Stadium Tours</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Hospitality</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Membership</a></li>
        </ul>
      </div>
      <div>
        <h4 class="font-semibold text-lg mb-6">Information</h4>
        <ul class="space-y-3">
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Getting Here</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Accessibility</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">FAQs</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition"> Stadium Map</a></li>
          <li><a href="#" class="text-slate-400 hover:text-emerald-400 transition">Terms & Conditions</a></li>
        </ul>
      </div>
      <div>
        <h4 class="font-semibold text-lg mb-6">Newsletter</h4>
        <p class="text-slate-400 mb-4">Subscribe for exclusive offers and event updates.</p>
        <div class="flex">
          <input type="email" placeholder="Your email" class="flex-1 bg-slate-800 text-white px-4 py-3 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-emerald-500">
          <button class="bg-emerald-500 px-4 py-3 rounded-r-lg hover:bg-emerald-600 transition">
            <i data-lucide="arrow-right" class="w-5 h-5"></i>
          </button>
        </div>
      </div>
    </div>
    <div class="border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
      <p class="text-slate-400 text-sm">&copy; 2024 Perth Stadium. All rights reserved.</p>
      <div class="flex gap-6 text-sm">
        <a href="#" class="text-slate-400 hover:text-emerald-400 transition">Privacy Policy</a>
        <a href="#" class="text-slate-400 hover:text-emerald-400 transition">Terms of Service</a>
        <a href="#" class="text-slate-400 hover:text-emerald-400 transition">Cookie Policy</a>
      </div>
    </div>
  </div>
</footer>