diff --git a/src/assets/icons/home_banner.jpg b/src/assets/icons/home_banner.jpg
new file mode 100644
index 0000000..a0edf35
Binary files /dev/null and b/src/assets/icons/home_banner.jpg differ
diff --git a/src/assets/index.tsx b/src/assets/index.tsx
index c576688..f521448 100644
--- a/src/assets/index.tsx
+++ b/src/assets/index.tsx
@@ -13,6 +13,7 @@ import StarFill from '@/assets/icons/star_filled.svg?react';
 import StarLine from '@/assets/icons/star_outlined.svg?react';
 import AIComment from '@/assets/icons/ai_comment.svg?react';
 import AIImage from '@/assets/icons/ai_image.svg?react';
+import HomeBanner from '@/assets/icons/home_banner.jpg';
 
 export {
   InfoIcon,
@@ -30,4 +31,5 @@ export {
   StarLine,
   AIComment,
   AIImage,
+  HomeBanner,
 };
diff --git a/src/component/common/Image/Image.tsx b/src/component/common/Image/Image.tsx
index f168504..c7917cf 100644
--- a/src/component/common/Image/Image.tsx
+++ b/src/component/common/Image/Image.tsx
@@ -4,7 +4,7 @@ import { cn } from '@/utils/cn';
 type ImageProps = {
   src?: string;
   alt?: string;
-  className: string;
+  className?: string;
 };
 
 const Image = ({ src, alt = '', className }: ImageProps) => {
diff --git a/src/image/Logo.png b/src/image/Logo.png
index fbb4c47..cbe9bd6 100644
Binary files a/src/image/Logo.png and b/src/image/Logo.png differ
diff --git a/src/pages/home/Homepage.tsx b/src/pages/home/Homepage.tsx
index 25e43f6..ff1ba7d 100644
--- a/src/pages/home/Homepage.tsx
+++ b/src/pages/home/Homepage.tsx
@@ -1,3 +1,39 @@
+import HomeBanner from '@/assets/icons/home_banner.jpg';
+import { Header, Sidebar, Image, Button } from '@/component';
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
 export default function HomePage() {
-  return <div className="text-xl font-bold">홈 페이지</div>;
+  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+
+  const handleMenuClick = () => {
+    setIsSidebarOpen(true);
+  };
+
+  const handleSidebarClose = () => {
+    setIsSidebarOpen(false);
+  };
+  const navigate = useNavigate();
+  return (
+    <div className="min-h-screen">
+      <Header onMenuClick={handleMenuClick} />
+      <Sidebar isOpen={isSidebarOpen} onClose={handleSidebarClose} position="left" />{' '}
+      <div className="mx-auto flex w-full max-w-[480px] flex-col pt-14">
+        <Image src={HomeBanner} className="h-60 w-full" />
+        <div className="text-caption2 text-green1 px-5 pt-1 text-right">
+          *해당 사진 속 장소는 강릉입니다.
+        </div>
+        <div className="px-5 pt-4 pb-6 text-center">
+          <div className="text-title2 text-green1">혼잡한 도시는 이제 그만</div>
+          <div className="text-title5 text-green1 pt-1">
+            지금 가장 여유롭고 한적한 여행지를 찾아드립니다.
+          </div>
+          <Button variant="sm" className="mt-3" onClick={() => navigate('/explore')}>
+            바로가기
+          </Button>
+        </div>
+        {/*Todo: 추후 홈 메인 내용 확정 되면 구현....*/}
+      </div>
+    </div>
+  );
 }