add basic homepage UI

Author: Swastikyadav

app/page.js

@@ -1,12 +1,23 @@
 import Link from "next/link";
 
+import { Button } from "@/components/ui/button";
+
 export default function Home() {
   return (
-    <>
-      <section>My NextJs Minimal Blog Boilerplate.</section>
-      <p>Ready to go with minimal setup. Move fast with blogs.</p>
-      <br />
-      <Link href="/blog">Blog &rarr;</Link>
-    </>
+    <main className="flex min-h-screen flex-col items-center p-24">
+      <h1 className="text-2xl font-bold">Blog Fast!</h1>
+      <p>Start your blog in <span className="text-purple-800 font-bold dark:text-purple-500">few hours not few days.</span></p>
+      <small className="my-4">
+        Ready to go, <span className="text-purple-800 font-bold dark:text-purple-500">done for you NextJs blog setup</span>.
+        Clone, write your first blog, and deploy. As simple as that.
+        <br /><br />
+        Focus on writing, not on setting up the blog.
+        <br /><br />
+        New templates launching soon.
+      </small>
+      <Link href="/blog">
+        <Button>Read blogs</Button>
+      </Link>
+    </main>
   );
 }

components/site-header.jsx

@@ -3,14 +3,13 @@ import { cn } from "@/lib/utils";
 import Link from "next/link";
 import { buttonVariants } from "./ui/button";
 import { Icons } from "./icons";
-// import { MainNav } from "./main-nav";
 import { ModeToggle } from "./mode-toggle";
 
 export function SiteHeader() {
   return (
     <header className="sticky top-0 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-14 max-w-screen-2xl items-center">
-        {/* <MainNav /> */}
+        <Link href="/">BlogFast</Link>
         <div className="flex flex-1 items-center justify-end space-x-2">
           <nav className="flex items-center">
             <ModeToggle />

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "nextjs-blog-boilerplate",
+  "name": "blog-fast",
   "version": "0.1.0",
   "private": true,
   "scripts": {