diff --git a/src/components/Tours/CreateTripButton.tsx b/src/components/Tours/CreateTripButton.tsx
new file mode 100644
index 00000000..d00bc9d9
--- /dev/null
+++ b/src/components/Tours/CreateTripButton.tsx
@@ -0,0 +1,11 @@
+import { PlusIcon } from '@components/common/icons/Icons';
+
+const CreateTripButton = () => {
+ return (
+
+ );
+};
+
+export default CreateTripButton;
diff --git a/src/components/Tours/ToursSectionTop.tsx b/src/components/Tours/ToursSectionTop.tsx
index 0bb500af..52786fbc 100644
--- a/src/components/Tours/ToursSectionTop.tsx
+++ b/src/components/Tours/ToursSectionTop.tsx
@@ -6,7 +6,7 @@ const ToursSectionTop = () => {
const [selectedRegion, setSelectedRegion] = useState('전체');
return (
- <>
+
지금 인기여행지
{
setSelectedRegion={setSelectedRegion}
/>
-
- >
+
);
};
diff --git a/src/components/common/icons/Icons.tsx b/src/components/common/icons/Icons.tsx
index adf48bb2..ba50fb82 100644
--- a/src/components/common/icons/Icons.tsx
+++ b/src/components/common/icons/Icons.tsx
@@ -415,8 +415,8 @@ export const PlusIcon: React.FC = ({
width="57.6"
height="57.6"
filterUnits="userSpaceOnUse"
- color-interpolation-filters="sRGB">
-
+ colorInterpolationFilters="sRGB">
+
{
- 홈
+ 홈
navigate('/')}
className="cursor-pointer flex-col items-center justify-center px-2">
-
일정
+
+ 일정
+
navigate('/')}
@@ -30,7 +32,9 @@ const Nav = () => {
-
찜
+
+ 찜
+
navigate('/')}
diff --git a/src/pages/main/main.page.tsx b/src/pages/main/main.page.tsx
index cc889053..f283fb26 100644
--- a/src/pages/main/main.page.tsx
+++ b/src/pages/main/main.page.tsx
@@ -1,9 +1,11 @@
+import CreateTripButton from '@components/Tours/CreateTripButton';
import ToursSectionTop from '@components/Tours/ToursSectionTop';
const Main = () => {
return (
<>
+
>
);
};