From f9495f0c3095b6d4152e225c58ca1fb9b6b3dbdb Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Fri, 24 Apr 2026 01:19:45 +0900
Subject: [PATCH] =?UTF-8?q?feat(travel):=20VideoTab=20=ED=94=8C=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=A4=ED=99=80=EB=8D=94=20=E2=80=94=20=EC=98=81?=
 =?UTF-8?q?=EC=83=81=20=ED=83=AD=20UI=20=EC=85=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/pages/travel/VideoTab.css | 28 ++++++++++++++++++++++
 src/pages/travel/VideoTab.jsx | 44 +++++++++++++++++++++++++++++++++++
 2 files changed, 72 insertions(+)
 create mode 100644 src/pages/travel/VideoTab.css
 create mode 100644 src/pages/travel/VideoTab.jsx

diff --git a/src/pages/travel/VideoTab.css b/src/pages/travel/VideoTab.css
new file mode 100644
index 0000000..a653f65
--- /dev/null
+++ b/src/pages/travel/VideoTab.css
@@ -0,0 +1,28 @@
+/* ── VideoTab placeholder ── */
+
+.video-tab {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+  gap: 12px;
+  padding: 40px 20px;
+}
+
+.video-tab__icon {
+  color: var(--tv-dim);
+}
+
+.video-tab__title {
+  margin: 0;
+  font: 600 20px/1.3 var(--tv-serif);
+  color: var(--tv-text);
+}
+
+.video-tab__desc {
+  margin: 0;
+  font: 11px var(--tv-mono);
+  letter-spacing: 0.06em;
+  color: var(--tv-muted);
+}
diff --git a/src/pages/travel/VideoTab.jsx b/src/pages/travel/VideoTab.jsx
new file mode 100644
index 0000000..33970ff
--- /dev/null
+++ b/src/pages/travel/VideoTab.jsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import './VideoTab.css';
+
+export default function VideoTab() {
+  return (
+    <div className="video-tab">
+      <svg
+        className="video-tab__icon"
+        width="48"
+        height="48"
+        viewBox="0 0 48 48"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-hidden="true"
+      >
+        <rect
+          x="4"
+          y="10"
+          width="30"
+          height="28"
+          rx="4"
+          stroke="currentColor"
+          strokeWidth="2"
+        />
+        <path
+          d="M34 18l10-6v24l-10-6V18z"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinejoin="round"
+        />
+        <circle cx="19" cy="24" r="6" stroke="currentColor" strokeWidth="2" />
+        <path
+          d="M17 24l4-2.5v5L17 24z"
+          fill="currentColor"
+        />
+      </svg>
+
+      <h2 className="video-tab__title">영상 기능 준비 중</h2>
+      <p className="video-tab__desc">
+        여행 영상을 감상할 수 있는 기능이 곧 추가됩니다.
+      </p>
+    </div>
+  );
+}