diff --git a/components/Feature.tsx b/components/Cta.tsx
similarity index 100%
rename from components/Feature.tsx
rename to components/Cta.tsx
diff --git a/components/Header.tsx b/components/Header.tsx
index 9986352..e3413da 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -4,73 +4,14 @@ import {usePathname} from 'next/navigation'
import {Fragment, useEffect, useRef} from 'react'
import {Popover, Transition} from '@headlessui/react'
import clsx from 'clsx'
-
import {Container} from './Container'
+import {CloseIcon} from '@/components/icons/CloseIcon'
+import {ChevronDownIcon} from '@/components/icons/ChevronDownIcon'
+import {MoonIcon} from '@/components/icons/MoonIcon'
+import {SunIcon} from '@/components/icons/SunIcon'
import avatar from '@/public/static/images/avatar.jpg'
-
import type {Props} from 'types'
-function CloseIcon(props: Props) {
- return (
-
- )
-}
-
-function ChevronDownIcon(props: Props) {
- return (
-
- )
-}
-
-function SunIcon(props: Props) {
- return (
-
- )
-}
-
-function MoonIcon(props: Props) {
- return (
-
- )
-}
function MobileNavItem({href, children}: { href: string } & Props) {
return (
diff --git a/components/icons/ChevronDownIcon.tsx b/components/icons/ChevronDownIcon.tsx
new file mode 100644
index 0000000..553fe22
--- /dev/null
+++ b/components/icons/ChevronDownIcon.tsx
@@ -0,0 +1,15 @@
+import {Props} from '@/types'
+
+export function ChevronDownIcon(props: Props) {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/components/icons/CloseIcon.tsx b/components/icons/CloseIcon.tsx
new file mode 100644
index 0000000..b3dd707
--- /dev/null
+++ b/components/icons/CloseIcon.tsx
@@ -0,0 +1,16 @@
+import {Props} from '@/types'
+
+export function CloseIcon(props: Props) {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/components/icons/MoonIcon.tsx b/components/icons/MoonIcon.tsx
new file mode 100644
index 0000000..e35e883
--- /dev/null
+++ b/components/icons/MoonIcon.tsx
@@ -0,0 +1,14 @@
+import {Props} from '@/types'
+
+export function MoonIcon(props: Props) {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/components/icons/SunIcon.tsx b/components/icons/SunIcon.tsx
new file mode 100644
index 0000000..c861393
--- /dev/null
+++ b/components/icons/SunIcon.tsx
@@ -0,0 +1,21 @@
+import {Props} from '@/types'
+
+export function SunIcon(props: Props) {
+ return (
+
+ )
+}
\ No newline at end of file