feat: create initial homepage

src/app/page.tsx

@@ -1,3 +1,14 @@
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+
 export default function Home() {
-	return <h1>Hey!</h1>
+	return (
+		<main className="flex flex-1 flex-col items-center justify-center gap-8 px-4">
+			<h1 className="text-4xl font-bold tracking-tight">BekarsSpace</h1>
+			<form className="flex w-full max-w-sm gap-2">
+				<Input type="email" placeholder="your@email.com" required />
+				<Button type="submit">Subscribe</Button>
+			</form>
+		</main>
+	)
 }

src/components/ui/input.tsx

@@ -0,0 +1,19 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+	return (
+		<input
+			type={type}
+			data-slot="input"
+			className={cn(
+				"h-8 w-full min-w-0 rounded-none border border-input bg-transparent px-2.5 py-1 text-xs transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 md:text-xs dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+				className
+			)}
+			{...props}
+		/>
+	)
+}
+
+export { Input }