First start

Let's focus on getting a fresh landing page up and running and adjusting it to your needs.

We will be using the boilerplate's landing page and adding a form to collect emails for a waiting list.

  1. If you haven't setup the project yet follow the Installation guide
  2. Go to /resources/js/Pages/Landing.vue and remove the components you don't need and change the content to your needs.
<Hero class="lg:h-screen" />

<Features
    id="features"
    class="lg:pt-8 px-6 lg:h-screen"
/>

<PricingSection
    id="pricing"
    class="lg:pt-12 px-6 lg:h-screen"
/>

<FAQ
    id="faq"
    class="lg:pt-32 px-6 lg:h-screen"
    :faqs="faqs"
    contact-us-link="mailto:fredrik0301@gmail.com"
/>

<NewsletterSignUp
    id="sign-up"
    class="lg:pt-32 lg:h-screen md:px-10 pb-8"
    title="Get notified when we’re launching."
    description="We are not completely done yet so sign up and be the first to know about our launch!"
    button-text="Notify me"
    :button-link="route('waiting-list.sign-up')"
/>

  1. (Optional) For the waiting list, we will be using the NewsletterSignUp component. The emails will be added to /storage/app/waiting-list-sign-ups.txt. You don't need to do anything, the file will be created automatically when the first email is added.

    • A welcome mail will also be sent to the email by default. If you want to change the mail content, you can do so in the /resources/views/mail/waiting-list-signup.blade.php template. If you don't want to send an email you can delete it from the WaitingListSignUpController.

  2. (Optional) You might want to change the theme of the site. Check out how Here

Your landing page is now up and running and ready to be deployed!