1  use crate::Route;
 2  use dioxus::prelude::*;
 3  use lucide_dioxus::House;
 4  use ui::components::button::{Button, ButtonSize, ButtonVariant};
 5  
 6  #[component]
 7  pub fn Err404(segments: Vec<String>) -> Element {
 8      let _ = segments;
 9      rsx! {
10          div { class: "min-h-screen flex items-center justify-center bg-background",
11              div { class: "text-center px-6 py-12 max-w-md mx-auto",
12                  h1 { class: "text-9xl font-extrabold text-primary mb-2", "404" }
13                  h2 { class: "text-3xl font-bold text-foreground mb-4", "Page Not Found" }
14                  p { class: "text-lg text-muted-foreground mb-8",
15                      "Sorry, we couldn't find the page you're looking for."
16                  }
17  
18                  div { class: "flex justify-center",
19                      Link { to: Route::Home {},
20                          Button {
21                              variant: ButtonVariant::Primary,
22                              size: ButtonSize::Large,
23                              icon_left: rsx! { House { class: "w-5 h-5 mr-2" } },
24                              "Back to Home"
25                          }
26                      }
27                  }
28              }
29          }
30      }
31  }