diff --git a/app/Http/Controllers/Basics.php b/app/Http/Controllers/Basics.php
new file mode 100644
index 0000000..aa7a655
--- /dev/null
+++ b/app/Http/Controllers/Basics.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+
+class Basics extends Controller
+{
+    function ShowRecentWork() {
+        return Inertia::render('Portfolio');
+    }
+    function ShowAbout(){
+        return Inertia::render('About');
+    }
+}
+
diff --git a/resources/js/components/AppSidebar.vue b/resources/js/components/AppSidebar.vue
index 3ac4104..38986dd 100644
--- a/resources/js/components/AppSidebar.vue
+++ b/resources/js/components/AppSidebar.vue
@@ -5,7 +5,7 @@ import NavUser from '@/components/NavUser.vue';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
 import { type NavItem } from '@/types';
 import { Link } from '@inertiajs/vue3';
-import { BookOpen, Folder, LayoutGrid } from 'lucide-vue-next';
+import { BookOpen, Folder, LayoutGrid, GalleryHorizontal, Toilet } from 'lucide-vue-next';
 import AppLogo from './AppLogo.vue';
 
 const mainNavItems: NavItem[] = [
@@ -14,6 +14,16 @@ const mainNavItems: NavItem[] = [
         href: '/dashboard',
         icon: LayoutGrid,
     },
+    {
+        title: 'Portfolio',
+        href: '/portfolio',
+        icon:  GalleryHorizontal,
+    },
+    {
+        title: 'About',
+        href: '/about',
+        icon: Toilet,
+    }
 ];
 
 const footerNavItems: NavItem[] = [
diff --git a/resources/js/pages/About.vue b/resources/js/pages/About.vue
new file mode 100644
index 0000000..8a24eed
--- /dev/null
+++ b/resources/js/pages/About.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+
+import AppLayout from '@/layouts/AppLayout.vue';
+</script>
+
+<template>
+    <AppLayout>About Stuff</AppLayout>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/resources/js/pages/Portfolio.vue b/resources/js/pages/Portfolio.vue
new file mode 100644
index 0000000..2698ff7
--- /dev/null
+++ b/resources/js/pages/Portfolio.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+
+import AppLayout from '@/layouts/AppLayout.vue';
+</script>
+
+<template>
+    <AppLayout>
+        Fuck You
+
+    </AppLayout>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/routes/web.php b/routes/web.php
index fddbaba..070e643 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -11,5 +11,8 @@ Route::get('dashboard', function () {
     return Inertia::render('Dashboard');
 })->middleware(['auth', 'verified'])->name('dashboard');
 
+Route::get('portfolio', [\App\Http\Controllers\Basics::class, 'ShowRecentWork'])->name('portfolio');
+Route::get('about', [\App\Http\Controllers\Basics::class, 'ShowAbout'])->name('about');
+
 require __DIR__.'/settings.php';
 require __DIR__.'/auth.php';