diff --git a/src/app/inventory/layout.tsx b/src/app/inventory/layout.tsx
new file mode 100644
index 0000000..7e94179
--- /dev/null
+++ b/src/app/inventory/layout.tsx
@@ -0,0 +1,21 @@
+import { Metadata } from "next"
+
+
+export const metadata: Metadata = {
+ title: "Inventory Test",
+ description: "Inventory Test",
+}
+
+interface SettingsLayoutProps {
+ children: React.ReactNode
+}
+
+export default function SettingsLayout({ children }: SettingsLayoutProps) {
+ return (
+ <>
+
+ >
+ )
+}
diff --git a/src/app/inventory/page.tsx b/src/app/inventory/page.tsx
new file mode 100644
index 0000000..d6e0a90
--- /dev/null
+++ b/src/app/inventory/page.tsx
@@ -0,0 +1,77 @@
+import Link from "next/link"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Button } from "@/components/ui/button"
+import { ModeToggle } from '@/components/ModeToggle'
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+
+function NavLink({ href, children }: { href: string; children: React.ReactNode }) {
+ return (
+ {children}
+ )
+}
+
+function MainNav() {
+ return (
+
+ )
+}
+
+function Search() {
+ return (
+
+
+
+ )
+}
+
+function CreateThingCard() {
+ return (
+
+
+ Create item
+ {/* Card Description */}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default function IventoryTestPage() {
+ return (
+ <>
+
+
+
+
+ >
+ )
+}
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
new file mode 100644
index 0000000..f683415
--- /dev/null
+++ b/src/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "src/lib/utils"
+
+const Card = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+ HTMLParagraphElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+ HTMLParagraphElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+ HTMLDivElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }