Blog Index

@props([])

@php
    $navLinks = [
        ['label' => 'Features', 'href' => '#'],
        ['label' => 'Docs', 'href' => '#'],
        ['label' => 'Pricing', 'href' => '#'],
        ['label' => 'Blog', 'href' => '#'],
    ];

    $posts = [
        [
            'category' => 'Engineering',
            'title' => 'Shipping a copy-into-your-app component registry',
            'excerpt' => 'The architecture behind a shadcn-style registry for Laravel — manifests, content hashing, and resolving dependencies recursively at install time.',
            'href' => '#',
            'author' => 'Avery Chen',
            'initials' => 'AC',
            'date' => 'Jun 12, 2026',
            'datetime' => '2026-06-12',
        ],
        [
            'category' => 'Design Systems',
            'title' => 'Theming everything with semantic design tokens',
            'excerpt' => 'How a single token layer re-skins an entire product — light, dark, and per-surface — without ever editing a component by hand.',
            'href' => '#',
            'author' => 'Mara Lopez',
            'initials' => 'ML',
            'date' => 'Jun 9, 2026',
            'datetime' => '2026-06-09',
        ],
        [
            'category' => 'Accessibility',
            'title' => 'A practical path to WCAG 2.2 AA in Blade',
            'excerpt' => 'Keyboard support, focus-visible states, ARIA wiring, and RTL-safe layout — the checklist we run before any block leaves the registry.',
            'href' => '#',
            'author' => 'Sam Okafor',
            'initials' => 'SO',
            'date' => 'Jun 5, 2026',
            'datetime' => '2026-06-05',
        ],
        [
            'category' => 'Product',
            'title' => 'Own your UI: editable code over runtime lock-in',
            'excerpt' => 'Why we hand you plain Blade and CSS instead of a black-box dependency, and what that trade means for long-term maintenance.',
            'href' => '#',
            'author' => 'Jordan Kim',
            'initials' => 'JK',
            'date' => 'May 30, 2026',
            'datetime' => '2026-05-30',
        ],
        [
            'category' => 'Performance',
            'title' => 'Static-first Blade, JS only when interaction demands it',
            'excerpt' => 'Measuring the cost of every interactive primitive and how teardown discipline keeps long-lived pages leak-free.',
            'href' => '#',
            'author' => 'Theo Lane',
            'initials' => 'TL',
            'date' => 'May 24, 2026',
            'datetime' => '2026-05-24',
        ],
        [
            'category' => 'Tooling',
            'title' => 'Guard tests that keep three trees in sync',
            'excerpt' => 'The parity suite that fails CI the moment a registry source, its mirror, and its catalog entry drift apart.',
            'href' => '#',
            'author' => 'Mara Singh',
            'initials' => 'MS',
            'date' => 'May 19, 2026',
            'datetime' => '2026-05-19',
        ],
    ];

    $footerColumns = [
        ['heading' => 'Product', 'links' => [
            ['label' => 'Components', 'href' => '#'],
            ['label' => 'Blocks', 'href' => '#'],
            ['label' => 'Pricing', 'href' => '#'],
            ['label' => 'Changelog', 'href' => '#'],
        ]],
        ['heading' => 'Resources', 'links' => [
            ['label' => 'Documentation', 'href' => '#'],
            ['label' => 'Guides', 'href' => '#'],
            ['label' => 'Blog', 'href' => '#'],
            ['label' => 'Support', 'href' => '#'],
        ]],
        ['heading' => 'Company', 'links' => [
            ['label' => 'About', 'href' => '#'],
            ['label' => 'Careers', 'href' => '#'],
            ['label' => 'Contact', 'href' => '#'],
        ]],
    ];
@endphp

{{-- Blog index page — composes existing marketing blocks into a full screen. --}}
<div class="min-h-screen bg-background text-foreground">
    <x-blocks.header-navbar
        brand="Northstar"
        :links="$navLinks"
        cta="Get started"
    />

    <main>
        <x-blocks.blog-image-grid
            :media="false"
            heading="From the engineering blog"
            subheading="Deep dives, design-system notes, and product updates from the team building the Laravel-native UI registry."
            :posts="$posts"
        />

        <x-blocks.waitlist
            eyebrow="The changelog"
            heading="New components in your inbox"
            subheading="A short weekly note on fresh blocks, breaking changes, and the craft behind them. No spam, unsubscribe anytime."
            cta="Subscribe"
            trust="Read by 4,000+ Laravel builders"
        />
    </main>

    <x-blocks.footer-columns
        brand="Northstar"
        tagline="The Laravel-native UI and blocks system you copy into your app."
        :columns="$footerColumns"
    />
</div>