feat(treewide): Switch to tailwindcss and add more components

1 files changed, 10 insertions, 14 deletions

diff --git a/src/pages/home.rs b/src/pages/home.rs
index 8749860..387562e 100644
--- a/src/pages/home.rs
+++ b/src/pages/home.rs
@@ -1,26 +1,23 @@
-use std::sync::Arc;
-
 use leptos::{
     IntoView, component,
     error::ErrorBoundary,
-    prelude::{CollectView, ElementChild, Get, GetUntracked},
+    prelude::{ClassAttribute, CollectView, ElementChild, Get, GetUntracked},
     view,
 };
 use leptos_router::{
     NavigateOptions,
     hooks::{use_navigate, use_query_map},
 };
-use rocie_client::apis::configuration::Configuration;
-use thaw::{Layout, LayoutPosition};
 
-use crate::components::{product_overview::ProductOverview, side_header::SiteHeader};
+use crate::components::{
+    product_overview::ProductOverview, recipies::Recipies, site_header::SiteHeader,
+};
 
 #[component]
-pub fn Home(config: Arc<Configuration>) -> impl IntoView {
+pub fn Home() -> impl IntoView {
     let query_map = use_query_map().get_untracked();
     let navigate = use_navigate();
 
-    // mobile page
     if let Some(path) = query_map.get("path") {
         navigate(&path, NavigateOptions::default());
     }
@@ -44,12 +41,11 @@ pub fn Home(config: Arc<Configuration>) -> impl IntoView {
             }
         }>
 
-            <Layout position=LayoutPosition::Absolute>
-                <SiteHeader />
-                <Layout>
-                    <ProductOverview config />
-                </Layout>
-            </Layout>
+            <div class="flex flex-col content-start">
+                <SiteHeader logo=icondata_io::IoRoseSharp back_location="/" name="Rocie" />
+                <ProductOverview />
+                <Recipies />
+            </div>
         </ErrorBoundary>
     }
 }