Pr 템플릿 추가 및 Main 폴더 구조화 완료

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,16 @@
+## #️⃣연관된 이슈
+
+> ex) #이슈번호, #이슈번호
+
+## 📝작업 내용
+
+> 이번 PR에서 작업한 내용을 간략히 설명해주세요.
+
+## ✅ 체크리스트
+
+- [ ] 기능이 정상적으로 동작하는지 확인
+- [ ] 코드 리뷰 반영
+- [ ] 테스트 코드 작성 (필요한 경우)
+- [ ] UI/UX 디자인 적용 확인
+
+### 스크린샷 (선택)

src/components/Header/Heder.tsx

@@ -0,0 +1,14 @@
+export default function Header() {
+  return (
+    <header className="header">
+      <nav>
+        <ul>
+          <li><a href="#home">Home</a></li>
+          <li><a href="#about">About</a></li>
+          <li><a href="#tracks">Tracks</a></li>
+          <li><a href="#contact">Contact</a></li>
+        </ul>
+      </nav>
+    </header>
+  );
+}

src/components/index.ts

@@ -0,0 +1 @@
+export { default } from "./Header/Heder";

src/main.tsx

@@ -1,7 +1,8 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import '@/styles/index.css';
+import '@/styles/reset.css';
+import App from './App.tsx';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

src/pages/Main/Achievements/Achievements.tsx

@@ -0,0 +1,7 @@
+export default function Achievements() {
+  return (
+    <div>
+      <h2>Achievements Section</h2>
+    </div>
+  );
+}

src/pages/Main/BottomInfo/BottomInfo.tsx

@@ -0,0 +1,9 @@
+export default function BottomInfo() {
+  return (
+    <div className="bottom-info">
+      <h2>더 알아보고 싶다면?</h2>
+      <p>2025년 2월 공개 모집 예정</p>
+      <button>지원하기</button>
+    </div>
+  );
+}

src/pages/Main/Intro/Intro.tsx

@@ -0,0 +1,7 @@
+export default function Intro() {
+  return (
+    <div>
+      <h2>Intro Section</h2>
+    </div>
+  );
+}

src/pages/Main/Tracks/Tracks.tsx

@@ -0,0 +1,7 @@
+export default function Tracks() {
+  return (
+    <div>
+      <h2>Tracks Section</h2>
+    </div>
+  );
+}

src/pages/Main/Union/Union.tsx

@@ -0,0 +1,7 @@
+export default function Union() {
+  return (
+    <div>
+      <h2>Union Section</h2>
+    </div>
+  );
+}

src/pages/Main/index.tsx

@@ -1,7 +1,19 @@
+import Header from "@/components";
+import Intro from "./Intro/Intro";
+import Tracks from "./Tracks/Tracks";
+import Union from "./Union/Union";
+import Achievements from "./Achievements/Achievements";
+import BottomInfo from "./BottomInfo/BottomInfo";
+
 export default function Main() {
   return (
     <div>
-      <h1>Main Page</h1>
+      <Header />
+      <Intro />
+      <Tracks />
+      <Union />
+      <Achievements />
+      <BottomInfo />
     </div>
   );
 }

src/styles/index.css

@@ -0,0 +1,24 @@
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
+
+body {
+  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
+}
+
+:root {
+/* 기본 색상 팔레트 */
+--FarmSystem_White: #FCFCFC;
+--FarmSystem_Black: #191919;
+--FarmSystem_LightGrey: #E5E5E5;
+--FarmSystem_DarkGrey: #999999;
+--FarmSystem_Yellow: #FFF763;
+--FarmSystem_Orange: #FF7F1E;
+
+/* 녹색 계열 팔레트 */
+--FarmSystem_Green01: #28723F;
+--FarmSystem_Green02: #62DE88;
+--FarmSystem_Green03: #7AB784;
+--FarmSystem_Green04: #49AA59;
+--FarmSystem_Green05: #248634;
+--FarmSystem_Green06: #006811;
+--FarmSystem_Green07: #175321;
+}

src/index.css → src/styles/reset.css

@@ -48,4 +48,4 @@ svg {
 table {
   border-collapse: collapse; /* 테이블 셀 간 간격 제거 */
   border-spacing: 0;
-}
+}