diff --git a/fullstack/lib/fullstack_web/components/custom_components.ex b/fullstack/lib/fullstack_web/components/custom_components.ex
new file mode 100644
index 0000000..8658da5
--- /dev/null
+++ b/fullstack/lib/fullstack_web/components/custom_components.ex
@@ -0,0 +1,21 @@
+defmodule FullstackWeb.CustomComponents do
+ use FullstackWeb, :html
+
+ attr :btn_type, :string, values: ["warning", "error"], default: "warning"
+ attr :rest, :global
+
+ def custom_button(assigns) do
+ ~H"""
+
+ """
+ end
+end
diff --git a/fullstack/lib/fullstack_web/live/home_live/index.ex b/fullstack/lib/fullstack_web/live/home_live/index.ex
index c666ecc..64a872c 100644
--- a/fullstack/lib/fullstack_web/live/home_live/index.ex
+++ b/fullstack/lib/fullstack_web/live/home_live/index.ex
@@ -5,6 +5,7 @@ defmodule FullstackWeb.HomeLive.Index do
alias Fullstack.{Customers, Financial}
alias Fullstack.Services.Counters
alias Fullstack.Servers.Generators.Phrases
+ import FullstackWeb.CustomComponents
@impl true
def mount(_params, session, socket) do
diff --git a/fullstack/lib/fullstack_web/live/home_live/index.html.heex b/fullstack/lib/fullstack_web/live/home_live/index.html.heex
index a260a2e..f88658e 100644
--- a/fullstack/lib/fullstack_web/live/home_live/index.html.heex
+++ b/fullstack/lib/fullstack_web/live/home_live/index.html.heex
@@ -181,18 +181,19 @@
-
- Crash the Browser!
+
+ <.custom_button
phx-click="destroy"
- class="inline-flex text-white hover:ring-red-900 bg-red-700 hover:bg-red-600 items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 mt-3 w-full sm:mt-0 sm:ml-3 sm:w-auto"
+ btn_type="error"
+ clas="inline-flex text-white hover:ring-red-900 bg-red-700 hover:bg-red-600 items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 mt-3 w-full sm:mt-0 sm:ml-3 sm:w-auto"
>
- Destroy Centralized!
-
+ <.icon name="hero-x-mark" /> Destroy Centralized!
+
<.ecosystem_logo :for={logo <- @logos} logo={logo} />
diff --git a/fullstack/priv/static/img/livebook.svg b/fullstack/priv/static/img/livebook.svg
new file mode 100644
index 0000000..516f796
--- /dev/null
+++ b/fullstack/priv/static/img/livebook.svg
@@ -0,0 +1,131 @@
+
+
diff --git a/fullstack/priv/static/img/phoenix.svg b/fullstack/priv/static/img/phoenix.svg
new file mode 100644
index 0000000..70bcf53
--- /dev/null
+++ b/fullstack/priv/static/img/phoenix.svg
@@ -0,0 +1,4 @@
+
+