feat: 페이지 라우팅

app/page.tsx

@@ -1,7 +1,7 @@
 import { Header } from '@/components/landing/LandingHeader';
-import { Hero } from '@/components/landing/HeroSection';
-import { Feature } from '@/components/landing/FeatureSection';
-import { Demo } from '@/components/landing/DemoPreview';
+import { Hero } from '@/components/landing/LandingHeroSection';
+import { Feature } from '@/components/landing/LandingFeature';
+import { Demo } from '@/components/landing/LandingPreview';
 export default function Home() {
   return (
     <div className="bg-background h-full space-y-60">

components/auth/AuthCard.tsx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 type Props = {
   title: string;
   description: string;
@@ -7,10 +9,13 @@ type Props = {
 export function AuthCard({ title, description, children }: Props) {
   return (
     <div className="flex h-screen w-screen -translate-y-6 flex-col items-center justify-center">
-      <h1 className="mb-6 flex items-center gap-2 text-4xl font-bold">
+      <Link
+        className="mb-6 flex items-center gap-2 text-4xl font-bold"
+        href="./"
+      >
         <span className="text-primary">&lt;/&gt;</span>
         <span>DevFlow</span>
-      </h1>
+      </Link>
       <div className="bg-surface w-full max-w-md rounded-xl p-8 shadow-sm">
         <h2 className="text-2xl font-bold">{title}</h2>
         <p className="text-text-sub mt-2 text-sm">{description}</p>

components/landing/LandingHeader.tsx

@@ -1,17 +1,19 @@
+import Link from 'next/link';
+
 export function Header() {
   return (
-    <div className="flex items-center justify-between bg-white">
-      <h1 className="flex items-center gap-2 px-5 py-2 text-3xl font-bold">
+    <div className="fixed flex w-full items-center justify-between bg-white">
+      <h1 className="flex items-center gap-2 px-10 py-2 text-3xl font-bold">
         <span className="text-primary">&lt;/&gt;</span>
         <span>DevFlow</span>
       </h1>
-      <div className="space-x-1 mr-1">
-        <button className="border-border rounded-lg border p-1 px-4">
-          로그인
-        </button>
-        <button className="bg-primary cursor-pointer rounded-lg p-1 px-2 text-white">
+      <div className="my-3 mr-1 space-x-3 pr-10">
+        <Link
+          className="border-border bg-primary rounded-lg border p-2 px-4 text-white"
+          href="/login"
+        >
           시작하기
-        </button>
+        </Link>
       </div>
     </div>
   );

components/landing/HeroSection.tsx → components/landing/LandingHeroSection.tsx

@@ -1,7 +1,7 @@
 export function Hero() {
   return (
-    <div className="flex flex-col items-center justify-center space-y-3 text-center">
-      <p className="bg-surface-alt rounded-mg text-xs mt-16 p-1 px-4 rounded-lg">
+    <div className="pt-30 flex flex-col items-center justify-center space-y-3 text-center">
+      <p className="bg-surface-alt rounded-mg mt-16 rounded-lg p-1 px-4 text-xs">
         🚀 개발자를 위한 성장 플랫폼
       </p>
       <h1 className="text-8xl font-bold">매일 성장하는</h1>

components/landing/DemoPreview.tsx → components/landing/LandingPreview.tsx

@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import { Contents } from '@/components/landing/PreviewContent';
+import { Contents } from '@/components/landing/LandingContent';
 export function Demo() {
   return (
     <div className="mt-30 pb-50 flex h-full flex-col items-center justify-center space-y-3 text-center">