reset commits

src/pages/password-manager.astro

@@ -0,0 +1,52 @@
+---
+import Layout from '../layouts/Layout.astro'
+import PasswordManagerComponent from '../components/PageComponents/Password-Manager/PasswordManagerComponent.tsx'
+import { Si1password } from 'solid-icons/si'
+import PageTitle from '../components/PageTitle/PageTitle.tsx'
+---
+
+<Layout title="Password Manager - AIO Tools">
+  <div class="page">
+    <PageTitle title="Password Manager" description="Manage your passwords securely and privately. Recommended to be pair with Password Generator for best security." />
+
+    <section class="content">
+      <PasswordManagerComponent client:visible />
+    </section>
+  </div>
+</Layout>
+
+<style lang="sass">
+  @use '/src/assets/css/viewport.sass' as view
+
+  .page
+    font-family: 'Inter', sans-serif
+    text-align: center
+    margin: 4rem 0 0 0
+    transition: margin 0.4s ease-in-out
+
+    @media screen and (max-width: view.$tablet)
+      margin-top: 1rem
+
+  .title
+    color: #ffffff
+
+    &__text
+      font-size: clamp(1.2rem, 5vw, 2.4rem)
+      margin-bottom: 1rem
+
+    &__description
+      font-size: clamp(0.5rem, 2vw, 1rem)
+      opacity: 0.6
+      margin-bottom: 3rem
+
+    &__icon
+      font-size: clamp(2rem, 5vw, 4rem)
+
+  .content
+    display: flex
+    justify-content: center
+    align-items: center
+    // border: 1px solid #ffffff
+    // padding: 2rem
+    // border-radius: 8px
+</style>