diff --git a/ui_tailwind_shadecn/src/components/custom_ui/Community.tsx b/ui_tailwind_shadecn/src/components/custom_ui/Community.tsx
index a5f4e51..28d2eab 100644
--- a/ui_tailwind_shadecn/src/components/custom_ui/Community.tsx
+++ b/ui_tailwind_shadecn/src/components/custom_ui/Community.tsx
@@ -47,19 +47,19 @@ const Community = ()=>{
       </div>
       <div className="mx-auto mt-10 max-w-2xl lg:mx-0 lg:max-w-none">
         <div className="grid grid-cols-1 gap-x-8 gap-y-6 text-base font-semibold leading-7 text-white sm:grid-cols-2 md:flex lg:gap-x-10">
-          <a href="#">
+          <a  href="#">
             Discord <span aria-hidden="true">→</span>
           </a>
-          <a href="#">
+          <a  href="#">
             Telegram <span aria-hidden="true">→</span>
           </a>
-          <a href="#">
+          <a  href="#">
             Linkedin <span aria-hidden="true">→</span>
           </a>
-          <a href="#">
+          <a  href="#">
             Youtube <span aria-hidden="true">→</span>
           </a>
-          <a href="#">
+          <a  href="#">
             Instagram <span aria-hidden="true">→</span>
           </a>
         </div>
diff --git a/ui_tailwind_shadecn/src/components/custom_ui/Nav.tsx b/ui_tailwind_shadecn/src/components/custom_ui/Nav.tsx
index b8936f9..8b8abc1 100644
--- a/ui_tailwind_shadecn/src/components/custom_ui/Nav.tsx
+++ b/ui_tailwind_shadecn/src/components/custom_ui/Nav.tsx
@@ -4,12 +4,10 @@
 import {
   NavigationMenu,
   NavigationMenuContent,
-  NavigationMenuIndicator,
   NavigationMenuItem,
   NavigationMenuLink,
   NavigationMenuList,
   NavigationMenuTrigger,
-  NavigationMenuViewport,
 } from "@/components/ui/navigation-menu"
 
 const Nav = ()=>{
diff --git a/ui_tailwind_shadecn/src/components/custom_ui/OutputComponents.tsx b/ui_tailwind_shadecn/src/components/custom_ui/OutputComponents.tsx
index f09b034..6d2c6c1 100644
--- a/ui_tailwind_shadecn/src/components/custom_ui/OutputComponents.tsx
+++ b/ui_tailwind_shadecn/src/components/custom_ui/OutputComponents.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 
 interface OutputOfComponentsProps {
     html ?: string;
diff --git a/ui_tailwind_shadecn/src/main.tsx b/ui_tailwind_shadecn/src/main.tsx
index 7c9d130..359c7d4 100644
--- a/ui_tailwind_shadecn/src/main.tsx
+++ b/ui_tailwind_shadecn/src/main.tsx
@@ -1,15 +1,12 @@
-import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
 import { ThemeProvider } from "./components/theme-provider.tsx"
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-
   <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
     <App />
 </ThemeProvider>
-
 )
 
 
diff --git a/ui_tailwind_shadecn/src/screens/Components.tsx b/ui_tailwind_shadecn/src/screens/Components.tsx
index 134fc17..69b3f95 100644
--- a/ui_tailwind_shadecn/src/screens/Components.tsx
+++ b/ui_tailwind_shadecn/src/screens/Components.tsx
@@ -5,7 +5,6 @@ import {
   LineChart,
   Menu,
   Package,
-  Package2,
   Search,
   ShoppingCart,
   Users,
@@ -46,17 +45,18 @@ export function Components() {
               <span className="sr-only">Toggle notifications</span>
             </Button>
           </div>
+
           <div className="flex-1">
             <nav className="grid items-start px-2 text-sm font-medium lg:px-4">
               <Link
-                href="#"
+                to={`/`}
                 className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
               >
                 <Home className="h-4 w-4" />
                 Dashboard
               </Link>
               <Link
-                href="#"
+                to={`/`}
                 className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
               >
                 <ShoppingCart className="h-4 w-4" />
@@ -66,21 +66,21 @@ export function Components() {
                 </Badge>
               </Link>
               <Link
-                href="#"
+                to={`/`}
                 className="flex items-center gap-3 rounded-lg bg-muted px-3 py-2 text-primary transition-all hover:text-primary"
               >
                 <Package className="h-4 w-4" />
                 Products{" "}
               </Link>
               <Link
-                href="#"
+                to={`/`}
                 className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
               >
                 <Users className="h-4 w-4" />
                 Customers
               </Link>
               <Link
-                href="#"
+                to={`/`}
                 className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
               >
                 <LineChart className="h-4 w-4" />
@@ -103,6 +103,8 @@ export function Components() {
               </CardContent>
             </Card>
           </div>
+
+
         </div>
       </div>
       <div className="flex flex-col">
@@ -121,21 +123,21 @@ export function Components() {
             <SheetContent side="left" className="flex flex-col">
               <nav className="grid gap-2 text-lg font-medium">
                 <Link
-                  href="#"
+                  to={`/`}
                   className="flex items-center gap-2 text-lg font-semibold"
                 >
-                  <Package2 className="h-6 w-6" />
-                  <span className="sr-only">Acme Inc</span>
+                  <Logo />
+                  <span className="sr-only">Ui components</span>
                 </Link>
                 <Link
-                  href="#"
+                  to={`/`}
                   className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
                 >
                   <Home className="h-5 w-5" />
                   Dashboard
                 </Link>
                 <Link
-                  href="#"
+                  to={`/`}
                   className="mx-[-0.65rem] flex items-center gap-4 rounded-xl bg-muted px-3 py-2 text-foreground hover:text-foreground"
                 >
                   <ShoppingCart className="h-5 w-5" />
@@ -145,21 +147,21 @@ export function Components() {
                   </Badge>
                 </Link>
                 <Link
-                  href="#"
+                  to={`/`}
                   className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
                 >
                   <Package className="h-5 w-5" />
                   Products
                 </Link>
                 <Link
-                  href="#"
+                  to={`/`}
                   className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
                 >
                   <Users className="h-5 w-5" />
                   Customers
                 </Link>
                 <Link
-                  href="#"
+                  to={`/`}
                   className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
                 >
                   <LineChart className="h-5 w-5" />
@@ -241,7 +243,6 @@ export function Components() {
     <div ><OutputsOfComponents html="Testing" css="Testing" js="testing" /></div>
 </div>
     
-    
           {/* <div className="flex flex-1 items-center justify-center rounded-lg border border-dashed shadow-sm">
             <div className="flex flex-col items-center gap-1 text-center">
               <h3 className="text-2xl font-bold tracking-tight">
diff --git a/ui_tailwind_shadecn/src/screens/Home.tsx b/ui_tailwind_shadecn/src/screens/Home.tsx
index c5cc0c0..3c1b155 100644
--- a/ui_tailwind_shadecn/src/screens/Home.tsx
+++ b/ui_tailwind_shadecn/src/screens/Home.tsx
@@ -1,13 +1,7 @@
 import {
-    Activity,
-    ArrowUpRight,
     CircleUser,
-    CreditCard,
-    DollarSign,
     Menu,
-    Package2,
     Search,
-    Users,
 } from "lucide-react"
 
 import { Button } from "@/components/ui/button"
@@ -17,32 +11,12 @@ import { useTheme } from "@/components/theme-provider"
 import {
     NavigationMenu,
     NavigationMenuContent,
-    NavigationMenuIndicator,
     NavigationMenuItem,
     NavigationMenuLink,
     NavigationMenuList,
     NavigationMenuTrigger,
-    NavigationMenuViewport,
 } from "@/components/ui/navigation-menu"
 
-
-import {
-    Avatar,
-    AvatarFallback,
-    AvatarImage,
-} from "@/components/ui/avatar"
-
-import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
-import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-} from "@/components/ui/card"
-
-
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -51,26 +25,15 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { Input } from "@/components/ui/input"
+
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
-import {
-    Table,
-    TableBody,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow,
-} from "@/components/ui/table"
-import { Link } from "react-router-dom"
 
-import Grid from "@/components/custom_ui/Grid"
+import { Link } from "react-router-dom"
 
 import { Input } from "@/components/ui/input"
-import { Mail } from "lucide-react" 
 
 import {Logo} from "@/components/custom_ui/Svg"
 
-
 import Teams from '../components/custom_ui/Teams';
 import BlogCard from '../components/custom_ui/BlogCard';
 import Content from '../components/custom_ui/Content';
@@ -79,7 +42,6 @@ import Footer from '@/components/custom_ui/Footer';
 import YoutubeContent from '../components/custom_ui/YoutubeContent';
 import Community from '../components/custom_ui/Community';
 
-
 export function Dashboard() {
     const { setTheme } = useTheme()
     return (
@@ -89,20 +51,20 @@ export function Dashboard() {
                 <nav className="hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6">
                 <Logo />
                     <Link
-                        href="#"
+                        to={`/}`}
                         className="text-foreground transition-colors hover:text-foreground"
                     >
                         UiComponents
                     </Link>
                     <Link
-                        href="#"
+                       to={`/${"components"}`}
                         className="text-muted-foreground transition-colors hover:text-foreground"
                     >
                         Components
                     </Link>
 
                     <Link
-                        href="#"
+                        to={`/`}
                         className="text-muted-foreground transition-colors hover:text-foreground"
                     >
                         <NavigationMenu>
@@ -138,16 +100,6 @@ export function Dashboard() {
                                                     </a>
                                                 </NavigationMenuLink>
                                             </li>
-
-                                            {/* <ListItem href="https://stitches.dev/" title="Stitches">
-                                                            CSS-in-JS with best-in-class developer experience.
-                                                        </ListItem>
-                                                        <ListItem href="/colors" title="Colors">
-                                                            Beautiful, thought-out palettes with auto dark mode.
-                                                        </ListItem>
-                                                        <ListItem href="https://icons.radix-ui.com/" title="Icons">
-                                                            A crisp set of 15x15 icons, balanced and consistent.
-                                                        </ListItem> */}
                                         </ul>
                                     </NavigationMenuContent>
                                 </NavigationMenuItem>
@@ -169,36 +121,30 @@ export function Dashboard() {
                     </SheetTrigger>
                     <SheetContent side="left">
                         <nav className="grid gap-6 text-lg font-medium">
-                            <Link
-                                href="#"
-                                className="flex items-center gap-2 text-lg font-semibold"
-                            >
-                                <Package2 className="h-6 w-6" />
-                                <span className="sr-only">Acme Inc</span>
-                            </Link>
-                            <Link href="#" className="hover:text-foreground">
+                        <Logo />
+                            <Link to={`/}`} className="hover:text-foreground">
                                 Dashboard
                             </Link>
                             <Link
-                                href="#"
+                                to={`/`}
                                 className="text-muted-foreground hover:text-foreground"
                             >
                                 Orders
                             </Link>
                             <Link
-                                href="#"
+                                to={`/`}
                                 className="text-muted-foreground hover:text-foreground"
                             >
                                 Products
                             </Link>
                             <Link
-                                href="#"
+                                to={`/`}
                                 className="text-muted-foreground hover:text-foreground"
                             >
                                 Customers
                             </Link>
                             <Link
-                                href="#"
+                                to={`/`}
                                 className="text-muted-foreground hover:text-foreground"
                             >
                                 Analytics