diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..addd840
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,45 @@
+name: run-tests
+
+on:
+    push:
+        branches: [master]
+    pull_request:
+        branches: [master]
+
+jobs:
+    test:
+        runs-on: ${{ matrix.os }}
+        strategy:
+            fail-fast: true
+            matrix:
+                os: [ubuntu-latest, windows-latest]
+                php: [7.4, 8.0]
+                laravel: [8.*]
+                stability: [prefer-lowest, prefer-stable]
+                include:
+                    - laravel: 8.*
+                      testbench: ^6.6
+
+        name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }}
+
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v2
+
+            - name: Setup PHP
+              uses: shivammathur/setup-php@v2
+              with:
+                  php-version: ${{ matrix.php }}
+                  extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv, imagick, fileinfo
+                  coverage: none
+
+            - name: Setup problem matchers
+              run: |
+                  echo "::add-matcher::${{ runner.tool_cache }}/php.json"
+                  echo "::add-matcher::${{ runner.tool_cache }}/phpunit.json"
+            - name: Install dependencies
+              run: |
+                  composer require "laravel/framework:${{ matrix.laravel }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update
+                  composer update --${{ matrix.stability }} --prefer-dist --no-interaction
+            - name: Execute tests
+              run: vendor/bin/phpunit
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..140fd58
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+vendor/
+node_modules/
diff --git a/.styleci.yml b/.styleci.yml
new file mode 100644
index 0000000..f4d3cbc
--- /dev/null
+++ b/.styleci.yml
@@ -0,0 +1,4 @@
+preset: laravel
+
+disabled:
+  - single_class_element_per_statement
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..b5270a6
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,7 @@
+# Changelog
+
+All notable changes to `auth` will be documented in this file
+
+## 1.0.0 - 201X-XX-XX
+
+- initial release
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..b4ae1c4
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,55 @@
+# Contributing
+
+Contributions are **welcome** and will be fully **credited**.
+
+Please read and understand the contribution guide before creating an issue or pull request.
+
+## Etiquette
+
+This project is open source, and as such, the maintainers give their free time to build and maintain the source code
+held within. They make the code freely available in the hope that it will be of use to other developers. It would be
+extremely unfair for them to suffer abuse or anger for their hard work.
+
+Please be considerate towards maintainers when raising issues or presenting pull requests. Let's show the
+world that developers are civilized and selfless people.
+
+It's the duty of the maintainer to ensure that all submissions to the project are of sufficient
+quality to benefit the project. Many developers have different skillsets, strengths, and weaknesses. Respect the maintainer's decision, and do not be upset or abusive if your submission is not used.
+
+## Viability
+
+When requesting or submitting new features, first consider whether it might be useful to others. Open
+source projects are used by many developers, who may have entirely different needs to your own. Think about
+whether or not your feature is likely to be used by other users of the project.
+
+## Procedure
+
+Before filing an issue:
+
+- Attempt to replicate the problem, to ensure that it wasn't a coincidental incident.
+- Check to make sure your feature suggestion isn't already present within the project.
+- Check the pull requests tab to ensure that the bug doesn't have a fix in progress.
+- Check the pull requests tab to ensure that the feature isn't already in progress.
+
+Before submitting a pull request:
+
+- Check the codebase to ensure that your feature doesn't already exist.
+- Check the pull requests to ensure that another person hasn't already submitted the feature or fix.
+
+## Requirements
+
+If the project maintainer has any additional requirements, you will find them listed here.
+
+- **[PSR-2 Coding Standard](https://github.com/php-fig/fig-standards/blob/master/accepted/PSR-2-coding-style-guide.md)** - The easiest way to apply the conventions is to install [PHP Code Sniffer](https://pear.php.net/package/PHP_CodeSniffer).
+
+- **Add tests!** - Your patch won't be accepted if it doesn't have tests.
+
+- **Document any change in behaviour** - Make sure the `README.md` and any other relevant documentation are kept up-to-date.
+
+- **Consider our release cycle** - We try to follow [SemVer v2.0.0](https://semver.org/). Randomly breaking public APIs is not an option.
+
+- **One pull request per feature** - If you want to do more than one thing, send multiple pull requests.
+
+- **Send coherent history** - Make sure each individual commit in your pull request is meaningful. If you had to make multiple intermediate commits while developing, please [squash them](https://www.git-scm.com/book/en/v2/Git-Tools-Rewriting-History#Changing-Multiple-Commit-Messages) before submitting.
+
+**Happy coding**!
diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000..3f71220
--- /dev/null
+++ b/LICENSE.md
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Tony Lea
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..7f4ee86
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,57 @@
+{
+    "name": "devdojo/auth",
+    "description": "The auth package to make authentication in your laravel applications easy to use.",
+    "keywords": [
+        "devdojo",
+        "auth"
+    ],
+    "homepage": "https://github.com/devdojo/auth",
+    "license": "MIT",
+    "type": "library",
+    "authors": [
+        {
+            "name": "Tony Lea",
+            "email": "tony@devdojo.com",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "php": "^7.4|^8.0|^8.1|^8.2",
+        "illuminate/support": "^8.0|^9.0|^10.0|^11.0",
+        "laravel/folio": "^1.0",
+        "livewire/livewire": "^3.0",
+        "livewire/volt": "^1.0"
+    },
+    "require-dev": {
+        "orchestra/testbench": "^6.0",
+        "phpunit/phpunit": "^9.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "Devdojo\\Auth\\": "src"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Devdojo\\Auth\\Tests\\": "tests"
+        }
+    },
+    "scripts": {
+        "test": "vendor/bin/phpunit",
+        "test-coverage": "vendor/bin/phpunit --coverage-html coverage"
+
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Devdojo\\Auth\\AuthServiceProvider"
+            ],
+            "aliases": {
+                "Auth": "Devdojo\\Auth\\AuthFacade"
+            }
+        }
+    }
+}
diff --git a/config/config.php b/config/config.php
new file mode 100644
index 0000000..48d0ee9
--- /dev/null
+++ b/config/config.php
@@ -0,0 +1,8 @@
+<?php
+
+/*
+ * You can place your custom package configuration in here.
+ */
+return [
+
+];
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..3f80dcc
--- /dev/null
+++ b/package.json
@@ -0,0 +1,22 @@
+{
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build"
+    },
+    "devDependencies": {
+        "@tailwindcss/forms": "^0.5.2",
+        "autoprefixer": "^10.4.18",
+        "axios": "^1.6.4",
+        "laravel-vite-plugin": "^1.0.0",
+        "postcss": "^8.4.35",
+        "tailwindcss": "^3.4.1",
+        "vite": "^5.0.0"
+    },
+    "dependencies": {
+        "highlightjs": "^9.16.2",
+        "phaser": "^3.80.1",
+        "split.js": "^1.6.5"
+    }
+}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..49c0612
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};
diff --git a/public/build/assets/scripts.js b/public/build/assets/scripts.js
new file mode 100644
index 0000000..3e65aa6
--- /dev/null
+++ b/public/build/assets/scripts.js
@@ -0,0 +1 @@
+console.log("rad sauce");
diff --git a/public/build/assets/styles.css b/public/build/assets/styles.css
new file mode 100644
index 0000000..3b9073b
--- /dev/null
+++ b/public/build/assets/styles.css
@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.mx-auto{margin-left:auto;margin-right:auto}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-10{height:2.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-200\/60{border-color:#e5e7eb99}.border-gray-200\/70{border-color:#e5e7ebb3}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.p-4{padding:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.placeholder-red-300::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(252 165 165 / var(--tw-placeholder-opacity))}.placeholder-red-300::placeholder{--tw-placeholder-opacity: 1;color:rgb(252 165 165 / var(--tw-placeholder-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{color:red}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.hover\:bg-amber-500\/90:hover{background-color:#f59e0be6}.hover\:bg-blue-600\/90:hover{background-color:#2563ebe6}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.hover\:bg-green-600\/90:hover{background-color:#16a34ae6}.hover\:bg-red-600\/90:hover{background-color:#dc2626e6}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.focus\:border-gray-300:focus{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.focus\:border-red-300:focus{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.focus\:bg-amber-600\/90:focus{background-color:#d97706e6}.focus\:bg-blue-700\/90:focus{background-color:#1d4ed8e6}.focus\:bg-green-700\/90:focus{background-color:#15803de6}.focus\:bg-red-700\/90:focus{background-color:#b91c1ce6}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-amber-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity))}.focus\:ring-blue-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))}.focus\:ring-gray-200\/60:focus{--tw-ring-color: rgb(229 231 235 / .6)}.focus\:ring-gray-900:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity))}.focus\:ring-green-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity))}.focus\:ring-red-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:bg-white:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\:text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:w-full{width:100%}.sm\:max-w-md{max-width:28rem}.sm\:items-center{align-items:center}.sm\:rounded-lg{border-radius:.5rem}.sm\:border{border-width:1px}.sm\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (prefers-color-scheme: dark){.dark\:border-gray-200\/10{border-color:#e5e7eb1a}.dark\:border-gray-400\/10{border-color:#9ca3af1a}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:border-white\/10{border-color:#ffffff1a}.dark\:bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.dark\:bg-gray-800\/50{background-color:#1f293780}.dark\:bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.dark\:bg-white\/\[4\%\]{background-color:#ffffff0a}.dark\:text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.dark\:text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.dark\:text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity))}.dark\:text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:hover\:bg-gray-800\/70:hover{background-color:#1f2937b3}.dark\:hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.dark\:focus\:border-gray-700:focus{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:focus\:ring-gray-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity))}.dark\:focus\:ring-white\/20:focus{--tw-ring-color: rgb(255 255 255 / .2)}.dark\:focus\:ring-offset-gray-900:focus{--tw-ring-offset-color: #111827}.peer:checked~.dark\:peer-checked\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}@media (min-width: 640px){.dark\:sm\:bg-gray-950\/50{background-color:#03071280}}}.peer:checked~.peer-checked\:\[\&_\.custom-checkbox\]\:border-gray-800 .custom-checkbox{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.peer:checked~.peer-checked\:\[\&_\.custom-checkbox\]\:bg-gray-800 .custom-checkbox{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}@media (prefers-color-scheme: dark){.peer:checked~.dark\:peer-checked\:\[\&_\.custom-checkbox\]\:bg-white .custom-checkbox{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}}.\[\&_svg\]\:scale-0 svg{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:\[\&_svg\]\:scale-100 svg{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
diff --git a/public/build/manifest.json b/public/build/manifest.json
new file mode 100644
index 0000000..8d36ee8
--- /dev/null
+++ b/public/build/manifest.json
@@ -0,0 +1,13 @@
+{
+  "resources/css/auth.css": {
+    "file": "assets/styles.css",
+    "src": "resources/css/auth.css",
+    "isEntry": true
+  },
+  "resources/js/auth.js": {
+    "file": "assets/scripts.js",
+    "name": "scripts",
+    "src": "resources/js/auth.js",
+    "isEntry": true
+  }
+}
\ No newline at end of file
diff --git a/resources/css/auth.css b/resources/css/auth.css
new file mode 100644
index 0000000..bd6213e
--- /dev/null
+++ b/resources/css/auth.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/resources/js/auth.js b/resources/js/auth.js
new file mode 100644
index 0000000..eb3176c
--- /dev/null
+++ b/resources/js/auth.js
@@ -0,0 +1,12 @@
+console.log('rad sauce');
+
+function hello(){
+    return 1+1;
+}
+
+function helloworld2(){
+    return 'hello';
+}
+
+helloworld2();
+
diff --git a/resources/views/components/devdojoauth/button.blade.php b/resources/views/components/devdojoauth/button.blade.php
new file mode 100644
index 0000000..7c60505
--- /dev/null
+++ b/resources/views/components/devdojoauth/button.blade.php
@@ -0,0 +1,51 @@
+@props([
+    'type' => 'primary', 
+    'size' => 'md', 
+    'tag' => 'button',
+    'href' => '/',
+    'submit' => false,
+    'rounded' => 'full'
+])
+
+@php
+    $sizeClasses = match ($size) {
+        'sm' => 'px-2.5 py-1.5 text-xs font-medium rounded-' . $rounded,
+        'md' => 'px-4 py-2 text-sm font-medium rounded-' . $rounded,
+        'lg' => 'px-5 py-3  text-sm font-medium rounded-' . $rounded,
+        'xl' => 'px-6 py-3.5 text-base font-medium rounded-' . $rounded,
+        '2xl' => 'px-7 py-4 text-base font-medium rounded-' . $rounded
+    };
+@endphp
+
+@php
+    $typeClasses = match ($type) {
+        'primary' => 'bg-gray-800 dark:bg-gray-100 text-white dark:text-gray-700 hover:bg-gray-900 dark:focus:ring-offset-gray-900 dark:focus:ring-gray-100 dark:hover:bg-white dark:hover:text-gray-800 focus:ring-2 focus:ring-gray-900 focus:ring-offset-2',
+        'secondary' => 'bg-white border text-gray-500 hover:text-gray-700 border-gray-200/70 dark:focus:ring-offset-gray-900 dark:border-gray-400/10 hover:bg-gray-50 active:bg-white dark:focus:ring-gray-700 focus:bg-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200/60 dark:bg-gray-800/50 dark:hover:bg-gray-800/70 dark:text-gray-400 focus:shadow-outline',
+        'success' => 'bg-green-600 text-white hover:bg-green-600/90 focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900 focus:bg-green-700/90 focus:ring-green-700',
+        'info' => 'bg-blue-600 text-white hover:bg-blue-600/90 focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900 focus:bg-blue-700/90 focus:ring-blue-700',
+        'warning' => 'bg-amber-500 text-white hover:bg-amber-500/90 focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900 focus:bg-amber-600/90 focus:ring-amber-600',
+        'danger' => 'bg-red-600 text-white hover:bg-red-600/90 focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-900 focus:bg-red-700/90 focus:ring-red-700',
+    };
+@endphp
+
+@php
+switch ($tag ?? 'button') {
+    case 'button':
+        $tagAttr = ($submit) ? 'button type="submit"' : 'button type="button"';
+        $tagClose = 'button';
+        break;
+    case 'a':
+        $link = $href ?? '';
+        $tagAttr = 'a  href="' . $link . '"';
+        $tagClose = 'a';
+        break;
+    default:
+        $tagAttr = 'button type="button"';
+        $tagClose = 'button';
+        break;
+}
+@endphp
+
+<{!! $tagAttr !!} {!! $attributes->except(['class']) !!} class="{{ $sizeClasses }} {{ $typeClasses }} cursor-pointer inline-flex items-center w-full justify-center disabled:opacity-50 font-semibold focus:outline-none">
+    {{ $slot }}
+</{{ $tagClose }}>
\ No newline at end of file
diff --git a/resources/views/components/devdojoauth/checkbox.blade.php b/resources/views/components/devdojoauth/checkbox.blade.php
new file mode 100644
index 0000000..837e538
--- /dev/null
+++ b/resources/views/components/devdojoauth/checkbox.blade.php
@@ -0,0 +1,17 @@
+@props([
+    'label' => null,
+    'name' => null,
+    'id' => null,
+])
+
+<div class="flex items-center h-5">
+    <input type="checkbox" {{ $attributes->whereStartsWith('wire:model') }} id="{{ $id ?? '' }}" name="{{ $name ?? '' }}" class="hidden peer">
+    <label for="{{ $id ?? '' }}" class="peer-checked:[&_svg]:scale-100 text-sm font-medium text-neutral-600 dark:text-neutral-400 dark:peer-checked:text-gray-300 peer-checked:text-gray-800 [&_svg]:scale-0 peer-checked:[&_.custom-checkbox]:border-gray-800 peer-checked:[&_.custom-checkbox]:bg-gray-800 dark:peer-checked:[&_.custom-checkbox]:bg-white select-none flex items-center space-x-2">
+        <span class="flex justify-center items-center w-5 h-5 rounded border border-gray-300 dark:border-gray-700 custom-checkbox text-neutral-900">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-3 h-3 text-white duration-300 ease-out dark:text-gray-800">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+            </svg>
+        </span>
+        <span>{{ $label ?? '' }}</span>
+    </label>
+</div>
\ No newline at end of file
diff --git a/resources/views/components/devdojoauth/input.blade.php b/resources/views/components/devdojoauth/input.blade.php
new file mode 100644
index 0000000..5d62be9
--- /dev/null
+++ b/resources/views/components/devdojoauth/input.blade.php
@@ -0,0 +1,24 @@
+@props([
+    'label' => null,
+    'id' => null,
+    'name' => null,
+    'type' => 'text',
+])
+
+@php $wireModel = $attributes->get('wire:model'); @endphp
+
+<div>
+    @if($label)
+        <label for="{{ $id ?? '' }}" class="block text-sm font-medium leading-5 text-gray-700 dark:text-gray-300">
+            {{ $label  }}
+        </label>
+    @endif
+
+    <div data-model="{{ $wireModel }}" class="mt-1.5 rounded-md shadow-sm">
+        <input {{ $attributes->whereStartsWith('wire:model') }} id="{{ $id ?? '' }}" name="{{ $name ?? '' }}" type="{{ $type ?? '' }}" required autofocus class="appearance-none flex w-full h-10 px-3 py-2 text-sm bg-white dark:text-gray-300 dark:bg-white/[4%] border rounded-md border-gray-300 dark:border-white/10 ring-offset-background placeholder:text-gray-500 dark:placeholder:text-gray-400 focus:border-gray-300 dark:focus:border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-200/60 dark:focus:ring-white/20 disabled:cursor-not-allowed disabled:opacity-50 @error($wireModel) border-red-300 text-red-900 placeholder-red-300 focus:border-red-300 focus:ring-red @enderror" />
+    </div>
+
+    @error($wireModel)
+        <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
+    @enderror
+</div>
\ No newline at end of file
diff --git a/resources/views/components/devdojoauth/link.blade.php b/resources/views/components/devdojoauth/link.blade.php
new file mode 100644
index 0000000..31026fe
--- /dev/null
+++ b/resources/views/components/devdojoauth/link.blade.php
@@ -0,0 +1,6 @@
+<a
+    {{ $attributes->except('wire:navigate') }}
+    wire:navigate
+>
+{{ $slot }}
+</a>
\ No newline at end of file
diff --git a/resources/views/components/devdojoauth/logo.blade.php b/resources/views/components/devdojoauth/logo.blade.php
new file mode 100644
index 0000000..819bf71
--- /dev/null
+++ b/resources/views/components/devdojoauth/logo.blade.php
@@ -0,0 +1 @@
+<svg {{ $attributes }} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M208,88H48a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8H208a8,8,0,0,0,8-8V96A8,8,0,0,0,208,88Zm-80,72a20,20,0,1,1,20-20A20,20,0,0,1,128,160Z" opacity="0.2"/><rect x="40" y="88" width="176" height="128" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M88,88V56a40,40,0,0,1,80,0V88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><circle cx="128" cy="140" r="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="128" y1="160" x2="128" y2="184" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
\ No newline at end of file
diff --git a/resources/views/components/devdojoauth/text-link.blade.php b/resources/views/components/devdojoauth/text-link.blade.php
new file mode 100644
index 0000000..2be3524
--- /dev/null
+++ b/resources/views/components/devdojoauth/text-link.blade.php
@@ -0,0 +1,5 @@
+<x-ui.link
+    {{ $attributes->except('wire:navigate') }}
+    class="text-gray-500 underline cursor-pointer dark:text-gray-400 dark:hover:text-gray-300 hover:text-gray-800">
+    {{ $slot }}
+</x-ui.link>
\ No newline at end of file
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
new file mode 100644
index 0000000..4ea915a
--- /dev/null
+++ b/resources/views/components/layouts/app.blade.php
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="csrf-token" content="{{ csrf_token() }}">
+
+        <title>{{ config('app.name', 'Laravel') }}</title>
+
+        <script src="/auth/build/assets/scripts.js"></script>
+        <link rel="stylesheet" href="/auth/build/assets/styles.css" />
+        <!-- Scripts -->
+        {{-- @vite(['packages/devdojo/auth/resources/css/auth.css', 'packages/devdojo/auth/resources/css/auth.js']) --}}
+    </head>
+    {{ $slot }}
+</body>
+</html>
\ No newline at end of file
diff --git a/resources/views/pages/auth/login.blade.php b/resources/views/pages/auth/login.blade.php
new file mode 100644
index 0000000..6a9d547
--- /dev/null
+++ b/resources/views/pages/auth/login.blade.php
@@ -0,0 +1,66 @@
+<?php
+
+use App\Models\User;
+use Illuminate\Auth\Events\Login;
+use function Laravel\Folio\{middleware, name};
+use function Livewire\Volt\{state, rules};
+
+middleware(['guest']);
+state(['email' => '', 'password' => '', 'remember' => false]);
+rules(['email' => 'required|email', 'password' => 'required']);
+name('login');
+
+$authenticate = function(){
+    $this->validate();
+
+    if (!Auth::attempt(['email' => $this->email, 'password' => $this->password], $this->remember)) {
+        $this->addError('email', trans('auth.failed'));
+
+        return;
+    }
+    
+    event(new Login(auth()->guard('web'), User::where('email', $this->email)->first(), $this->remember));
+
+    return redirect()->intended('/');
+}
+
+?>
+
+<x-auth::layouts.app>
+
+    <div class="flex flex-col justify-center items-stretch py-10 w-screen min-h-screen sm:items-center">
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-md">
+            <x-auth::devdojoauth.link href="{{ route('home') }}">
+                <x-auth::devdojoauth.logo class="mx-auto w-auto h-10 text-gray-700 fill-current dark:text-gray-100" />
+            </x-auth::devdojoauth.link>
+
+            <h2 class="mt-5 text-2xl font-extrabold leading-9 text-center text-gray-800 dark:text-gray-200">Sign in to your account</h2>
+            <div class="space-x-0.5 text-sm leading-5 text-center text-gray-600 dark:text-gray-400">
+                <span class="text-pink-400">Or</span>
+                <x-auth::devdojoauth.text-link href="{{ route('register') }}">create a new account</x-auth::devdojoauth.text-link>
+            </div>
+        </div>
+
+        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+            <div class="px-10 py-0 sm:py-8 sm:shadow-sm sm:bg-white dark:sm:bg-gray-950/50 dark:border-gray-200/10 sm:border sm:rounded-lg border-gray-200/60">
+                @volt('auth.login')
+                    <form wire:submit="authenticate" class="space-y-6">
+                        
+                        <x-auth::devdojoauth.input label="Email address" type="email" id="email" name="email" wire:model="email" />
+                        <x-auth::devdojoauth.input label="Password" type="password" id="password" name="password" wire:model="password" />
+
+                        <div class="flex justify-between items-center mt-6 text-sm leading-5">
+                            <x-auth::devdojoauth.checkbox label="Remember me" id="remember" name="remember" wire:model="remember" />
+                            <x-auth::devdojoauth.text-link href="{{ route('password.request') }}">Forgot your password?</x-auth::devdojoauth.text-link>
+                        </div>
+
+                        <x-auth::devdojoauth.button type="primary" rounded="md" submit="true">Sign in</x-auth::devdojoauth.button>
+                    </form>
+                @endvolt
+            </div>
+        </div>
+        
+    </div>
+
+</x-auth::layouts.app>
\ No newline at end of file
diff --git a/resources/views/pages/auth/password/[token].blade.php b/resources/views/pages/auth/password/[token].blade.php
new file mode 100644
index 0000000..9989b3a
--- /dev/null
+++ b/resources/views/pages/auth/password/[token].blade.php
@@ -0,0 +1,76 @@
+<?php
+
+use Illuminate\Support\Str;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Password;
+use Illuminate\Auth\Events\PasswordReset;
+
+use function Laravel\Folio\name;
+use function Livewire\Volt\{state, rules, mount};
+
+state(['token', 'email', 'password', 'passwordConfirmation']);
+rules(['token' => 'required', 'email' => 'required|email', 'password' => 'required|min:8|same:passwordConfirmation']);
+name('password.reset');
+
+mount(function ($token){
+    $this->email = request()->query('email', '');
+    $this->token = $token;
+});
+
+$resetPassword = function(){
+    $this->validate();
+
+    $response = Password::broker()->reset(
+        [
+            'token' => $this->token,
+            'email' => $this->email,
+            'password' => $this->password
+        ],
+        function ($user, $password) {
+            $user->password = Hash::make($password);
+
+            $user->setRememberToken(Str::random(60));
+
+            $user->save();
+
+            event(new PasswordReset($user));
+
+            Auth::guard()->login($user);
+        }
+    );
+
+    if ($response == Password::PASSWORD_RESET) {
+        session()->flash(trans($response));
+
+        return redirect('/');
+    }
+
+    $this->addError('email', trans($response));
+}
+
+?>
+
+<x-auth::layouts.app>
+    <div class="flex flex-col justify-center items-stretch py-10 w-screen min-h-screen sm:items-center">
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-md">
+            <x-auth::devdojoauth.link href="{{ route('home') }}">
+                <x-auth::devdojoauth.logo class="mx-auto w-auto h-10 text-gray-700 fill-current dark:text-gray-100" />
+            </x-auth::devdojoauth.link>
+            <h2 class="mt-5 text-2xl font-extrabold leading-9 text-center text-gray-800 dark:text-gray-200">Reset password</h2>
+        </div>
+        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+            <div class="px-10 py-0 sm:py-8 sm:shadow-sm sm:bg-white dark:sm:bg-gray-950/50 dark:border-gray-200/10 sm:border sm:rounded-lg border-gray-200/60">
+                @volt('auth.password.token')
+                    <form wire:submit="resetPassword" class="space-y-6">
+                        <x-auth::devdojoauth.input label="Email address" type="email" id="email" name="email" wire:model="email" />
+                        <x-auth::devdojoauth.input label="Password" type="password" id="password" name="password" wire:model="password" />
+                        <x-auth::devdojoauth.input label="Confirm Password" type="password" id="password_confirmation" name="password_confirmation" wire:model="passwordConfirmation" />
+                        <x-auth::devdojoauth.button type="primary" rounded="md" submit="true">Reset password</x-auth::devdojoauth.button>
+                    </form>
+                @endvolt
+            </div>
+        </div>
+    </div>
+</x-auth::layouts.app>
diff --git a/resources/views/pages/auth/password/confirm.blade.php b/resources/views/pages/auth/password/confirm.blade.php
new file mode 100644
index 0000000..6d0139b
--- /dev/null
+++ b/resources/views/pages/auth/password/confirm.blade.php
@@ -0,0 +1,50 @@
+<?php
+
+    use function Laravel\Folio\name;
+    use function Livewire\Volt\{state, rules};
+
+    state(['password' => '']);
+    rules(['password' => 'required|current_password']);
+    name('password.confirm');
+
+    $confirm = function(){
+        $this->validate();
+
+        session()->put('auth.password_confirmed_at', time());
+
+        return redirect()->intended('/');
+    };
+?>
+
+<x-auth::layouts.app>
+    <div class="flex flex-col justify-center items-stretch py-10 w-screen min-h-screen sm:items-center">
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-md">
+            <x-auth::devdojoauth.link href="{{ route('home') }}">
+                <x-auth::devdojoauth.logo class="mx-auto w-auto h-10 text-gray-700 fill-current dark:text-gray-100" />
+            </x-auth::devdojoauth.link>
+
+            <h2 class="mt-5 text-2xl font-extrabold leading-9 text-center text-gray-800 dark:text-gray-200">
+                Confirm your password
+            </h2>
+            <p class="space-x-0.5 text-sm leading-5 text-center text-gray-600 dark:text-gray-400">
+                Please confirm your password before continuing
+            </p>
+        </div>
+
+        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+            <div class="px-10 py-0 sm:py-8 sm:shadow-sm sm:bg-white dark:sm:bg-gray-950/50 dark:border-gray-200/10 sm:border sm:rounded-lg border-gray-200/60">
+                @volt('auth.password.confirm')
+                    <form wire:submit="confirm" class="space-y-6">
+                        <x-auth::devdojoauth.input label="Password" type="password" id="password" name="password" wire:model="password" />
+                        <div class="flex justify-end items-center text-sm">
+                            <x-auth::devdojoauth.text-link href="{{ route('password.request') }}">Forgot your password?</x-auth::devdojoauth.text-link>
+                        </div>
+                        <x-auth::devdojoauth.button type="primary" rounded="md" submit="true">Confirm password</x-auth::devdojoauth.button>
+                    </form>
+                @endvolt
+            </div>
+        </div>
+    </div>
+
+</x-auth::layouts.app>
\ No newline at end of file
diff --git a/resources/views/pages/auth/password/reset.blade.php b/resources/views/pages/auth/password/reset.blade.php
new file mode 100644
index 0000000..b9d08b9
--- /dev/null
+++ b/resources/views/pages/auth/password/reset.blade.php
@@ -0,0 +1,78 @@
+<?php
+
+use Illuminate\Support\Facades\Password;
+use function Laravel\Folio\name;
+use function Livewire\Volt\{state, rules};
+
+state(['email' => null, 'emailSentMessage' => false]);
+rules(['email' => 'required|email']);
+name('password.request');
+
+
+
+$sendResetPasswordLink = function(){
+    $this->validate();
+
+    $response = Password::broker()->sendResetLink(['email' => $this->email]);
+
+    if ($response == Password::RESET_LINK_SENT) {
+        $this->emailSentMessage = trans($response);
+
+        return;
+    }
+
+    $this->addError('email', trans($response));
+}
+
+?>
+
+<x-auth::layouts.app>
+
+    <div class="flex flex-col justify-center items-stretch py-10 w-screen min-h-screen sm:items-center">
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-md">
+            <x-auth::devdojoauth.link href="{{ route('home') }}">
+                <x-auth::devdojoauth.logo class="mx-auto w-auto h-10 text-gray-700 fill-current dark:text-gray-100" />
+            </x-auth::devdojoauth.link>
+
+            <h2 class="mt-5 text-2xl font-extrabold leading-9 text-center text-gray-800 dark:text-gray-200">
+                Reset password
+            </h2>
+            <div class="space-x-0.5 text-sm leading-5 text-center text-gray-600 dark:text-gray-400">
+                <span>Or</span>
+                <x-auth::devdojoauth.text-link href="{{ route('login') }}">return to login</x-auth::devdojoauth.text-link>
+            </div>
+        </div>
+
+        @volt('auth.password.reset')
+            <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+                <div class="px-10 py-0 sm:py-8 sm:shadow-sm sm:bg-white dark:sm:bg-gray-950/50 dark:border-gray-200/10 sm:border sm:rounded-lg border-gray-200/60">
+                    @if ($emailSentMessage)
+                        <div class="p-4 bg-green-50 rounded-md dark:bg-green-600">
+                            <div class="flex">
+                                <div class="flex-shrink-0">
+                                    <svg class="w-5 h-5 text-green-400 dark:text-white" fill="currentColor" viewBox="0 0 20 20">
+                                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+                                    </svg>
+                                </div>
+
+                                <div class="ml-3">
+                                    <p class="text-sm font-medium leading-5 text-green-800 dark:text-green-200">
+                                        {{ $emailSentMessage }}
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    @else
+                        <form wire:submit="sendResetPasswordLink" class="space-y-6">
+                            <x-auth::devdojoauth.input label="Email address" type="email" id="email" name="email" wire:model="email" />
+                            <x-auth::devdojoauth.button type="primary" rounded="md" submit="true">Send password reset link</x-auth::devdojoauth.button>
+                        </form>
+                    @endif
+                </div>
+            </div>
+        @endvolt
+        
+    </div>
+
+</x-auth::layouts.app>
\ No newline at end of file
diff --git a/resources/views/pages/auth/register.blade.php b/resources/views/pages/auth/register.blade.php
new file mode 100644
index 0000000..ff10fca
--- /dev/null
+++ b/resources/views/pages/auth/register.blade.php
@@ -0,0 +1,65 @@
+<?php
+
+use App\Models\User;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Auth\Events\Registered;
+
+use function Laravel\Folio\{middleware, name};
+use function Livewire\Volt\{state, rules};
+
+middleware(['guest']);
+state(['name' => '', 'email' => '', 'password' => '', 'passwordConfirmation' => '']);
+rules(['name' => 'required', 'email' => 'required|email|unique:users', 'password' => 'required|min:8|same:passwordConfirmation']);
+name('register');
+
+$register = function(){
+    $this->validate();
+
+    $user = User::create([
+        'email' => $this->email,
+        'name' => $this->name,
+        'password' => Hash::make($this->password),
+    ]);
+
+    event(new Registered($user));
+
+    Auth::login($user, true);
+
+    return redirect()->intended('/');
+}
+
+?>
+
+<x-auth::layouts.app>
+
+    <div class="flex flex-col justify-center items-stretch py-10 w-screen min-h-screen sm:items-center">
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-md">
+            <x-auth::devdojoauth.link href="{{ route('home') }}">
+                <x-auth::devdojoauth.logo class="mx-auto w-auto h-10 text-gray-700 fill-current dark:text-gray-100" />
+            </x-auth::devdojoauth.link>
+            <h2 class="mt-5 text-2xl font-extrabold leading-9 text-center text-gray-800 dark:text-gray-200">Create a new account</h2>
+            <div class="space-x-0.5 text-sm leading-5 text-center text-gray-600 dark:text-gray-400">
+                <span>Or</span>
+                <x-auth::devdojoauth.text-link href="{{ route('login') }}">sign in to your account</x-auth::devdojoauth.text-link>
+            </div>
+        </div>
+
+        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+            <div class="px-10 py-0 sm:py-8 sm:shadow-sm sm:bg-white dark:sm:bg-gray-950/50 dark:border-gray-200/10 sm:border sm:rounded-lg border-gray-200/60">
+                @volt('auth.register')
+                    <form wire:submit="register" class="space-y-6">
+                        <x-auth::devdojoauth.input label="Name" type="text" id="name" name="name" wire:model="name" />
+                        <x-auth::devdojoauth.input label="Email address" type="email" id="email" name="email" wire:model="email" />
+                        <x-auth::devdojoauth.input label="Password" type="password" id="password" name="password" wire:model="password" />
+                        <x-auth::devdojoauth.input label="Confirm Password" type="password" id="password_confirmation" name="password_confirmation" wire:model="passwordConfirmation" />
+                        <x-auth::devdojoauth.button type="primary" rounded="md" submit="true">Register</x-auth::devdojoauth.button>
+                    </form>
+                @endvolt
+            </div>
+        </div>
+        
+    </div>
+
+</x-auth::layouts.app>
diff --git a/resources/views/pages/auth/verify.blade.php b/resources/views/pages/auth/verify.blade.php
new file mode 100644
index 0000000..28830cc
--- /dev/null
+++ b/resources/views/pages/auth/verify.blade.php
@@ -0,0 +1,73 @@
+<?php
+
+    use Illuminate\Auth\Events\Verified;
+    use Illuminate\Support\Facades\Auth;
+    use function Laravel\Folio\{middleware, name};
+
+    middleware(['auth', 'throttle:6,1']);
+    name('verification.notice');
+
+    $resend = function(){
+        $user = auth()->user();
+        if ($user->hasVerifiedEmail()) {
+            redirect('/');
+        }
+
+        $user->sendEmailVerificationNotification();
+
+        event(new Verified($user));
+        
+        $this->dispatch('resent');
+        session()->flash('resent');
+    }
+
+?>
+
+<x-auth::layouts.app>
+
+    <div class="flex flex-col justify-center items-stretch py-10 w-screen min-h-screen sm:items-center">
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-md">
+            <x-auth::devdojoauth.link href="{{ route('home') }}">
+                <x-auth::devdojoauth.logo class="mx-auto w-auto h-10 text-gray-700 fill-current dark:text-gray-100" />
+            </x-auth::devdojoauth.link>
+
+            <h2 class="mt-6 text-2xl font-extrabold leading-9 text-center text-gray-700 dark:text-gray-200">
+                Verify your email address
+            </h2>
+
+            <div class="mt-2 space-x-0.5 text-sm leading-5 text-center text-gray-600 dark:text-gray-400">
+                <span>Or</span>
+                <button onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="text-gray-500 underline cursor-pointer dark:text-gray-400 dark:hover:text-gray-300 hover:text-gray-800">
+                    sign out
+                </button>
+                <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
+                    @csrf
+                </form>
+            </div>
+        </div>
+
+        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+
+            @volt('auth.verify')
+                <div class="px-10 py-0 sm:py-8 sm:shadow-sm sm:bg-white dark:sm:bg-gray-950/50 dark:border-gray-200/10 sm:border sm:rounded-lg border-gray-200/60">
+                    @if (session('resent'))
+                        <div class="flex items-center px-4 py-3 mb-6 text-sm text-white bg-green-500 rounded shadow" role="alert">
+                            <svg class="mr-3 w-4 h-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                            </svg>
+
+                            <p>A fresh verification link has been sent to your email address.</p>
+                        </div>
+                    @endif
+
+                    <div class="text-sm leading-6 text-gray-700 dark:text-gray-400">
+                        <p>Before proceeding, please check your email for a verification link. If you did not receive the email, <a wire:click="resend" class="text-gray-700 underline transition duration-150 ease-in-out cursor-pointer dark:text-gray-300 hover:text-gray-600 focus:outline-none focus:underline">click here to request another</a>.</p>
+                    </div>
+                </div>
+            @endvolt
+            
+        </div>
+    </div>
+
+</x-auth::layouts.app>
diff --git a/src/Auth.php b/src/Auth.php
new file mode 100644
index 0000000..0d2d3a9
--- /dev/null
+++ b/src/Auth.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace Devdojo\Auth;
+
+class Auth
+{
+    // Build your next great package.
+}
diff --git a/src/AuthFacade.php b/src/AuthFacade.php
new file mode 100644
index 0000000..2aaf637
--- /dev/null
+++ b/src/AuthFacade.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Devdojo\Auth;
+
+use Illuminate\Support\Facades\Facade;
+
+/**
+ * @see \Devdojo\Auth\Skeleton\SkeletonClass
+ */
+class AuthFacade extends Facade
+{
+    /**
+     * Get the registered name of the component.
+     *
+     * @return string
+     */
+    protected static function getFacadeAccessor()
+    {
+        return 'auth';
+    }
+}
diff --git a/src/AuthServiceProvider.php b/src/AuthServiceProvider.php
new file mode 100644
index 0000000..3cc4a33
--- /dev/null
+++ b/src/AuthServiceProvider.php
@@ -0,0 +1,77 @@
+<?php
+
+namespace Devdojo\Auth;
+
+use Illuminate\Support\ServiceProvider;
+use Laravel\Folio\Folio;
+use Illuminate\Support\Facades\File;
+
+class AuthServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap the application services.
+     */
+    public function boot()
+    {
+        
+        /*
+         * Optional methods to load your package assets
+         */
+        // $this->loadTranslationsFrom(__DIR__.'/../resources/lang', 'auth');
+        $this->loadViewsFrom(__DIR__.'/../resources/views', 'auth');
+        // $this->loadMigrationsFrom(__DIR__.'/../database/migrations');
+        // $this->loadRoutesFrom(__DIR__.'/routes.php');
+
+        $this->registerAuthFolioDirectory();
+
+        if ($this->app->runningInConsole()) {
+            $this->publishes([
+                __DIR__.'/../config/config.php' => config_path('devdojoauth.php'),
+            ], 'config');
+
+            // Publishing the views.
+            /*$this->publishes([
+                __DIR__.'/../resources/views' => resource_path('views/vendor/auth'),
+            ], 'views');*/
+
+            // Publishing assets.
+            $this->publishes([
+                __DIR__.'/../public' => public_path('auth'),
+            ], 'auth');
+
+            // Publishing the translation files.
+            /*$this->publishes([
+                __DIR__.'/../resources/lang' => resource_path('lang/vendor/auth'),
+            ], 'lang');*/
+
+            // Registering package commands.
+            // $this->commands([]);
+        }
+        
+    }
+
+    private function registerAuthFolioDirectory(){
+        $pagesDirectory = __DIR__ . '/../resources/views/pages';
+        if (File::exists($pagesDirectory)) {
+            Folio::path($pagesDirectory)->middleware([
+                '*' => [
+                    //
+                ],
+            ]);
+        }
+    }
+
+    /**
+     * Register the application services.
+     */
+    public function register()
+    {
+        // Automatically apply the package configuration
+        $this->mergeConfigFrom(__DIR__.'/../config/config.php', 'auth');
+
+        // Register the main class to use with the facade
+        $this->app->singleton('devdojoauth', function () {
+            return new DevDojoAuth;
+        });
+    }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..165fd08
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,13 @@
+import defaultTheme from 'tailwindcss/defaultTheme';
+import forms from '@tailwindcss/forms';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        'resources/views/**/*.blade.php'
+    ],
+
+    theme: {},
+
+    plugins: [forms],
+};
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..3c7c530
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,35 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: [
+                'resources/css/auth.css',
+                'resources/js/auth.js',
+            ],
+            refresh: true,
+        }),
+    ],
+    build: {
+        rollupOptions: {
+            minify: false,
+            input: {
+                // Include both CSS and JS files as separate entry points
+                'scripts': 'resources/js/auth.js',
+                'styles': 'resources/css/auth.css',
+            },
+            output: {
+                entryFileNames: `assets/[name].js`,
+                assetFileNames: ({ name }) => {
+                    if (name.endsWith('.css')) return 'assets/[name].css';
+                    return 'assets/[name].[ext]';
+                },
+                // We can omit chunkFileNames if we are not expecting any chunks, but it's good to specify just in case
+                chunkFileNames: 'assets/[name].js',
+            }
+        },
+        // Optionally disable code splitting if it's not desired
+        manualChunks: () => 'all-in-one',
+    }
+});