clear up things

Author: rasyidcode

README.md

@@ -1,23 +1,7 @@
-# My Portfolio Site - WhatsApp Style
+# My Site
 
-- [Demo](https://rasyidcode.github.io)
-
-## How-to run
+## How-to run on local
 
 ```
 $ docker run -it --rm -v $PWD:/srv/app -w /srv/app -p 3000:3000 -u node node:22-alpine sh
-```
-
-## Planning
-
-### Chats
-
-- [ ] Chat with me
-    - [ ] Command to show summary about me 
-    - [ ] Command to show working experiences
-    - [ ] Command to show skills
-    - [ ] Command to show projects
-    - [ ] Command to show email
-    - [ ] Command to show CV
-- [ ] Visitors Log
-- [ ] Welcome Bot
+```

app/globals.css

@@ -24,28 +24,4 @@
     border-color: var(--color-gray-200, currentColor);
   }
 
-}
-
-@layer utilities {
-  .scrollbar {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(10, 20, 26, .3) transparent;
-  }
-
-  /* .scrollbar::-webkit-scrollbar {
-    width: 12px;
-  }
-
-  .scrollbar::-webkit-scrollbar-track {
-    background: #ffffff;
-  }
-
-  .scrollbar::-webkit-scrollbar-thumb {
-    background: #CED0D1;
-    border: 3px solid #ffffff;
-  } */
-
-  /* .scrollbar::-webkit-scrollbar-thumb:hover {
-    background: #c0a0b9;
-  } */
 }

app/layout.tsx

@@ -5,8 +5,8 @@ import { Inter } from 'next/font/google'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'WhatsApp Style Portfolio',
-  description: 'My personal github pages',
+  title: 'My Site',
+  description: 'My Personal Site',
 }
 
 export default function RootLayout({

app/page.tsx

@@ -1,45 +1,5 @@
-import AppHeader from "@/components/AppHeader";
-import ChatCategories from "@/components/ChatCategories";
-import ChatHeader from "@/components/ChatHeader";
-import ChatInput from "@/components/ChatInput";
-import ChatList from "@/components/ChatList";
-import ChatPanel from "@/components/ChatPanel";
-import ChatSearch from "@/components/ChatSearch";
-import SideMenu from "@/components/SideMenu";
-import { PhoneIcon } from "@heroicons/react/24/outline";
-
-
 export default function Page() {
   return (
-    <div className="flex flex-col h-screen overflow-hidden">
-      <div className='absolute w-full h-full z-0 bg-[#DAD7D3]'>
-        <div className='h-30 bg-[#00A783]'></div>
-      </div>
-      <div className='flex-1 flex overflow-hidden p-5 z-50'>
-        <div className="flex-1 flex overflow-hidden shadow-xl">
-          <SideMenu />
-          <div className="bg-white w-md border flex flex-col relative">
-            <AppHeader />
-            <ChatSearch />
-            <ChatCategories />
-            <ChatList />
-            <a href="#" className="absolute bottom-0 bg-white text-center
-            flex items-center p-2 justify-center gap-4 w-full border-t">
-              <div className="bg-[#25D366] p-1 rounded-sm">
-                <PhoneIcon className="size-7 text-white" />
-              </div>
-              <h1>Get WhyApp for Windows</h1>
-            </a>
-          </div>
-          <div className="flex-1 flex flex-col overflow-hidden relative">
-            <div className="w-full h-full absolute bg-[url(./wa-bg.png)] bg-fixed bg-contain
-            bg-[#EFEAE2] bg-repeat z-0"></div>
-            <ChatHeader />
-            <ChatPanel />
-            <ChatInput />
-          </div>
-        </div>
-      </div>
-    </div>
+      <h1>My Site</h1>
   )
 }