feat(landing): refactor landing page

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/src/components",
+    "utils": "@/src/lib/utils",
+    "ui": "@/src/components/ui",
+    "lib": "@/src/lib",
+    "hooks": "@/src/hooks"
+  },
+  "iconLibrary": "lucide"
+}

docusaurus.config.ts

@@ -79,6 +79,7 @@ const config: Config = {
     ],
   ],
   themeConfig: {
+    image: "https://avatars.githubusercontent.com/u/76844856?v=4",
     colorMode: {
       defaultMode: "dark",
     },
@@ -120,7 +121,7 @@ const config: Config = {
           jobTitle: "Frontend Developer",
           worksFor: {
             "@type": "Organization",
-            name: "Your Company",
+            name: "CloudHospital",
           },
         }),
       },

package.json

@@ -26,10 +26,16 @@
     "@docusaurus/utils-common": "^3.7.0",
     "@giscus/react": "^3.1.0",
     "@mdx-js/react": "^3.0.1",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-icons": "^1.3.2",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "lucide-react": "^0.474.0",
     "prism-react-renderer": "^2.3.1",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@clack/prompts": "^0.9.1",