라우팅 추가 및 CSS 구성

- 개인 블로그
 - 로또
 - 여행

로고 이미지 추가 및 변경

src/pages/travel/Travel.jsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { travelGallery } from '../../data/travel';
+import './Travel.css';
+
+const Travel = () => {
+    return (
+        <div className="travel">
+            <header className="travel-header">
+                <div>
+                    <p className="travel-kicker">Visual Diary</p>
+                    <h1>Travel Archive</h1>
+                    <p className="travel-sub">
+                        여행에서 본 색감과 분위기를 모아 전시하는 페이지입니다.
+                    </p>
+                </div>
+                <div className="travel-note">
+                    <p className="travel-note__title">렌더링 포인트</p>
+                    <p className="travel-note__desc">
+                        사진마다 그리드 크기를 다르게 배치해 리듬을 만들었습니다.
+                    </p>
+                </div>
+            </header>
+
+            <section className="travel-grid">
+                {travelGallery.map((photo, index) => (
+                    <article
+                        key={photo.id}
+                        className={`travel-card ${index % 3 === 0 ? 'is-wide' : ''}`}
+                    >
+                        <img src={photo.image} alt={photo.title} loading="lazy" />
+                        <div className="travel-card__overlay">
+                            <p className="travel-card__title">{photo.title}</p>
+                            <p className="travel-card__meta">
+                                {photo.location} · {photo.month}
+                            </p>
+                        </div>
+                    </article>
+                ))}
+            </section>
+        </div>
+    );
+};
+
+export default Travel;