diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5a2fd58..9e4654a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,5 @@ import type { Metadata } from 'next'; import localFont from 'next/font/local'; -// import { Montserrat } from 'next/font/google'; import './variables.css'; import './reset.css'; @@ -11,12 +10,6 @@ const pretendard = localFont({ variable: '--font-pretendard', }); -// export const montserrat = Montserrat({ -// display: 'swap', -// subsets: ['latin'], -// variable: '--font-montserrat', -// }); - export const metadata: Metadata = { title: 'Taskify', description: 'Task management application', diff --git a/src/app/page.module.css b/src/app/page.module.css deleted file mode 100644 index fa056f9..0000000 --- a/src/app/page.module.css +++ /dev/null @@ -1,158 +0,0 @@ -.page { - background-color: black; - color: white; - height: 100%; -} - -.header { - display: flex; - align-items: center; - justify-content: space-between; - position: fixed; - left: 0; - top: 0; - z-index: 999; - width: 100%; - height: 70px; - padding: 15px 80px; - background-color: inherit; -} - -.logo { - fill: white; -} - -.nav { - display: flex; - gap: 36px; -} - -.navLink { - font-size: 16px; - font-weight: 400; - line-height: 26px; -} -.main, -.section { - display: flex; - flex-direction: column; - align-items: center; -} - -.main { - padding-top: 164px; -} - -.section { - width: 100%; - max-width: 1200px; -} - -.homeTitleWrapper { - display: flex; - align-items: center; - margin-bottom: 110px; - margin-top: 40px; - gap: 28px; -} - -.homeImg { - width: 722px; - height: 423px; -} - -.homeTitle { - font-size: 76px; - font-weight: 700; - color: white; - line-height: 100px; - letter-spacing: 2px; -} - -.homeBrand { - /* font-family: var(--font-montserrat); */ - font-size: 90px; - font-weight: 700; - color: var(--violet); - line-height: 65px; - letter-spacing: 1px; -} - -.homeLoginBtn { - display: inline-flex; - flex-shrink: 0; - align-items: center; - height: 54px; - margin-bottom: 180px; - padding: 9px 101px; - border-radius: 8px; - background: var(--violet); -} - -.supplementTitle { - margin-bottom: 36px; - font-size: 28px; - font-weight: 700; -} - -.cardSmalls { - display: flex; - gap: 33px; -} - -.cardLg1 { - width: 594px; - height: 498px; -} - -.cardLg2 { - width: 436px; - height: 502px; -} - -.cardSm1 { - width: 300px; - height: 124px; -} - -.cardSm2 { - width: 300px; - height: 231px; -} - -.cardSm3 { - width: 300px; - height: 195px; -} - -.footer { - display: flex; - align-items: center; - justify-content: space-between; - padding: 40px 140px; - font-size: 16px; - font-weight: 400; - color: var(--gray-400); -} - -.legalLinks { - display: flex; - gap: 32px; -} - -.socialLinks { - display: flex; - align-items: center; - gap: 14px; -} - -.socialLink:first-child { - width: 20px; - height: 20px; -} - -.socialLink { - width: 22px; - height: 22px; - fill: white; -} diff --git a/src/app/reset.css b/src/app/reset.css index f2868b9..6535c60 100644 --- a/src/app/reset.css +++ b/src/app/reset.css @@ -5,13 +5,9 @@ box-sizing: border-box; } -html, -body { - min-height: 100vh; -} - body { font-family: var(--font-pretendard), sans-serif; + height: 100vh; } ul, diff --git a/src/components/ImageWrapper.tsx b/src/components/ImageWrapper.tsx index 3a56154..afed28d 100644 --- a/src/components/ImageWrapper.tsx +++ b/src/components/ImageWrapper.tsx @@ -4,14 +4,14 @@ import styles from './ImageWrapper.module.css'; interface Props { src: string; alt: string; - className?: string; + className: string; priority?: boolean; } export default function ImageWrapper({ src, alt, className, priority }: Props) { return (