> ## Documentation Index
> Fetch the complete documentation index at: https://docs.larafast.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Coming Soon

> import ComingSoon from @/Components/ComingSoon.vue;

Add this beautiful coming soon page, before you are ready to go live!

<Frame>
  <img src="https://mintcdn.com/larafast/p7p6xbnL6MINm0mR/images/components/coming_soon.jpg?fit=max&auto=format&n=p7p6xbnL6MINm0mR&q=85&s=8febcddf156c2ccbc9a704e1d7d36091" width="1554" height="736" data-path="images/components/coming_soon.jpg" />
</Frame>

To have a Coming Soon go to `resources/js/Pages/Home.vue`, remove everything inside `<template>`, add `import ComingSoon from "@/Components/ComingSoon.vue"`; at the top and add `<ComingSoon/>` between `<template>` tags.

```html resources/js/Components/ComingSoon.vue theme={null}
<div class="hero min-h-screen bg-base-200">
    <div class="hero-content flex w-full flex-col sm:flex-row">
        <div class="basis-2/3 text-left mr-8">
            <h1 class="text-5xl sm:text-6xl font-bold leading-12">
                Launch your Startup with <br> <span class="text-secondary">Laravel Starter Kit</span> in Days. <br>Save time and money.
            </h1>
            <h2 class="py-6"><b>Laravel Starter Kit</b> is your Laravel Jetstream, Tailwind,
                Inertia.js, Vue boilerplate. <br>Streamline your SaaS app development with ready-to-go components for
                payments, emails, OpenAI, Blog, Admin and many more. </h2>
        </div>
        <div class="basis-1/3">
            <h3 class="text-4xl text-center mb-8">Join the waitlist</h3>
            <div class="card shadow-2xl bg-base-100">
                <form class="card-body" action="/">
                    <div class="form-control">
                        <label class="label mb-4">
                            <span class="label-text text-xl">Add your email to be notified once <span class="text-secondary">Laravel Starter Kit</span> is ready</span>
                        </label>
                        <input class="rounded mb-2 border-base-300" type="text" placeholder="Email">
                        <button class="btn btn-secondary">Subscribe</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
```

<Tip>
  By default all the emails will be saved in `coming_soon_emails` database table.
  You can configure your own newsletter or email service to store the emails.
</Tip>