Update the readme and add screenshots

leamsigc · Nov 1, 2024 · 8ccc23e · 8ccc23e
1 parent 462bb0c
commit 8ccc23e
Show file tree

Hide file tree

Showing 7 changed files with 6,576 additions and 8,388 deletions.
diff --git a/README.md b/README.md
@@ -255,4 +255,32 @@ export const tables = schema;
 
 export const UserInsert = schema.user.$inferInsert;
 export type UserRegisterType = Omit<typeof UserInsert, "createdAt" | "updatedAt" | "id" | "emailVerified">;
-```
+```
+
+
+
+
+### Fork the project
+
+[shadcn-vue-landing-page](https://shadcn-vue-landing-page.vercel.app/) to Nuxt for the home page
+
+
+
+
+### Home Page
+
+![Home page](./public/HomePage.png)
+
+
+### Login Page
+
+![Login Page](./public/loginPage.png)
+
+### Register Page
+
+![Register Page](./public/RegisterPage.png)
+
+
+### Dashboard 
+
+![Dashboard](./public/Dashboard.png)
diff --git a/app/components/content/TheFooter.vue b/app/components/content/TheFooter.vue
@@ -3,20 +3,12 @@ import Separator from "../ui/separator/Separator.vue";
 </script>
 
 <template>
-  <footer
-    id="footer"
-    class="container py-24 pb-16 sm:py-32 sm:pb-24"
-  >
+  <footer id="footer" class="container py-24 pb-16 sm:py-32 sm:pb-24">
     <div class="p-10 bg-muted/50 dark:bg-card border rounded-2xl">
-      <div
-        class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-x-12 gap-y-8"
-      >
+      <div class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-x-12 gap-y-8">
         <div class="col-span-full xl:col-span-2">
-          <a
-            href="#"
-            class="flex font-bold items-center"
-          >
-            <Icon 
+          <a href="#" class="flex font-bold items-center">
+            <Icon
               name="lucide:arrow-down"
               class="bg-gradient-to-tr from-primary via-primary/70 to-primary rounded-lg w-9 h-9 mr-2 border text-white"
             />
@@ -28,120 +20,60 @@ import Separator from "../ui/separator/Separator.vue";
         <div class="flex flex-col gap-2">
           <h3 class="font-bold text-lg">Contact</h3>
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Github
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Github </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Twitter
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Twitter </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Instagram
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Instagram </a>
           </div>
         </div>
 
         <div class="flex flex-col gap-2">
           <h3 class="font-bold text-lg">Platforms</h3>
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              iOS
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> iOS </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Android
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Android </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Web
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Web </a>
           </div>
         </div>
 
         <div class="flex flex-col gap-2">
           <h3 class="font-bold text-lg">Help</h3>
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Contact Us
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Contact Us </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              FAQ
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> FAQ </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Feedback
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Feedback </a>
           </div>
         </div>
 
         <div class="flex flex-col gap-2">
           <h3 class="font-bold text-lg">Socials</h3>
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Twitch
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Twitch </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Discord
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Discord </a>
           </div>
 
           <div>
-            <a
-              href="#"
-              class="opacity-60 hover:opacity-100"
-            >
-              Dribbble
-            </a>
+            <a href="#" class="opacity-60 hover:opacity-100"> Dribbble </a>
           </div>
         </div>
       </div>
@@ -157,6 +89,14 @@ import Separator from "../ui/separator/Separator.vue";
           >
             Leo Miranda
           </a>
+          Port to nuxt 4 by
+          <a
+            target="_blank"
+            href="https://github.com/leamsigc"
+            className="text-primary transition-all border-primary hover:border-b-2"
+          >
+            Leamsigc
+          </a>
         </h3>
       </section>
     </div>