SaaS Template

@props([])

{{-- Atomist — SaaS landing page. Composes existing marketing blocks into a full,
     on-theme screen for an all-in-one workspace product. --}}
@php
    $navLinks = [
        ['label' => 'Product', 'href' => '#features'],
        ['label' => 'Pricing', 'href' => '#pricing'],
        ['label' => 'Customers', 'href' => '#testimonials'],
        ['label' => 'Docs', 'href' => '#'],
    ];

    $logos = [
        'Northwind', 'Lumen', 'Cadence', 'Tideway', 'Beacon', 'Forge & Co',
    ];

    $bentoHero = [
        'badge' => 'Live workspace',
        'title' => 'See everything your team is shipping',
        'description' => 'Docs, tasks, and automations in one connected canvas — updated in real time, never stale, always yours to edit.',
        'metric' => '4.2k',
        'metricLabel' => 'Tasks shipped this week',
        'delta' => '+24.6%',
        'bars' => [42, 51, 48, 63, 59, 74, 81, 96],
    ];

    $bentoFeatures = [
        [
            'title' => 'One connected workspace',
            'description' => 'Docs, projects, and goals live together — no more switching between five tabs to find the truth.',
            'icon' => 'code',
        ],
        [
            'title' => 'Automate the busywork',
            'description' => 'Trigger handoffs, status changes, and reminders automatically so your team ships instead of chasing.',
            'icon' => 'refresh',
        ],
        [
            'title' => 'Secure by default',
            'description' => 'SSO, granular roles, and audit logs keep enterprise data locked down without slowing anyone down.',
            'icon' => 'shield',
        ],
        [
            'title' => 'Make it yours',
            'description' => 'Custom views, fields, and branding so the workspace fits how your team actually works.',
            'icon' => 'palette',
        ],
    ];

    $plans = [
        [
            'name' => 'Free',
            'price' => '$0',
            'period' => '/mo',
            'blurb' => 'For solo builders organising their first project.',
            'featured' => false,
            'cta' => 'Start for free',
            'href' => '#',
            'features' => [
                ['label' => 'Up to 3 projects', 'included' => true],
                ['label' => 'Unlimited docs', 'included' => true],
                ['label' => 'Community support', 'included' => true],
                ['label' => 'Automations', 'included' => false],
                ['label' => 'SSO & audit logs', 'included' => false],
            ],
        ],
        [
            'name' => 'Team',
            'price' => '$24',
            'period' => '/user/mo',
            'blurb' => 'For growing teams shipping together every day.',
            'featured' => true,
            'cta' => 'Start 14-day trial',
            'href' => '#',
            'features' => [
                ['label' => 'Unlimited projects', 'included' => true],
                ['label' => 'Unlimited docs', 'included' => true],
                ['label' => 'Priority support', 'included' => true],
                ['label' => 'Automations', 'included' => true],
                ['label' => 'SSO & audit logs', 'included' => false],
            ],
        ],
        [
            'name' => 'Enterprise',
            'price' => 'Custom',
            'period' => '',
            'blurb' => 'For organisations that need scale, control, and security.',
            'featured' => false,
            'cta' => 'Contact sales',
            'href' => '#',
            'features' => [
                ['label' => 'Everything in Team', 'included' => true],
                ['label' => 'SSO & SCIM provisioning', 'included' => true],
                ['label' => 'Audit logs & data residency', 'included' => true],
                ['label' => 'Dedicated success manager', 'included' => true],
                ['label' => 'Custom SLA & 99.99% uptime', 'included' => true],
            ],
        ],
    ];

    $testimonials = [
        [
            'quote' => 'Atomist replaced four tools overnight. Our roadmap, docs, and standups finally live in one place the whole team trusts.',
            'name' => 'Avery Mitchell',
            'role' => 'Head of Product, Northwind',
            'initials' => 'AM',
        ],
        [
            'quote' => 'The automations alone gave us back a day a week. Handoffs just happen — nobody has to babysit a board anymore.',
            'name' => 'Jordan Lee',
            'role' => 'Engineering Lead, Lumen',
            'initials' => 'JL',
        ],
        [
            'quote' => 'We shipped two releases faster in our first month. Everything we need is one click away instead of one Slack thread away.',
            'name' => 'Priya Nair',
            'role' => 'Operations Lead, Cadence',
            'initials' => 'PN',
        ],
        [
            'quote' => 'Security signed off in a day. SSO, audit logs, and roles were exactly what enterprise procurement asked for.',
            'name' => 'Marcus Bell',
            'role' => 'CTO, Forge & Co',
            'initials' => 'MB',
        ],
        [
            'quote' => 'Onboarding new teammates went from a week to an afternoon. The workspace is the single source of truth they actually read.',
            'name' => 'Sofia Romero',
            'role' => 'Founder, Tideway',
            'initials' => 'SR',
        ],
        [
            'quote' => 'It is the rare tool that scaled with us from five people to fifty without ever feeling in the way.',
            'name' => 'Daniel Okafor',
            'role' => 'VP Engineering, Beacon',
            'initials' => 'DO',
        ],
    ];

    $faqItems = [
        ['question' => 'What is Atomist?', 'answer' => 'Atomist is the all-in-one workspace where your docs, projects, and automations live together — so your team spends less time switching tools and more time shipping.'],
        ['question' => 'Can I migrate from my current tools?', 'answer' => 'Yes. Import projects, docs, and tasks from the tools you already use with guided importers, and bring your team along without losing history.'],
        ['question' => 'How does the free trial work?', 'answer' => 'Every paid plan starts with a 14-day trial of the Team tier. No credit card required, and you keep your data if you decide to stay on Free.'],
        ['question' => 'Is my data secure?', 'answer' => 'Data is encrypted in transit and at rest. Team and Enterprise plans add SSO, granular roles, and audit logs, with data residency available on Enterprise.'],
        ['question' => 'Do you offer discounts for startups or non-profits?', 'answer' => 'Yes. Eligible startups and registered non-profits get discounted pricing — reach out to our sales team and we will get you set up.'],
    ];

    $footerColumns = [
        ['heading' => 'Product', 'links' => [
            ['label' => 'Features', 'href' => '#features'],
            ['label' => 'Pricing', 'href' => '#pricing'],
            ['label' => 'Automations', 'href' => '#'],
            ['label' => 'Changelog', 'href' => '#'],
        ]],
        ['heading' => 'Resources', 'links' => [
            ['label' => 'Documentation', 'href' => '#'],
            ['label' => 'Guides', 'href' => '#'],
            ['label' => 'Templates', 'href' => '#'],
            ['label' => 'Support', 'href' => '#'],
        ]],
        ['heading' => 'Company', 'links' => [
            ['label' => 'About', 'href' => '#'],
            ['label' => 'Customers', 'href' => '#testimonials'],
            ['label' => 'Careers', 'href' => '#'],
            ['label' => 'Contact', 'href' => '#'],
        ]],
    ];
@endphp

<div class="min-h-screen bg-background text-foreground">
    <x-blocks.header-navbar
        :brand="__('Atomist')"
        :links="$navLinks"
        :cta="__('Start for free')"
    />

    <main>
        <x-blocks.hero-mockup
            :eyebrow="__('New — Automations are here')"
            :heading="__('The all-in-one workspace to ship faster')"
            :subheading="__('Atomist brings your docs, projects, and automations into one connected canvas — so your team stops switching tools and starts shipping.')"
            :primaryCta="__('Start for free')"
            :secondaryCta="__('Book a demo')"
            url="app.atomist.com"
        />

        <x-blocks.logo-cloud-marquee
            :heading="__('Trusted by fast-moving teams at')"
            :logos="$logos"
        />

        <div id="features">
            <x-blocks.features-bento
                :eyebrow="__('Everything in one place')"
                :heading="__('Run your whole team from a single workspace')"
                :subheading="__('Plan, document, and automate without the tab-switching tax. Atomist keeps every team aligned on one source of truth.')"
                :hero="$bentoHero"
                :features="$bentoFeatures"
            />
        </div>

        <div id="pricing">
            <x-blocks.pricing-cards
                :heading="__('Simple pricing that scales with your team')"
                :subheading="__('Start free, upgrade when you grow. No hidden fees, cancel anytime.')"
                :plans="$plans"
            />
        </div>

        <div id="testimonials">
            <x-blocks.testimonials-grid
                :eyebrow="__('Loved by teams')"
                :heading="__('Teams ship faster on Atomist')"
                :subheading="__('Thousands of teams replaced their tool sprawl with one workspace they actually enjoy using.')"
                :testimonials="$testimonials"
            />
        </div>

        <x-blocks.faq-accordion
            :heading="__('Frequently asked questions')"
            :subheading="__('Everything you need to know about Atomist, migration, and billing.')"
            :items="$faqItems"
        />

        <x-blocks.closing-cta-centered
            frame="none"
            :eyebrow="__('Ship faster, starting today')"
            :heading="__('Bring your team into one workspace')"
            :subheading="__('Join thousands of teams using Atomist to plan, document, and automate their work — all in one place.')"
            :primaryCta="__('Start for free')"
            :secondaryCta="__('Book a demo')"
        />
    </main>

    <x-blocks.footer-columns
        :brand="__('Atomist')"
        :tagline="__('The all-in-one workspace to ship faster.')"
        :columns="$footerColumns"
    />
</div>