Fix respon etc.

src/app/page.tsx

@@ -1,8 +1,8 @@
 export default function Home() {
   return (
     <>
-      <section id="about">
+      <section id="about" className="min-h-screen">
-        <p>TEST</p>
+        <h1>Hello, I am a </h1>
       </section>
     </>
   );

src/components/layout/header.tsx

@@ -1,10 +1,11 @@
 import { Separator } from "@/components/ui/separator";
-import Nav from "./nav";
-import Link from "next/link";
 import { cn } from "@/lib/utils";
-import NavLinks from "../navlinks";
 import { Button } from "../ui/button";
+
+import Link from "next/link";
 import ThemeButton from "../themebutton";
+import NavLinks from "../navlinks";
+import NavCommand from "./nav";
 
 const Header = () => (
   <header className="w-full flex flex-col justify-center items-center">
@@ -26,9 +27,9 @@ const Header = () => (
         </Link>
       </div>
       <div className="flex flex-row items-center space-x-2">
-        <ThemeButton className="w-4 h-4" />
+        <ThemeButton className="w-4 h-4 hidden sm:block" />
-        <Nav />
+        <NavCommand />
-        <ul className="flex flex-row space-x-2 w-fit h-full items-center">
+        <ul className="flex-row space-x-2 w-fit h-full items-center hidden sm:flex">
           {NavLinks.map((link) => (
             <li>
               <Link

src/components/layout/index.tsx

@@ -5,7 +5,9 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <>
       <Header />
-      <div className="max-w-screen-xl">{children}</div>
+      <main className="w-full min-h-screen flex items-center justify-center">
+        <div className="max-w-screen-2xl w-full px-8">{children}</div>
+      </main>
       <NavBinds />
     </>
   );

src/components/layout/nav.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
@@ -19,11 +19,11 @@ import { useRouter } from "next/navigation";
 import { useActionCommand } from "@/hooks/useActionCommand";
 import { useTheme } from "next-themes";
 
-type ActionCommandProps = {
+type NavCommandProps = {
   className?: string;
 };
 
-const ActionCommand: React.FC<ActionCommandProps> = ({
+const NavCommand: React.FC<NavCommandProps> = ({
   className,
   ...props
 }) => {
@@ -108,4 +108,4 @@ const ActionCommand: React.FC<ActionCommandProps> = ({
   );
 };
 
-export default ActionCommand;
+export default NavCommand;