From 9baa94e694f9b25913585f28bef7420dcf7ec23b Mon Sep 17 00:00:00 2001 From: Seungpyo Suh Date: Mon, 23 Sep 2024 21:58:58 +0900 Subject: [PATCH] feat: edit landing --- src/app/globals.css | 6 ++++ src/app/page.tsx | 3 +- src/components/landing/landingPage.tsx | 48 ++++++++++++++++---------- src/resources/svg.tsx | 34 ++++++++++++++++++ 4 files changed, 71 insertions(+), 20 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index a733c28..a818bc6 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,3 +1,5 @@ +@import url("https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap"); + @tailwind base; @tailwind components; @tailwind utilities; @@ -16,6 +18,10 @@ body { color: var(--content-standard-primary); } +.font-shadows { + font-family: "Shadows Into Light", cursive; +} + :root { --solid-red: rgba(255, 64, 53, 1); --solid-orange: rgba(255, 154, 5, 1); diff --git a/src/app/page.tsx b/src/app/page.tsx index e86d462..01f01e7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -7,7 +7,8 @@ import { headers } from 'next/headers'; export default function Home() { const headersList = headers(); const hostname = headersList.get('host') || ''; - const isPortfolio = hostname === 'portfolio.sspzoa.io'; + // const isPortfolio = hostname === 'portfolio.sspzoa.io' || hostname === 'localhost:3000'; + const isPortfolio = false; return isPortfolio ? : ; } diff --git a/src/components/landing/landingPage.tsx b/src/components/landing/landingPage.tsx index fc0d651..7f2464a 100644 --- a/src/components/landing/landingPage.tsx +++ b/src/components/landing/landingPage.tsx @@ -1,11 +1,17 @@ +import { ArrowSvg } from '@/resources/svg'; import Image from 'next/image'; import Link from 'next/link'; import type React from 'react'; -interface BoxProps { - children: React.ReactNode; - blocks?: number; - href?: string; +function ClickArrow() { + return ( +
+ Click This! +
+ +
+
+ ); } export default function LandingPage() { @@ -14,21 +20,25 @@ export default function LandingPage() {
-
- - sspzoa - +
+
+ +
+
+ + sspzoa + + + sspzoa Seungpyo Suh + +
diff --git a/src/resources/svg.tsx b/src/resources/svg.tsx index bdd49c4..708a28f 100644 --- a/src/resources/svg.tsx +++ b/src/resources/svg.tsx @@ -96,3 +96,37 @@ export function FastApiSvg() {
); } + +export function ArrowSvg() { + return ( + <> + {/* biome-ignore lint/a11y/noSvgWithoutTitle: */} + + + + + + + + + + ); +}