Browse Source

chore: update site name and add meta tags

satnaing 2 years ago
parent
commit
68df7a986d

+ 38 - 2
index.html

@@ -2,9 +2,45 @@
 <html lang="en">
 <html lang="en">
   <head>
   <head>
     <meta charset="UTF-8" />
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" href="/images/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+
+    <!-- Primary Meta Tags -->
+    <title>Shadcn Admin</title>
+    <meta name="title" content="Shadcn Admin" />
+    <meta
+      name="description"
+      content="Admin Dashboard UI built with Shadcn and Vite."
+    />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://shadcn-admin.netlify.app" />
+    <meta property="og:title" content="Shadcn Admin" />
+    <meta
+      property="og:description"
+      content="Admin Dashboard UI built with Shadcn and Vite."
+    />
+    <meta
+      property="og:image"
+      content="https://shadcn-admin.netlify.app/images/shadcn-admin.png"
+    />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://shadcn-admin.netlify.app" />
+    <meta property="twitter:title" content="Shadcn Admin" />
+    <meta
+      property="twitter:description"
+      content="Admin Dashboard UI built with Shadcn and Vite."
+    />
+    <meta
+      property="twitter:image"
+      content="https://shadcn-admin.netlify.app/images/shadcn-admin.png"
+    />
+
+    <meta name="theme-color" content="#fff" />
   </head>
   </head>
   <body>
   <body>
     <div id="root"></div>
     <div id="root"></div>

+ 1 - 1
package.json

@@ -1,5 +1,5 @@
 {
 {
-  "name": "admin-dashboard",
+  "name": "shadcn-admin",
   "private": true,
   "private": true,
   "version": "0.0.0",
   "version": "0.0.0",
   "type": "module",
   "type": "module",

BIN
public/images/favicon.png


+ 4 - 0
public/images/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="24" height="24"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokewidth="2" strokelinecap="round" strokelinejoin="round">
+  <path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"></path>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: contrast(1) brightness(0.8); } }
+</style></svg>

BIN
public/images/shadcn-admin.png


+ 1 - 1
src/components/sidebar.tsx

@@ -77,7 +77,7 @@ export default function Sidebar2({
             <div
             <div
               className={`flex flex-col justify-end truncate ${isCollapsed ? 'invisible w-0' : 'visible w-auto'}`}
               className={`flex flex-col justify-end truncate ${isCollapsed ? 'invisible w-0' : 'visible w-auto'}`}
             >
             >
-              <span className='font-medium'>Shadcn Dashboard</span>
+              <span className='font-medium'>Shadcn Admin</span>
               <span className='text-xs'>Vite + ShadcnUI</span>
               <span className='text-xs'>Vite + ShadcnUI</span>
             </div>
             </div>
           </div>
           </div>

+ 1 - 1
src/pages/auth/forgot-password.tsx

@@ -20,7 +20,7 @@ export default function ForgotPassword() {
             >
             >
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
             </svg>
             </svg>
-            <h1 className='text-xl font-medium'>Admin Dashboard</h1>
+            <h1 className='text-xl font-medium'>Shadcn Admin</h1>
           </div>
           </div>
           <Card className='p-6'>
           <Card className='p-6'>
             <div className='mb-2 flex flex-col space-y-2 text-left'>
             <div className='mb-2 flex flex-col space-y-2 text-left'>

+ 1 - 1
src/pages/auth/sign-in-2.tsx

@@ -19,7 +19,7 @@ export default function SignIn2() {
             >
             >
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
             </svg>
             </svg>
-            <h1 className='text-xl font-medium'>Admin Dashboard</h1>
+            <h1 className='text-xl font-medium'>Shadcn Admin</h1>
           </div>
           </div>
           <Card className='p-6'>
           <Card className='p-6'>
             <div className='flex flex-col space-y-2 text-left'>
             <div className='flex flex-col space-y-2 text-left'>

+ 2 - 2
src/pages/auth/sign-in.tsx

@@ -20,7 +20,7 @@ export default function SignIn() {
             >
             >
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
             </svg>
             </svg>
-            Admin Dashboard
+            Shadcn Admin
           </div>
           </div>
 
 
           <img
           <img
@@ -28,7 +28,7 @@ export default function SignIn() {
             className='relative m-auto'
             className='relative m-auto'
             width={301}
             width={301}
             height={60}
             height={60}
-            alt='Fary'
+            alt='Vite'
           />
           />
 
 
           <div className='relative z-20 mt-auto'>
           <div className='relative z-20 mt-auto'>

+ 1 - 1
src/pages/auth/sign-up.tsx

@@ -20,7 +20,7 @@ export default function SignUp() {
             >
             >
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
               <path d='M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3' />
             </svg>
             </svg>
-            <h1 className='text-xl font-medium'>Admin Dashboard</h1>
+            <h1 className='text-xl font-medium'>Shadcn Admin</h1>
           </div>
           </div>
           <Card className='p-6'>
           <Card className='p-6'>
             <div className='mb-2 flex flex-col space-y-2 text-left'>
             <div className='mb-2 flex flex-col space-y-2 text-left'>