@extends('layouts.main')

@section('content')



<section class="hero-section">
    <div class="content">
        <h2 class="eyebrow">Welcome to the</h2>
        <h1 class="title">NoName SMP</h1>
        <h2 class="subtitle">Website</h2>

    </div>
</section>
<section class="members-section">
    <h1 class="section-title">Members</h1>
    <div class="members">
        <livewire:members-grid :members="$members"/>
    </div>
</section>
<section class="world-section">
    <h1 class="section-title" id="animated">World Downloads</h1>
    <div class="world-grid">
        <div class="world">
            <div class="card">
                <h5 class="card-title">Season 1</h5>
                <a href="#" class="button">Explore</a>
            </div>
        </div>
    </div>
</section>
@endsection