Testimonials

@props([
    'eyebrow' => 'Loved by teams',
    'heading' => 'What our customers are saying',
    'subheading' => 'Thousands of teams ship faster with a UI system they fully own.',
    'testimonials' => null,
])

@php
    $testimonials ??= [
        ['quote' => 'We replaced a tangle of one-off components with this in an afternoon. Owning the source means no more fighting a black-box dependency — we just edit the Blade.', 'name' => 'Amara Okafor', 'role' => 'Staff Engineer, Northwind'],
        ['quote' => 'The token system is the part that sold the rest of the team. One file re-themes light, dark, and every surface.', 'name' => 'Jonas Berg', 'role' => 'Design Lead, Loom Labs'],
        ['quote' => 'Updates are genuinely painless. Our edited files are never clobbered, and the diff tells me exactly what changed upstream before I accept it.', 'name' => 'Priya Nair', 'role' => 'Frontend Architect, Cartographer'],
        ['quote' => 'Accessibility was handled out of the box — keyboard, focus states, RTL. That alone saved us a sprint.', 'name' => 'Mateo Rossi', 'role' => 'Product Engineer, Fathom'],
        ['quote' => 'It feels like shadcn, but native to Laravel. Plain Blade, no runtime lock-in, and it composes with everything we already had.', 'name' => 'Sofia Almeida', 'role' => 'CTO, Driftwood'],
        ['quote' => 'Our designers and engineers finally speak the same language. The variant families map cleanly onto our component library in Figma.', 'name' => 'Liang Wei', 'role' => 'Head of Design Systems, Aperture'],
        ['quote' => 'Shipped a full marketing site in days using the blocks, then pulled the same primitives into our admin app. Zero re-learning.', 'name' => 'Hannah Schmidt', 'role' => 'Engineering Manager, Quill'],
        ['quote' => 'The copy-into-your-app model is exactly right. No version-bump anxiety, no surprise breaking changes in production.', 'name' => 'Diego Fernández', 'role' => 'Tech Lead, Beacon'],
        ['quote' => 'Best onboarding for a new hire we have had — they could read every component because it is just our code, in our repo.', 'name' => 'Yuki Tanaka', 'role' => 'Senior Developer, Meridian'],
    ];
@endphp

<x-ui.section space="xl" {{ $attributes }}>
    <x-ui.container gutter="sm">
        <x-ui.section-heading align="center" overline-style="label" :overline="$eyebrow" :title="$heading" :subtitle="$subheading" />

        <div class="relative mt-14">
            {{-- Top/bottom token gradient fade masks --}}
            <div class="pointer-events-none absolute inset-x-0 top-0 z-10 h-16 bg-gradient-to-b from-background to-transparent" aria-hidden="true"></div>
            <div class="pointer-events-none absolute inset-x-0 bottom-0 z-10 h-16 bg-gradient-to-t from-background to-transparent" aria-hidden="true"></div>

            <ul role="list" class="columns-1 gap-6 sm:columns-2 lg:columns-3">
                @foreach ($testimonials as $testimonial)
                    <li class="mb-6 break-inside-avoid">
                        <x-ui.quote-card
                            glyph="none"
                            :divider="false"
                            :quote="__($testimonial['quote'])"
                            :name="$testimonial['name']"
                            :role="__($testimonial['role'])"
                            class="transition-shadow hover:shadow-md focus-within:shadow-md"
                        />
                    </li>
                @endforeach
            </ul>
        </div>
    </x-ui.container>
</x-ui.section>