<?php
$brand = app(\App\Settings\GeneralSettings::class);
$primaryHsl = \App\Support\ColorHelper::hexToHslVar($brand->primary_color);
$appNameLower = strtolower($brand->app_name);
?>
<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo e($brand->app_name); ?> — <?php echo e($brand->app_description); ?></title>
    <meta name="description" content="<?php echo e($brand->app_description); ?>">
    <style>:root, html.dark { --primary: <?php echo e($primaryHsl); ?>; --ring: <?php echo e($primaryHsl); ?>; }</style>

    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap" rel="stylesheet" />

    <script>
        (function() {
            const stored = localStorage.getItem('theme');
            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
            if (stored === 'dark' || (!stored && prefersDark)) {
                document.documentElement.classList.add('dark');
            }
        })();
    </script>

    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>
<body class="min-h-screen bg-background text-foreground antialiased overflow-x-hidden">


<nav class="sticky top-0 z-40 backdrop-blur-xl bg-background/70 border-b border-border/50">
    <div class="container mx-auto flex h-14 items-center justify-between">
        <a href="/" class="flex items-center gap-2 font-semibold">
            <?php if($brand->logo_path): ?>
                <img src="<?php echo e(asset('storage/'.$brand->logo_path)); ?>" alt="" class="h-7 w-7 rounded-md object-contain" />
            <?php else: ?>
                <div class="grid place-items-center h-7 w-7 rounded-md bg-primary text-primary-foreground text-sm font-bold"><?php echo e(mb_substr($brand->app_name, 0, 1)); ?></div>
            <?php endif; ?>
            <span><?php echo e($brand->app_name); ?></span>
        </a>
        <div class="hidden md:flex items-center gap-1 text-sm">
            <a href="#features" class="px-3 py-2 text-muted-foreground hover:text-foreground transition-colors">Features</a>
            <a href="#workflow" class="px-3 py-2 text-muted-foreground hover:text-foreground transition-colors">How it works</a>
            <a href="#tech" class="px-3 py-2 text-muted-foreground hover:text-foreground transition-colors">Tech</a>
        </div>
        <div class="flex items-center gap-2">
            <?php if(auth()->guard()->check()): ?>
                <a href="<?php echo e(route('dashboard')); ?>">
                    <?php if (isset($component)) { $__componentOriginala8bb031a483a05f647cb99ed3a469847 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala8bb031a483a05f647cb99ed3a469847 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.button','data' => ['size' => 'sm']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'sm']); ?>Open app <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $attributes = $__attributesOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__attributesOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $component = $__componentOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__componentOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
                </a>
            <?php else: ?>
                <a href="<?php echo e(route('login')); ?>" class="text-sm text-muted-foreground hover:text-foreground px-3 py-2">Sign in</a>
                <a href="<?php echo e(route('register')); ?>">
                    <?php if (isset($component)) { $__componentOriginala8bb031a483a05f647cb99ed3a469847 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala8bb031a483a05f647cb99ed3a469847 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.button','data' => ['size' => 'sm']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'sm']); ?>Get started <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $attributes = $__attributesOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__attributesOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $component = $__componentOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__componentOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
                </a>
            <?php endif; ?>
        </div>
    </div>
</nav>


<section class="relative pt-20 pb-32 overflow-hidden">
    <div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] rounded-full bg-primary/20 blur-[140px] pointer-events-none"></div>
    <div class="absolute top-32 right-0 w-[400px] h-[400px] rounded-full bg-primary/10 blur-[120px] pointer-events-none"></div>

    <div class="container mx-auto relative">
        <div class="max-w-3xl mx-auto text-center space-y-8">
            <div class="inline-flex items-center gap-2 rounded-full border border-border bg-background/50 px-3 py-1 text-xs font-medium backdrop-blur">
                <span class="h-1.5 w-1.5 rounded-full bg-primary animate-pulse"></span>
                <span class="text-muted-foreground">Now with two-way SMS, calls, email, and AI assist</span>
            </div>

            <h1 class="text-5xl sm:text-6xl md:text-7xl font-bold tracking-tight leading-[1.05]">
                The CRM<br/>
                <span class="bg-gradient-to-br from-foreground via-foreground to-foreground/40 bg-clip-text text-transparent">that actually talks.</span>
            </h1>

            <p class="text-lg sm:text-xl text-muted-foreground leading-relaxed max-w-2xl mx-auto">
                One inbox for every channel. Call, message, and email your contacts from a single workspace &mdash; with AI that drafts, fixes, and translates for you.
            </p>

            <div class="flex flex-wrap items-center justify-center gap-3 pt-2">
                <a href="<?php echo e(route('register')); ?>">
                    <?php if (isset($component)) { $__componentOriginala8bb031a483a05f647cb99ed3a469847 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala8bb031a483a05f647cb99ed3a469847 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.button','data' => ['size' => 'lg','class' => 'h-12 px-6 text-base']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'lg','class' => 'h-12 px-6 text-base']); ?>
                        Start free
                        <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
                     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $attributes = $__attributesOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__attributesOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $component = $__componentOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__componentOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
                </a>
                <a href="<?php echo e(route('login')); ?>">
                    <?php if (isset($component)) { $__componentOriginala8bb031a483a05f647cb99ed3a469847 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala8bb031a483a05f647cb99ed3a469847 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.button','data' => ['size' => 'lg','variant' => 'outline','class' => 'h-12 px-6 text-base']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'lg','variant' => 'outline','class' => 'h-12 px-6 text-base']); ?>Sign in <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $attributes = $__attributesOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__attributesOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $component = $__componentOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__componentOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
                </a>
            </div>

            <div class="pt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-xs text-muted-foreground">
                <span class="inline-flex items-center gap-1.5">
                    <svg class="h-3.5 w-3.5 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/></svg>
                    Built on Laravel 13
                </span>
                <span class="inline-flex items-center gap-1.5">
                    <svg class="h-3.5 w-3.5 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/></svg>
                    Self-host or deploy in minutes
                </span>
                <span class="inline-flex items-center gap-1.5">
                    <svg class="h-3.5 w-3.5 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/></svg>
                    No credit card required
                </span>
            </div>
        </div>

        
        <div class="mt-20 mx-auto max-w-5xl">
            <div class="relative rounded-2xl border border-border bg-card/80 backdrop-blur shadow-2xl overflow-hidden">
                <div class="absolute -top-px left-1/2 -translate-x-1/2 h-px w-3/4 bg-gradient-to-r from-transparent via-primary/50 to-transparent"></div>
                <div class="flex h-9 items-center gap-2 border-b border-border px-4 bg-muted/30">
                    <span class="h-2.5 w-2.5 rounded-full bg-destructive/60"></span>
                    <span class="h-2.5 w-2.5 rounded-full bg-warning/60"></span>
                    <span class="h-2.5 w-2.5 rounded-full bg-success/60"></span>
                    <span class="ml-3 text-xs text-muted-foreground font-mono"><?php echo e($appNameLower); ?>.app/contacts</span>
                </div>
                <div class="grid grid-cols-[200px_1fr] min-h-[420px]">
                    <div class="border-r border-border bg-muted/20 p-3 space-y-1 text-xs">
                        <div class="px-2 py-1.5 rounded-md bg-accent text-foreground font-medium">Contacts</div>
                        <div class="px-2 py-1.5 text-muted-foreground">Messages</div>
                        <div class="px-2 py-1.5 text-muted-foreground">Calls</div>
                        <div class="px-2 py-1.5 text-muted-foreground">Email</div>
                        <div class="pt-3 text-[9px] uppercase tracking-wider text-muted-foreground">Library</div>
                        <div class="px-2 py-1.5 text-muted-foreground">Groups</div>
                        <div class="px-2 py-1.5 text-muted-foreground">Tags</div>
                    </div>
                    <div class="p-4 space-y-3">
                        <div class="flex items-center justify-between">
                            <div class="text-sm font-medium">Contacts <span class="text-muted-foreground font-normal">&middot; 1,284</span></div>
                            <div class="flex gap-1">
                                <span class="h-7 w-7 rounded-md bg-muted"></span>
                                <span class="h-7 w-20 rounded-md bg-primary"></span>
                            </div>
                        </div>
                        <div class="space-y-1.5">
                            <?php $__currentLoopData = [['Ada Lovelace', 'Analytical Inc · CTO'], ['Grace Hopper', 'Compilers Co · Founder'], ['Linus T.', 'Open Source · Maintainer'], ['Margaret H.', 'NASA · Software Lead']]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="flex items-center gap-3 rounded-md border border-border bg-background px-3 py-2">
                                    <span class="grid place-items-center h-7 w-7 rounded-full bg-muted text-[10px] font-medium text-muted-foreground"><?php echo e(collect(explode(' ', $row[0]))->map(fn($w) => $w[0])->take(2)->implode('')); ?></span>
                                    <div class="flex-1 min-w-0">
                                        <div class="text-xs font-medium"><?php echo e($row[0]); ?></div>
                                        <div class="text-[10px] text-muted-foreground"><?php echo e($row[1]); ?></div>
                                    </div>
                                    <span class="text-[9px] px-1.5 py-0.5 rounded border border-border text-muted-foreground">VIP</span>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section id="features" class="py-24 border-t border-border/50">
    <div class="container mx-auto">
        <div class="max-w-2xl mx-auto text-center mb-16 space-y-3">
            <div class="text-xs uppercase tracking-widest text-primary font-semibold">Features</div>
            <h2 class="text-3xl sm:text-4xl font-bold tracking-tight">Everything you need to follow up.</h2>
            <p class="text-muted-foreground">Built for solo operators and small teams who live in their CRM.</p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            <?php
            $features = [
                ['title' => 'Two-way SMS & WhatsApp', 'desc' => 'Send and receive over Twilio. Threads per contact, channel selector, inbound webhook that matches contacts by phone.', 'icon' => 'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'],
                ['title' => 'Click-to-call dialer', 'desc' => 'In-browser dialer powered by Twilio Voice. Calls log automatically against the contact timeline.', 'icon' => 'M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'],
                ['title' => 'Queued email + tracking', 'desc' => 'Compose, queue, deliver, count opens via tracking pixel. Per-contact email history.', 'icon' => 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'],
                ['title' => 'AI-assisted everywhere', 'desc' => 'Paste a signature, get a contact. Misspelled SMS? Fix it. Need to message in another language? Translate.', 'icon' => 'M13 10V3L4 14h7v7l9-11h-7z'],
                ['title' => 'Smart imports', 'desc' => 'CSV upload with column auto-detection and per-row tag parsing. Duplicate detector + one-click merge.', 'icon' => 'M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12'],
                ['title' => 'Team workspaces', 'desc' => 'Shared address books with team_id isolation. Invite members, assign roles, switch instantly.', 'icon' => 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'],
                ['title' => 'Real-time inbound', 'desc' => 'Reverb + Echo broadcast every inbound SMS as a live toast in every open browser session.', 'icon' => 'M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9'],
                ['title' => 'Audit log', 'desc' => 'Every contact change is recorded. Who, what, when — visible right on the contact page.', 'icon' => 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2'],
                ['title' => 'Personal API + tokens', 'desc' => 'Sanctum-powered JSON API. Generate tokens per integration, revoke them when done.', 'icon' => 'M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z'],
            ];
            ?>
            <?php $__currentLoopData = $features; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="group relative rounded-xl border border-border bg-card/50 p-6 hover:bg-card transition-colors">
                    <div class="absolute -inset-px rounded-xl bg-gradient-to-br from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div>
                    <div class="relative">
                        <div class="grid place-items-center h-10 w-10 rounded-lg bg-primary/10 text-primary mb-4">
                            <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="<?php echo e($f['icon']); ?>"/></svg>
                        </div>
                        <h3 class="font-semibold text-lg mb-1"><?php echo e($f['title']); ?></h3>
                        <p class="text-sm text-muted-foreground leading-relaxed"><?php echo e($f['desc']); ?></p>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>


<section id="workflow" class="py-24 border-t border-border/50 bg-muted/20">
    <div class="container mx-auto">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div class="space-y-6">
                <div class="text-xs uppercase tracking-widest text-primary font-semibold">How it works</div>
                <h2 class="text-3xl sm:text-4xl font-bold tracking-tight">Three minutes from sign-up to first message sent.</h2>
                <ol class="space-y-5">
                    <?php $__currentLoopData = [
                        ['Register an account', 'A personal workspace spins up automatically.'],
                        ['Import or add contacts', 'CSV with auto-mapping, or paste a signature and let AI extract the fields.'],
                        ['Connect Twilio', 'Drop SID, token, and number into Settings → Twilio. Or stay in fake mode for demos.'],
                        ['Start the conversation', 'SMS, WhatsApp, calls, email — all from the contact card.'],
                    ]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $step): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="flex gap-4">
                            <span class="shrink-0 grid place-items-center h-8 w-8 rounded-full bg-primary text-primary-foreground font-semibold text-sm"><?php echo e($i + 1); ?></span>
                            <div>
                                <div class="font-medium"><?php echo e($step[0]); ?></div>
                                <div class="text-sm text-muted-foreground"><?php echo e($step[1]); ?></div>
                            </div>
                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ol>
            </div>

            <div class="relative">
                <div class="rounded-2xl border border-border bg-card shadow-xl overflow-hidden">
                    <div class="border-b border-border px-4 py-3 flex items-center gap-3">
                        <span class="grid place-items-center h-8 w-8 rounded-full bg-muted text-xs font-medium">JD</span>
                        <div class="flex-1 min-w-0">
                            <div class="text-sm font-medium">Jane Doe</div>
                            <div class="text-xs text-muted-foreground">+1 415 555 0142</div>
                        </div>
                    </div>
                    <div class="p-4 space-y-3 bg-muted/10">
                        <div class="flex justify-start">
                            <div class="max-w-[75%]">
                                <div class="rounded-2xl bg-muted px-3 py-2 text-sm">Hi! Any chance we can chat tomorrow at 2pm?</div>
                                <div class="text-[10px] text-muted-foreground mt-1">2 min ago</div>
                            </div>
                        </div>
                        <div class="flex justify-end">
                            <div class="max-w-[75%]">
                                <div class="rounded-2xl bg-primary text-primary-foreground px-3 py-2 text-sm">Sounds great. I'll send a calendar invite!</div>
                                <div class="text-[10px] text-muted-foreground mt-1 text-right">just now &middot; sent</div>
                            </div>
                        </div>
                    </div>
                    <div class="border-t border-border p-2 flex items-center gap-2">
                        <div class="flex-1 h-9 rounded-md border border-border bg-background px-3 grid place-items-start content-center text-xs text-muted-foreground">Type a message…</div>
                        <button class="h-7 px-2 rounded-md text-[10px] font-medium border border-border bg-background text-muted-foreground">Fix</button>
                        <button class="h-7 px-2 rounded-md text-[10px] font-medium border border-border bg-background text-muted-foreground">Translate</button>
                        <div class="h-9 w-16 rounded-md bg-primary"></div>
                    </div>
                </div>
                <div class="absolute -bottom-4 -right-4 rounded-xl border border-border bg-card shadow-lg p-3 max-w-[200px]">
                    <div class="flex items-center gap-2 text-xs">
                        <span class="h-2 w-2 rounded-full bg-success animate-pulse"></span>
                        <span class="font-medium">Inbound</span>
                    </div>
                    <div class="text-xs text-muted-foreground mt-0.5">Jane Doe replied just now.</div>
                </div>
            </div>
        </div>
    </div>
</section>


<section id="tech" class="py-16 border-t border-border/50">
    <div class="container mx-auto">
        <div class="text-center mb-10 space-y-2">
            <div class="text-xs uppercase tracking-widest text-muted-foreground">Built on the boring stack</div>
            <p class="text-2xl font-semibold">Laravel 13 · Tailwind · Alpine · SQLite/MySQL · Twilio · Anthropic Claude</p>
        </div>
    </div>
</section>


<section class="py-24 border-t border-border/50 relative overflow-hidden">
    <div class="absolute inset-0 bg-gradient-to-br from-primary/10 via-transparent to-primary/5 pointer-events-none"></div>
    <div class="container mx-auto relative">
        <div class="max-w-2xl mx-auto text-center space-y-6">
            <h2 class="text-4xl sm:text-5xl font-bold tracking-tight">Ready to talk to your contacts?</h2>
            <p class="text-lg text-muted-foreground">Set up takes under a minute. Bring your own Twilio account, or start in fake mode and add credentials later.</p>
            <div class="flex flex-wrap items-center justify-center gap-3 pt-2">
                <a href="<?php echo e(route('register')); ?>">
                    <?php if (isset($component)) { $__componentOriginala8bb031a483a05f647cb99ed3a469847 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala8bb031a483a05f647cb99ed3a469847 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.button','data' => ['size' => 'lg','class' => 'h-12 px-8 text-base']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'lg','class' => 'h-12 px-8 text-base']); ?>Get started — it's free <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $attributes = $__attributesOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__attributesOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $component = $__componentOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__componentOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
                </a>
                <a href="<?php echo e(route('login')); ?>">
                    <?php if (isset($component)) { $__componentOriginala8bb031a483a05f647cb99ed3a469847 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala8bb031a483a05f647cb99ed3a469847 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.ui.button','data' => ['size' => 'lg','variant' => 'ghost','class' => 'h-12 px-6 text-base']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('ui.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'lg','variant' => 'ghost','class' => 'h-12 px-6 text-base']); ?>I already have an account <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $attributes = $__attributesOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__attributesOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala8bb031a483a05f647cb99ed3a469847)): ?>
<?php $component = $__componentOriginala8bb031a483a05f647cb99ed3a469847; ?>
<?php unset($__componentOriginala8bb031a483a05f647cb99ed3a469847); ?>
<?php endif; ?>
                </a>
            </div>
        </div>
    </div>
</section>

<footer class="border-t border-border/50 py-10">
    <div class="container mx-auto flex flex-wrap items-center justify-between gap-4 text-sm text-muted-foreground">
        <div class="flex items-center gap-2">
            <?php if($brand->logo_path): ?>
                <img src="<?php echo e(asset('storage/'.$brand->logo_path)); ?>" alt="" class="h-5 w-5 rounded object-contain" />
            <?php else: ?>
                <div class="grid place-items-center h-5 w-5 rounded bg-primary text-primary-foreground text-[10px] font-bold"><?php echo e(mb_substr($brand->app_name, 0, 1)); ?></div>
            <?php endif; ?>
            <span>© <?php echo e(date('Y')); ?> <?php echo e($brand->app_name); ?>. Built on Laravel.</span>
        </div>
        <div class="flex items-center gap-4">
            <a href="#features" class="hover:text-foreground transition-colors">Features</a>
            <a href="<?php echo e(route('login')); ?>" class="hover:text-foreground transition-colors">Sign in</a>
        </div>
    </div>
</footer>

</body>
</html>
<?php /**PATH D:\xampp_lite\xampp_lite_8_3\www\laracontact\resources\views\welcome.blade.php ENDPATH**/ ?>