From ce5febd3a06ba6f82beec7814da86bf3357c7a3c Mon Sep 17 00:00:00 2001
From: smilevictory <leevictory7272@gmail.com>
Date: Mon, 8 Sep 2025 01:52:22 +0900
Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20home=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20=EA=B5=AC=EC=A1=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ssh/src/components/Layout/RootLayout.tsx      |  15 +++
 ssh/src/components/Layout/index.tsx           |  18 +--
 ssh/src/pages/Home/HomePage.tsx               |  13 +++
 .../Home/components/firstsection/hero.tsx     | 106 ------------------
 ssh/src/pages/Home/index.tsx                  |  13 ---
 .../Features/ServiceCarousel.tsx}             |   0
 ssh/src/routes/routing.tsx                    |   4 +-
 7 files changed, 33 insertions(+), 136 deletions(-)
 create mode 100644 ssh/src/components/Layout/RootLayout.tsx
 create mode 100644 ssh/src/pages/Home/HomePage.tsx
 delete mode 100644 ssh/src/pages/Home/components/firstsection/hero.tsx
 delete mode 100644 ssh/src/pages/Home/index.tsx
 rename ssh/src/pages/Home/{components/secondsection/servicecarousel.tsx => sections/Features/ServiceCarousel.tsx} (100%)

diff --git a/ssh/src/components/Layout/RootLayout.tsx b/ssh/src/components/Layout/RootLayout.tsx
new file mode 100644
index 0000000..10376af
--- /dev/null
+++ b/ssh/src/components/Layout/RootLayout.tsx
@@ -0,0 +1,15 @@
+import { Outlet } from 'react-router-dom';
+import Header from '@/components/Layout/Header';
+import Footer from '@/components/Layout/Footer';
+
+export default function RootLayout() {
+  return (
+    <>
+      <Header />
+      <main className="w-full pt-24">
+        <Outlet />
+      </main>
+      <Footer />
+    </>
+  );
+}
diff --git a/ssh/src/components/Layout/index.tsx b/ssh/src/components/Layout/index.tsx
index 007669c..c8a9764 100644
--- a/ssh/src/components/Layout/index.tsx
+++ b/ssh/src/components/Layout/index.tsx
@@ -1,15 +1,3 @@
-import { Outlet } from "react-router-dom";
-import Header from "@/components/Layout/Header";
-import Footer from "@/components/Layout/Footer";
-
-export default function RootLayout() {
-  return (
-    <>
-      <Header />
-      <main className="w-full pt-20">
-        <Outlet />
-      </main>
-      <Footer />
-    </>
-  );
-}
+export { default as Header } from './Header';
+export { default as Footer } from './Footer';
+export { default as RootLayout } from './RootLayout';
diff --git a/ssh/src/pages/Home/HomePage.tsx b/ssh/src/pages/Home/HomePage.tsx
new file mode 100644
index 0000000..2168561
--- /dev/null
+++ b/ssh/src/pages/Home/HomePage.tsx
@@ -0,0 +1,13 @@
+import Hero from '@/pages/Home/sections/Hero/hero';
+import ServiceCarousel from '@/pages/Home/sections/Features/servicecarousel';
+
+const HomePage = () => {
+  return (
+    <>
+      <Hero />
+      <ServiceCarousel />
+    </>
+  );
+};
+
+export default HomePage;
diff --git a/ssh/src/pages/Home/components/firstsection/hero.tsx b/ssh/src/pages/Home/components/firstsection/hero.tsx
deleted file mode 100644
index 7ab6db2..0000000
--- a/ssh/src/pages/Home/components/firstsection/hero.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Button } from "@/components/ui/button";
-
-export default function Hero() {
-  return (
-    <section className="relative isolate w-full bg-background pb-16">
-      <div
-        aria-hidden
-        className="
-          absolute left-1/2 -translate-x-1/2 z-0
-          w-[100vw] h-[100vw] -top-[50vw]
-          rounded-full
-          bg-[radial-gradient(ellipse_at_center,_#ecfdf5_0%,_#e6fff5_35%,_#d1fae5_65%,_#a7f3d0_100%)]
-        "
-      />
-
-      <div className="relative z-10 mx-auto w-full max-w-screen-lg px-6">
-        <div className="h-[50vw] flex flex-col items-center justify-center text-center gap-4 sm:gap-6 md:gap-8">
-          <h1 className="text-4xl font-extrabold sm:text-2xl md:text-6xl">
-            <span className="block">대화로 이어지는 당신의 금융 동반자</span>
-            <span className="block mt-4">마음잇는 목소리</span>
-          </h1>
-
-          <p className="text-base text-muted-foreground sm:text-lg">
-            우리 사이트 한줄 소개
-          </p>
-
-          <Waveform className="h-28 w-full max-auto" />
-
-          <h2 className="text-2xl font-semibold sm:text-3xl">
-            지금 바로 사용해보세요
-          </h2>
-
-          <div className="flex flex-wrap items-center justify-center gap-5">
-            <Button
-              size="lg"
-              className="rounded-full px-20 py-8 text-2xl shadow-md hover:shadow-lg"
-            >
-              시작하기
-            </Button>
-
-            <Button
-              size="lg"
-              variant="secondary"
-              className="rounded-full px-20 py-8 text-2xl shadow-md hover:shadow-lg"
-            >
-              더 알아보기
-            </Button>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-}
-
-function Waveform({ className = "" }: { className?: string }) {
-  const base = [
-    60, 96, 78, 64, 72, 66, 56, 82, 60, 82, 56, 66, 72, 64, 78, 96, 60,
-  ];
-  const scale = 1.4;
-  const mid = 60;
-  const vbH = 120;
-
-  const scaled = base.map((h) => h * scale);
-  const maxH = Math.max(...scaled);
-  const safety = 0.95;
-  const fit = Math.min(1, (vbH * safety) / maxH);
-  const heights = scaled.map((h) => h * fit);
-
-  return (
-    <svg
-      viewBox="0 0 520 120"
-      className={className + " drop-shadow-[0_6px_12px_rgba(2,132,199,0.20)]"}
-      role="img"
-      aria-label="음성 파형"
-      preserveAspectRatio="xMidYMid meet"
-    >
-      <defs>
-        <linearGradient id="waveBar" x1="0" y1="0" x2="0" y2="1">
-          <stop offset="0%" stopColor="#67e8f9" />
-          <stop offset="100%" stopColor="#3b82f6" />
-        </linearGradient>
-      </defs>
-
-      {heights.map((h, i) => {
-        const barW = 16;
-        const gap = 14;
-        const x = 20 + i * (barW + gap);
-        const y = mid - h / 2;
-        const delay = (i % 6) * 0.08;
-        return (
-          <rect
-            key={i}
-            x={x}
-            y={y}
-            width={barW}
-            height={h}
-            rx={8}
-            fill="url(#waveBar)"
-            className="origin-center animate-[pulse_2.2s_ease-in-out_infinite]"
-            style={{ animationDelay: `${delay}s` }}
-          />
-        );
-      })}
-    </svg>
-  );
-}
diff --git a/ssh/src/pages/Home/index.tsx b/ssh/src/pages/Home/index.tsx
deleted file mode 100644
index 39ddf5d..0000000
--- a/ssh/src/pages/Home/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import Hero from "./components/firstsection/hero";
-import ServiceCarousel from "./components/secondsection/servicecarousel";
-
-const HomePage = () => {
-  return (
-    <>
-      <Hero />
-      <ServiceCarousel />
-    </>
-  );
-};
-
-export default HomePage;
diff --git a/ssh/src/pages/Home/components/secondsection/servicecarousel.tsx b/ssh/src/pages/Home/sections/Features/ServiceCarousel.tsx
similarity index 100%
rename from ssh/src/pages/Home/components/secondsection/servicecarousel.tsx
rename to ssh/src/pages/Home/sections/Features/ServiceCarousel.tsx
diff --git a/ssh/src/routes/routing.tsx b/ssh/src/routes/routing.tsx
index 2aec500..b1399bf 100644
--- a/ssh/src/routes/routing.tsx
+++ b/ssh/src/routes/routing.tsx
@@ -1,14 +1,14 @@
 import { createBrowserRouter } from 'react-router-dom';
 import { ROUTING_PATH } from './path.constants';
 
-import HomePage from '@/pages/Home';
+import HomePage from '@/pages/Home/HomePage';
 import LandingPage from '@/pages/Landing';
 import AtmMapPage from '@/pages/AtmMap';
 import VoicephishingPage from '@/pages/Voicephishing';
 import ChatbotPage from '@/pages/Chatbot';
 import SettingPage from '@/pages/Setting';
 import DonationPage from '@/pages/Donation';
-import RootLayout from '@/components/Layout';
+import RootLayout from '@/components/Layout/RootLayout';
 
 export const routers = createBrowserRouter([
   {

From 1146ae8b66a49920906dfd72ddebdca0d9c00d93 Mon Sep 17 00:00:00 2001
From: smilevictory <leevictory7272@gmail.com>
Date: Mon, 8 Sep 2025 01:53:38 +0900
Subject: [PATCH 2/3] =?UTF-8?q?design:=20home=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20hero=20section=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=20=EB=B0=8F=20=EB=B2=84=ED=8A=BC=20=EB=9D=BC?=
 =?UTF-8?q?=EC=9A=B0=ED=84=B0,=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4?=
 =?UTF-8?q?=EC=85=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ssh/src/pages/Home/sections/Hero/Hero.tsx | 111 ++++++++++++++++++++++
 1 file changed, 111 insertions(+)
 create mode 100644 ssh/src/pages/Home/sections/Hero/Hero.tsx

diff --git a/ssh/src/pages/Home/sections/Hero/Hero.tsx b/ssh/src/pages/Home/sections/Hero/Hero.tsx
new file mode 100644
index 0000000..8db1096
--- /dev/null
+++ b/ssh/src/pages/Home/sections/Hero/Hero.tsx
@@ -0,0 +1,111 @@
+import { Button } from '@/components/ui/button';
+import { ROUTING_PATH } from '@/routes/path.constants';
+import { Link } from 'react-router-dom';
+
+export default function Hero() {
+  return (
+    <section className="relative isolate w-full bg-background pb-20">
+      <div
+        aria-hidden
+        className="
+          absolute left-1/2 -translate-x-1/2 z-0
+          w-[100vw] h-[100vw] -top-[50vw]
+          rounded-full
+          bg-[radial-gradient(ellipse_at_center,_#ecfdf5_0%,_#e6fff5_35%,_#d1fae5_65%,_#a7f3d0_100%)]
+        "
+      />
+
+      <div className="relative z-10 mx-auto w-full max-w-screen-lg px-6">
+        <div className="h-[50vw] flex flex-col items-center justify-center text-center gap-4 sm:gap-6 md:gap-8">
+          <h1 className="text-4xl font-extrabold sm:text-2xl md:text-6xl">
+            <span className="block">대화로 이어지는 금융 동반자</span>
+            <span className="block mt-5">마음 잇는 목소리</span>
+          </h1>
+
+          <p className="text-base text-muted-foreground sm:text-lg">
+            저희 서비스는 어르신을 비롯한 디지털 금융 취약계층을 위한<br></br>
+            디지털 금융 동반자입니다
+          </p>
+
+          <Waveform className="h-28 w-full max-auto" />
+
+          <h2 className="text-2xl font-semibold sm:text-3xl">지금 바로 이용해보세요</h2>
+
+          <div className="flex flex-wrap items-center justify-center gap-5">
+            <Button
+              asChild
+              size="lg"
+              className="rounded-full px-20 py-8 text-2xl shadow-md hover:shadow-lg"
+            >
+              <Link to={ROUTING_PATH.setting}>시작하기</Link>
+            </Button>
+
+            <Button
+              size="lg"
+              variant="secondary"
+              className="rounded-full px-20 py-8 text-2xl shadow-md hover:shadow-lg"
+              onClick={() => scrollDown(600)}
+            >
+              더 알아보기
+            </Button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+const scrollDown = (offset: number) => {
+  const targetY = window.scrollY + offset;
+  window.scrollTo({ top: targetY, behavior: 'smooth' });
+};
+
+function Waveform({ className = '' }: { className?: string }) {
+  const base = [60, 96, 78, 64, 72, 66, 56, 82, 60, 82, 56, 66, 72, 64, 78, 96, 60];
+  const scale = 1.4;
+  const mid = 60;
+  const vbH = 120;
+
+  const scaled = base.map((h) => h * scale);
+  const maxH = Math.max(...scaled);
+  const safety = 0.95;
+  const fit = Math.min(1, (vbH * safety) / maxH);
+  const heights = scaled.map((h) => h * fit);
+
+  return (
+    <svg
+      viewBox="0 0 520 120"
+      className={className + ' drop-shadow-[0_6px_12px_rgba(2,132,199,0.20)]'}
+      role="img"
+      aria-label="음성 파형"
+      preserveAspectRatio="xMidYMid meet"
+    >
+      <defs>
+        <linearGradient id="waveBar" x1="0" y1="0" x2="0" y2="1">
+          <stop offset="0%" stopColor="#67e8f9" />
+          <stop offset="100%" stopColor="#3b82f6" />
+        </linearGradient>
+      </defs>
+
+      {heights.map((h, i) => {
+        const barW = 16;
+        const gap = 14;
+        const x = 20 + i * (barW + gap);
+        const y = mid - h / 2;
+        const delay = (i % 6) * 0.08;
+        return (
+          <rect
+            key={i}
+            x={x}
+            y={y}
+            width={barW}
+            height={h}
+            rx={8}
+            fill="url(#waveBar)"
+            className="origin-center animate-[pulse_2.2s_ease-in-out_infinite]"
+            style={{ animationDelay: `${delay}s` }}
+          />
+        );
+      })}
+    </svg>
+  );
+}

From 66918abd242c996e1c786d934456110631e95f69 Mon Sep 17 00:00:00 2001
From: victory <leevictory7272@gmail.com>
Date: Mon, 8 Sep 2025 11:35:42 +0900
Subject: [PATCH 3/3] =?UTF-8?q?bug:=20import=20=ED=8C=8C=EC=9D=BC=20?=
 =?UTF-8?q?=EC=A3=BC=EC=86=8C=20=EC=98=A4=ED=83=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

bug: import 파일 주소 오타 수정
---
 ssh/src/pages/Home/HomePage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ssh/src/pages/Home/HomePage.tsx b/ssh/src/pages/Home/HomePage.tsx
index 2168561..5b1f074 100644
--- a/ssh/src/pages/Home/HomePage.tsx
+++ b/ssh/src/pages/Home/HomePage.tsx
@@ -1,5 +1,5 @@
-import Hero from '@/pages/Home/sections/Hero/hero';
-import ServiceCarousel from '@/pages/Home/sections/Features/servicecarousel';
+import Hero from './sections/Hero/Hero';
+import ServiceCarousel from './sections/Features/ServiceCarousel';
 
 const HomePage = () => {
   return (