feat: landing page layout implementation

Threshold-USD · Apr 16, 2023 · 87193da · 87193da
1 parent f01536a
commit 87193da
Show file tree

Hide file tree

Showing 28 changed files with 574 additions and 122 deletions.
diff --git a/asset/Inter/Inter-Black.ttf b/asset/Inter/Inter-Black.ttf
diff --git a/asset/Inter/Inter-Bold.ttf b/asset/Inter/Inter-Bold.ttf
diff --git a/asset/Inter/Inter-ExtraBold.ttf b/asset/Inter/Inter-ExtraBold.ttf
diff --git a/asset/Inter/Inter-ExtraLight.ttf b/asset/Inter/Inter-ExtraLight.ttf
diff --git a/asset/Inter/Inter-Light.ttf b/asset/Inter/Inter-Light.ttf
diff --git a/asset/Inter/Inter-Medium.ttf b/asset/Inter/Inter-Medium.ttf
diff --git a/asset/Inter/Inter-Regular.ttf b/asset/Inter/Inter-Regular.ttf
diff --git a/asset/Inter/Inter-SemiBold.ttf b/asset/Inter/Inter-SemiBold.ttf
diff --git a/asset/Inter/Inter-Thin.ttf b/asset/Inter/Inter-Thin.ttf
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,6 +1,47 @@
+import localFont from 'next/font/local'
 import '@/styles/globals.css'
 import type { AppProps } from 'next/app'
 
+const inter = localFont({
+  src: [
+    {
+      path: '../asset/Inter/Inter-Regular.ttf',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: '../asset/Inter/Inter-Medium.ttf',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: '../asset/Inter/Inter-SemiBold.ttf',
+      weight: '600',
+      style: 'normal',
+    },
+    {
+      path: '../asset/Inter/Inter-Bold.ttf',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: '../asset/Inter/Inter-ExtraBold.ttf',
+      weight: '800',
+      style: 'normal',
+    },
+    {
+      path: '../asset/Inter/Inter-Black.ttf',
+      weight: '900',
+      style: 'normal',
+    },
+  ],
+  variable: '--font-inter'
+})
+
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />
+  return (
+    <main className={`${inter.variable} font-sans`}>
+      <Component className={`${inter.variable} font-sans`} {...pageProps} />
+    </main>
+  )
 }
diff --git a/pages/index.tsx b/pages/index.tsx
diff --git a/public/icons/audit-code.svg b/public/icons/audit-code.svg
diff --git a/public/icons/bitcoin.svg b/public/icons/bitcoin.svg
diff --git a/public/icons/discord.svg b/public/icons/discord.svg
diff --git a/public/icons/faq.svg b/public/icons/faq.svg
diff --git a/public/icons/note-search.svg b/public/icons/note-search.svg
diff --git a/public/icons/play-circle.svg b/public/icons/play-circle.svg
diff --git a/public/icons/question-mark.svg b/public/icons/question-mark.svg
diff --git a/public/icons/shield-check.svg b/public/icons/shield-check.svg
diff --git a/public/icons/stacked-coins.svg b/public/icons/stacked-coins.svg
diff --git a/public/icons/threshold-usd.svg b/public/icons/threshold-usd.svg