@props([
    'title',
    'quote',
    'author',
])

<section class="py-24 bg-white">

    <div class="max-w-4xl mx-auto px-6 text-center">

        <span class="text-green-700 font-semibold">

            IMPACT STORY

        </span>

        <h2 class="text-4xl font-bold mt-4">

            {{ $title }}

        </h2>

        <blockquote class="mt-10 text-2xl italic text-gray-700">

            "{{ $quote }}"

        </blockquote>

        <p class="mt-6 font-semibold">

            {{ $author }}

        </p>

    </div>

</section>