@push('header')
<meta property="og:title" content="The Tech Capital Events" />
<meta property="og:description" content="The Tech Capital events keep you connected and informed" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{{ route('image', ['filename' => 'thetechcapital.jpg', 'width' => 1200, 'height' => 630])}}" />
<meta property="og:url" content="{{url()->current()}}" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@thetechcapital_" />
<meta property="twitter:title" content="The Tech Capital Events" />
<meta property="twitter:description" content="The Tech Capital events keep you connected and informed" />
<meta property="twitter:image" content="{{ route('image', ['filename' => 'thetechcapital.jpg', 'width' => 800, 'height' => 400])}}" />
@endpush
<x-app>
  <x-hero filename="{{ asset('img/hero/home.jpg') }}">
    <div class="w-full">
      <h2 class="font-sans text-white text-base text-center uppercase">The Tech Capital</h2>
      <h2 class="font-altgothic text-4xl text-white uppercase text-center mb-4">World Class Events</h2>
      <h2 class="font-serif text-xl text-white text-center mb-4">The Tech Capital events keep you connected and informed.</h2>
      <p class="text-center"><a href="#upcoming-events" class="inline-block p-2 pl-4 pr-4 bg-techcapital-red border border-techcapital-red text-white uppercase font-altgothic">Upcoming Events</a></p>
    </div>
  </x-hero>
  <x-intro/>
  <x-quote/>
  <x-upcoming-events/>
  <x-seperator/>
  <x-related-articles category="83"/>
</x-app>