@extends('layouts.landing-page.app')

{{-- *******************************
Description: Title
**************************************--}}
@section('title', 'Titania Tickets - Terms')

{{-- *******************************
Description: CSS or JS Files
**************************************--}}
@push('css')

{{-- Alpine Plugins --}}
<script src="{{ asset('assets/landing/js/alpine-plugin.min.js') }}" defer></script>

{{-- Alpine Core --}}
<script src="{{ asset('assets/landing/js/alpine-core.min.js') }}" defer></script>

{{-- Starfield --}}
<script src="{{ asset('assets/landing/js/starfield.js') }}" defer></script>

{{-- Main JS --}}
<script src="{{ asset('assets/landing/js/main.js') }}" defer></script>

@endpush

{{-- *******************************
Description: Hero Content
**************************************--}}
@section('hero-content')
<!-- Terms of Service hero -->
<div class="pb-12 pt-20 md:pb-20 lg:py-28">
  <div class="relative">
    <!-- Stars -->
    <div class="absolute inset-0 -z-10" aria-hidden="true">
      <canvas class="opacity-0 duration-1000 ease-in-out" data-starfield></canvas>
    </div>

    <div class="absolute -left-96 -right-96 -top-96 bottom-0 -z-10">
      <img src="{{ asset('assets/landing/media/cosmic-butterfly-2.png') }}" alt=""
        class="h-[calc(100%_+_384px)] w-[calc(100%_+_768px)] opacity-10" />
    </div>

    {{-- Page hero section --}}
    <div class="mx-auto w-full max-w-4xl gap-16 px-5 mb-5 sm:px-6 lg:max-w-screen-xl lg:px-8">
      <!-- Text content -->
      <div class="relative z-10 flex flex-col items-center">
        <div class="flex items-center rounded-full bg-zinc-950/[.01] shadow-inner-blur">
          <div
            class="flex h-full w-full items-center space-x-2 rounded-full border border-crimson-200/[.06] px-4 py-1.5">
            <svg class="h-3.5 w-3.5 text-crimson-400" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
              viewBox="0 0 16 16">
              <title>tags-stack</title>
              <g fill="currentColor">
                <path
                  d="M15.854,7.146l-7-7A.5.5,0,0,0,8.5,0h-5A.5.5,0,0,0,3,.5v1H5.5a1.986,1.986,0,0,1,1.414.586l7,7a1.99,1.99,0,0,1,.3.4l1.636-1.636A.5.5,0,0,0,15.854,7.146Z">
                </path>
                <path
                  d="M5.854,3.146A.5.5,0,0,0,5.5,3H.5a.5.5,0,0,0-.5.5v5a.5.5,0,0,0,.146.354l7,7a.5.5,0,0,0,.708,0l5-5a.5.5,0,0,0,0-.708ZM3,7A1,1,0,1,1,4,6,1,1,0,0,1,3,7Z"
                  fill="currentColor"></path>
              </g>
            </svg>
            <span class="text-sm font-medium text-crimson-100 drop-shadow-[-12px_-4px_6px_rgba(237,233,254,0.2)]">
              Terms of Service Guidelines
            </span>
          </div>
        </div>
        <h1
          class="mt-5 max-w-4xl text-center text-[2.75rem] font-bold leading-[1.125] text-crimson-100 sm:text-5xl sm:leading-[1.125] md:text-6xl md:leading-[1.125] lg:text-[64px]">
          Terms of Service
        </h1>
        <p class="mt-5 max-w-xl text-center text-[17px] leading-8 text-zinc-200 sm:text-lg sm:leading-8">
          Your guide to secure and seamless ticketing support
        </p>
      </div>
    </div>

    {{-- Terms of service --}}
    <section class="relative overflow-hidden mt-10">
      <!-- Stars -->
      <div class="absolute left-0 top-0 z-0 h-72 w-72" aria-hidden="true">
        <canvas class="opacity-0 duration-1000 ease-in-out" data-starfield data-max-radius="2.5" data-min-radius="1.25"
          data-density="high"></canvas>
      </div>
      {{-- Content --}}
      <div class="mx-auto max-w-lg px-5 sm:max-w-2xl sm:px-6 lg:max-w-screen-xl lg:px-8">
        <div class="flex items-center lg:col-span-7">
          <div class="relative z-10 flex flex-col">
            <div class="inline-flex w-max rounded-full bg-zinc-950/[.01] shadow-inner-blur">
              <div
                class="flex h-full w-full items-center space-x-2 rounded-full border border-crimson-200/[.06] px-4 py-1.5">
                <svg class="h-4 w-4 text-crimson-200" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                  viewBox="0 0 16 16">
                  <title>url</title>
                  <g fill="currentColor">
                    <path
                      d="M10.742,5.258a4.475,4.475,0,0,0-.825-.64L8.435,6.1a2.531,2.531,0,0,1,.893,4.158l-3,3A2.536,2.536,0,0,1,2.742,9.672L2.8,9.61A6,6,0,0,1,2.43,7.535c0-.134.01-.266.019-.4L1.328,8.258a4.535,4.535,0,0,0,6.414,6.414l3-3a4.536,4.536,0,0,0,0-6.414Z">
                    </path>
                    <path
                      d="M5.26,10.74a4.508,4.508,0,0,0,.825.64L7.567,9.9A2.531,2.531,0,0,1,6.674,5.74l3-3A2.536,2.536,0,0,1,13.26,6.326l-.062.062a5.982,5.982,0,0,1,.375,2.075c0,.134-.011.266-.02.4L14.674,7.74A4.535,4.535,0,0,0,8.26,1.326l-3,3a4.536,4.536,0,0,0,0,6.414Z"
                      fill="currentColor"></path>
                  </g>
                </svg>

                <span class="text-sm font-medium text-zinc-100 drop-shadow-[-12px_-4px_6px_rgba(237,233,254,0.2)]">
                  Last updated: December 12, 2024
                </span>
              </div>
            </div>
            {{-- 1. Eligibility for Assistance --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                1. Eligibility for Assistance
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
                Assistance can only be provided for events that have been officially announced. Complete event
                details,
                such as seating
                arrangements, ticket prices, and venue information, are essential for us to assess whether assistance
                can be provided.
              </dd>
            </dl>
            {{-- 2. Success Rate --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                2. Success Rate
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
                While Titania Tickets strives for near-perfect success under optimal conditions, certain external
                factors may impact
                results, including but not limited to:
                <br /><br />
                <li>Delays or discrepancies in online sales.</li>
                <li>Differences in ticket allocations between online and onsite sales.</li>
                <li>Account suspensions by the ticketing platform.</li>
                <li>Other unforeseen issues.</li>
                <br />
                Under normal circumstances, however, Titania Tickets maintains a near 100% success rate.
              </dd>
            </dl>
            {{-- 3. Prepayment Requirement--}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                3. Prepayment Requirement
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Prepayment is required to secure your request and ensure a faster, smoother process. Prepayment helps
                prioritize your
                transaction and mitigates potential cancellations or operational losses. A full refund will be issued if
                we are unable
                to provide checkout links.
              </dd>
            </dl>
            {{-- 4. Improving Your Chances for High-Demand Events--}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                4. Improving Your Chances for High-Demand Events
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                <li>For high-demand events, the following strategies are recommended to enhance your chances of securing
                  tickets:
                  Opt for the Gold Tier Ticket Purchase Assistance (TPA) for priority service.</li>
                <li>Limit your ticket request to one (1) per account, as single-ticket purchases are often more
                  successful
                  than
                  multiple-ticket transactions.</li>



              </dd>
            </dl>
            {{-- 5. Request Prioritization --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                5. Request Prioritization
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Titania Tickets ensures all tiers receive high-priority service for a fair chance at success. However,
                to maintain
                fairness and efficiency, each tier is limited to specific types of tickets they can request. This
                ensures equal
                opportunity for all customers while optimizing the ticket allocation process.
              </dd>
            </dl>
            {{-- 6. Refund Policy --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                6. Refund Policy (click <a class="text-crimson-200" href="#refund-policy">here</a> for detailed refund
                policy)
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Refunds are only applicable if the checkout link provided does not match your initial request. Once you
                agree to
                purchase a ticket after being informed of the ticket's section and tier, refunds will not be available.
                The assistance
                fee is non-refundable if the checkout link is paid for on the selling day.
              </dd>
            </dl>

            {{-- 7. Ghost Checkouts --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                7. Ghost Checkouts
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Ghost checkouts occur when payments are processed but do not result in a voucher due to heavy traffic or
                system crashes.
                If a voucher is not issued within 30 minutes, customers should contact the merchant directly at:
                <br /><br />
                <li>SM Tickets Hotline: (02) 8470-2222</li>
                <li>Email:
                  <a class="text-zinc-100" href="mailto:customercare@smtickets.com">customercare@smtickets.com</a>
                </li>
                <br />
                Assistance fees are not refundable for ghost checkouts, and obtaining the voucher is the customer's
                responsibility.
              </dd>
            </dl>

            {{-- 8. Simultaneous Ticket Attempts --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                8. Simultaneous Ticket Attempts
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Customers may attempt to secure tickets simultaneously with Titania Tickets, but must use a separate
                account or presale
                code. Sharing the same account or code with us or another service provider may result in:
                <br /><br />
                <li>Account suspensions.</li>
                <li>Incorrect tickets in your cart.</li>
                <li>Loss of your presale code.</li>
              </dd>
            </dl>

            {{-- 9. Ticket/Voucher Cancellation --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                9. Ticket/Voucher Cancellation
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Titania Tickets is not responsible for any ticket or voucher cancellations and will not refund the
                Ticket Purchase
                Assistance Fees, as we have successfully provided assistance with your ticket purchase. In the event of
                a cancellation,
                customers should contact the merchant directly at:
                <br /><br />
                <li>SM Tickets Hotline: (02) 8470-2222</li>
                <li>Email:
                  <a class="text-zinc-100" href="mailto:customercare@smtickets.com">customercare@smtickets.com</a>
                </li>
                <br />
                Please note, assistance fees are non-refundable for cancelled tickets or vouchers, and it is the
                customer's
                responsibility to obtain the voucher.
              </dd>
            </dl>

            {{-- 10. Can I participate in presales while using your service? --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                10. Can I participate in presales while using your service?
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Customers can participate in presales while using Titania Tickets. For fan club presales, valid,
                registered presale
                codes and account details must be provided for use on the selling day.
              </dd>
            </dl>

            {{-- 11. Additional Considerations --}}
            <dl class="mt-6">
              <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
                11. Additional Considerations
              </dt>
              <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-6">
                Titania Tickets aims to improve your chances of securing tickets and protect you from inflated reseller
                prices. However,
                ticket acquisition is not guaranteed, as external factors may influence the outcome. If Titania Tickets
                is unable to
                provide checkout links, a full refund will be issued.
              </dd>
            </dl>

          </div>
        </div>

      </div>
    </section>
  </div>
</div>
<!-- Divider -->
<div
  class="mx-auto h-[0.75px] w-full max-w-screen-lg bg-gradient-to-r from-transparent via-crimson-100/15 to-transparent">
</div>
@endsection

{{-- *******************************
Description: Main Content
**************************************--}}
@section('main-content')

<!-- Divider -->
<div
  class="mx-auto h-[0.75px] w-full max-w-screen-lg bg-gradient-to-r from-transparent via-crimson-100/15 to-transparent">
</div>

<!-- Story with values bg-[linear-gradient(rgba(24,24,27,0.95),rgba(24,24,27,0.95)),linear-gradient(#171717,#171717)] -->
<section class="relative overflow-hidden py-8 sm:py-12 lg:py-16 xl:py-28" id="refund-policy">
  {{-- <div class="absolute left-0 top-0 w-full max-w-7xl -translate-x-1/2 -translate-y-1/2">
    <img src="{{ asset('assets/landing/media/space-spotlight.png') }}" alt="" class="h-full w-full object-contain" />
  </div> --}}
  <!-- Stars -->
  <div class="absolute inset-0 -z-10" aria-hidden="true">
    <canvas class="opacity-0 duration-1000 ease-in-out" data-starfield></canvas>
  </div>
  <!-- Stars -->
  {{-- <div class="absolute left-0 top-0 z-0 h-72 w-72" aria-hidden="true">
    <canvas class="opacity-0 duration-1000 ease-in-out" data-starfield data-max-radius="2.5" data-min-radius="1.25"
      data-density="high"></canvas>
  </div> --}}

  {{-- <div class="absolute -top-96 bottom-48 left-0 right-80 -z-10">
    <image src="{{ asset('assets/landing/media/long-gradient.png') }}" alt=""
      class="h-full w-full object-contain object-center opacity-60" />
  </div> --}}

  <div class="absolute -bottom-96 -right-2/3 left-0 top-1/2 -z-10">
    <img src="{{ asset('assets/landing/media/long-gradient.png') }}" alt=""
      class="h-full w-full object-contain object-center opacity-50" />
  </div>

  <!-- Text content -->
  <div class="relative flex flex-col items-center">
    <div class="flex items-center rounded-full bg-zinc-950/[.01] shadow-inner-blur">
      <div class="flex h-full w-full items-center space-x-2 rounded-full border border-crimson-200/[.06] px-4 py-1.5">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
          class="h-3.5 w-3.5 text-crimson-400">
          <path fill-rule="evenodd"
            d="M9.661 2.237a.531.531 0 0 1 .678 0 11.947 11.947 0 0 0 7.078 2.749.5.5 0 0 1 .479.425c.069.52.104 1.05.104 1.59 0 5.162-3.26 9.563-7.834 11.256a.48.48 0 0 1-.332 0C5.26 16.564 2 12.163 2 7c0-.538.035-1.069.104-1.589a.5.5 0 0 1 .48-.425 11.947 11.947 0 0 0 7.077-2.75Zm4.196 5.954a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
            clip-rule="evenodd" />
        </svg>
        <span class="text-sm font-medium text-crimson-100 drop-shadow-[-12px_-4px_6px_rgba(237,233,254,0.2)]">
          Refund Policy Guidelines
        </span>
      </div>
    </div>

    <h1
      class="mt-5 max-w-5xl text-center text-4xl font-bold leading-extratight text-crimson-100 sm:mt-6 sm:text-5xl sm:leading-extratight">
      Refund Policy
    </h1>
    <p class="mt-5 max-w-2xl text-center text-[17px] leading-8 text-zinc-200 sm:text-lg sm:leading-8">
      Have questions about refunds? Feel free to message us on Discord.
    </p>
  </div>




  {{-- Main Content --}}
  <div class="mx-auto max-w-lg px-5 sm:max-w-2xl sm:px-6 lg:max-w-screen-xl lg:px-8 mt-10">
    <div class="flex items-center lg:col-span-7">
      <div class="relative z-10 flex flex-col">
        <div class="inline-flex w-max rounded-full bg-zinc-950/[.01] shadow-inner-blur">
          <div
            class="flex h-full w-full items-center space-x-2 rounded-full border border-crimson-200/[.06] px-4 py-1.5">
            <svg class="h-4 w-4 text-crimson-200" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
              viewBox="0 0 16 16">
              <title>url</title>
              <g fill="currentColor">
                <path
                  d="M10.742,5.258a4.475,4.475,0,0,0-.825-.64L8.435,6.1a2.531,2.531,0,0,1,.893,4.158l-3,3A2.536,2.536,0,0,1,2.742,9.672L2.8,9.61A6,6,0,0,1,2.43,7.535c0-.134.01-.266.019-.4L1.328,8.258a4.535,4.535,0,0,0,6.414,6.414l3-3a4.536,4.536,0,0,0,0-6.414Z">
                </path>
                <path
                  d="M5.26,10.74a4.508,4.508,0,0,0,.825.64L7.567,9.9A2.531,2.531,0,0,1,6.674,5.74l3-3A2.536,2.536,0,0,1,13.26,6.326l-.062.062a5.982,5.982,0,0,1,.375,2.075c0,.134-.011.266-.02.4L14.674,7.74A4.535,4.535,0,0,0,8.26,1.326l-3,3a4.536,4.536,0,0,0,0,6.414Z"
                  fill="currentColor"></path>
              </g>
            </svg>

            <span class="text-sm font-medium text-zinc-100 drop-shadow-[-12px_-4px_6px_rgba(237,233,254,0.2)]">
              Last updated: December 12, 2024
            </span>
          </div>
        </div>
        {{-- Eligibility for Full Refund --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Eligibility for Full Refund
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>You are entitled to a full refund if we are unable to provide the checkout links for your request.</li>
          </dd>
        </dl>
        {{-- Dissatisfaction with Service --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Dissatisfaction with Service
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>If the checkout link provided does not match the details you initially specified, you are not obligated
              to pay for the
              service. However, once you have been informed of the ticket’s section and tier and choose to proceed with
              the purchase,
              refund requests will no longer be accepted. Please note that if payment is made on the selling day, the
              assistance fee
              is non-refundable.</li>
          </dd>
        </dl>
        {{-- Refund for Unused Checkout Links --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Refund for Unused Checkout Links
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>Assistance fees are non-refundable for checkout links that match the details you initially provided.
              Once a checkout
              link is provided, you are obligated to pay for the service, even if you do not proceed with the purchase.
            </li>
          </dd>
        </dl>
        {{-- Ghost Checkout Refunds --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Ghost Checkout Refunds
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>Assistance fees are non-refundable for ghost checkouts. In the event of a ghost checkout, where a
              payment is
              successfully processed but no voucher is issued, it is your responsibility to contact the merchant
              directly to request a
              voucher. Refunds for the assistance fee will not be provided in such cases.
            </li>
          </dd>
        </dl>
        {{-- Incorrect Information Provided --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Incorrect Information Provided
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>Refunds will not be issued if the order cannot be fulfilled due to incorrect or incomplete information
              provided by you.
              This includes, but is not limited to, inaccurate login credentials, ticket preferences, quantity, payment
              methods, or
              presale codes (if applicable). It is your responsibility to ensure all information provided is accurate
              and complete.
            </li>
          </dd>
        </dl>
        {{-- Partial Refund for Lacking Tickets --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Partial Refund for Lacking Tickets
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>If you requested, for example, 3 adjacent seats but were only provided vouchers for 2 adjacent seats,
              you are eligible
              for a partial refund equivalent to the lacking seat. In this case, the refund will cover the cost of the
              TPA fee for the
              seat that was not fulfilled, as 2 adjacent seats were successfully secured in your preferred section and
              area.
            </li>
          </dd>
        </dl>
        {{-- Refund Processing Time --}}
        <dl class="mt-6">
          <dt class="text-base font-bold leading-5 text-zinc-100 sm:text-[17px] lg:text-lg">
            Refund Processing Time
          </dt>
          <dd class="mt-2 text-base leading-5 text-zinc-300 sm:mt-3 sm:text-[17px] lg:text-lg lg:leading-7">
            <li>Refunds for TPA fees typically take 1 to 7 business days to process, depending on the payment method
              used.
            </li>
          </dd>
        </dl>

      </div>
    </div>
  </div>
</section>

<!-- Divider -->
<div
  class="mx-auto h-[0.75px] w-full max-w-screen-lg bg-gradient-to-r from-transparent via-crimson-100/15 to-transparent">
</div>

@endsection


{{-- *******************************
Description: JS Files
**************************************--}}
@push('scripts')

@endpush