index.html.erb in lookbook-1.0.0.beta.0

- old
+ new

@@ -1,9 +1,14 @@
-<div class="flex flex-col h-full w-full">
-  <%= component "header" %>
+<div id="welcome-message" class="flex flex-col h-full w-full">
   <div class="flex flex-col items-center justify-center h-full">
-    <div class="p-4 text-center">
-      <%= icon "layers", size: 10, class: "text-gray-300 mx-auto" %>
-      <h5 class="mt-4 text-gray-400 text-base">Select a preview to get started</h5>
+    <div class="p-4 text-center mx-auto">
+      <%= render_component :icon, name: :layers, size: 10, class: "opacity-30 mx-auto" %>
+      <div class="mt-6 text-base opacity-40">
+        <% if Lookbook.previews.any? %>
+          <h5>Select a preview to get started</h5>
+        <% else %>
+          <p>Create a <a href="https://viewcomponent.org/guide/previews.html" target="_blank">preview file</a> to get started.</p>
+      <% end %>
+      </div>
     </div>
   </div>
-</div>
+</div>
\ No newline at end of file