diff --git a/packages/wallet-v2/.eslintrc.json b/packages/wallet-v2/.eslintrc.json new file mode 100644 index 00000000..37224185 --- /dev/null +++ b/packages/wallet-v2/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": ["next/core-web-vitals", "next/typescript"] +} diff --git a/packages/wallet-v2/.gitignore b/packages/wallet-v2/.gitignore new file mode 100644 index 00000000..fd3dbb57 --- /dev/null +++ b/packages/wallet-v2/.gitignore @@ -0,0 +1,36 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js +.yarn/install-state.gz + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env*.local + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/packages/wallet-v2/README.md b/packages/wallet-v2/README.md new file mode 100644 index 00000000..e215bc4c --- /dev/null +++ b/packages/wallet-v2/README.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/packages/wallet-v2/app/assets/images/logo.png b/packages/wallet-v2/app/assets/images/logo.png new file mode 100644 index 00000000..a92e0928 Binary files /dev/null and b/packages/wallet-v2/app/assets/images/logo.png differ diff --git a/packages/wallet-v2/app/favicon.ico b/packages/wallet-v2/app/favicon.ico new file mode 100644 index 00000000..c8232a3c Binary files /dev/null and b/packages/wallet-v2/app/favicon.ico differ diff --git a/packages/wallet-v2/app/fonts/GeistMonoVF.woff b/packages/wallet-v2/app/fonts/GeistMonoVF.woff new file mode 100644 index 00000000..f2ae185c Binary files /dev/null and b/packages/wallet-v2/app/fonts/GeistMonoVF.woff differ diff --git a/packages/wallet-v2/app/fonts/GeistVF.woff b/packages/wallet-v2/app/fonts/GeistVF.woff new file mode 100644 index 00000000..1b62daac Binary files /dev/null and b/packages/wallet-v2/app/fonts/GeistVF.woff differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Black.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Black.ttf new file mode 100644 index 00000000..f3a42d28 Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Black.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Bold.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Bold.ttf new file mode 100644 index 00000000..e422c709 Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Bold.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-ExtraBold.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-ExtraBold.ttf new file mode 100644 index 00000000..9f42409a Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-ExtraBold.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Light.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Light.ttf new file mode 100644 index 00000000..a67ee942 Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Light.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Medium.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Medium.ttf new file mode 100644 index 00000000..8cdc3917 Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Medium.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Regular.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Regular.ttf new file mode 100644 index 00000000..2ae8cc91 Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Regular.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-SemiBold.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-SemiBold.ttf new file mode 100644 index 00000000..ae2ae936 Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-SemiBold.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-ThicccAF.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-ThicccAF.ttf new file mode 100644 index 00000000..53675b4d Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-ThicccAF.ttf differ diff --git a/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Thin.ttf b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Thin.ttf new file mode 100644 index 00000000..fada1fef Binary files /dev/null and b/packages/wallet-v2/app/fonts/THICCCBOI/THICCCBOI-Thin.ttf differ diff --git a/packages/wallet-v2/app/globals.css b/packages/wallet-v2/app/globals.css new file mode 100644 index 00000000..aea6451a --- /dev/null +++ b/packages/wallet-v2/app/globals.css @@ -0,0 +1,94 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { +} + +@media (prefers-color-scheme: dark) { + :root { + } +} + +body { + font-family: var(--font-thicccboi); +} + +@layer utilities { + .text-balance { + text-wrap: balance; + } +} + +@layer base { + :root { + /* --background: 0 0% 100%; */ + --foreground: 0 0% 3.9%; + /* --card: 0 0% 100%; + --card-foreground: 0 0% 3.9%; */ + --popover: 0 0% 100%; + --popover-foreground: 0 0% 3.9%; + --primary: 0 0% 9%; + --primary-foreground: 0 0% 98%; + --secondary: 0 0% 96.1%; + --secondary-foreground: 0 0% 9%; + --muted: 0 0% 96.1%; + --muted-foreground: 0 0% 45.1%; + --accent: 0 0% 96.1%; + --accent-foreground: 0 0% 9%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 0 0% 89.8%; + --input: 0 0% 89.8%; + --ring: 0 0% 3.9%; + --chart-1: 12 76% 61%; + --chart-2: 173 58% 39%; + --chart-3: 197 37% 24%; + --chart-4: 43 74% 66%; + --chart-5: 27 87% 67%; + /* --radius: 0.5rem; */ + } + .dark { + /* --background: 0 0% 3.9%; */ + --foreground: 0 0% 98%; + --card: 0 0% 3.9%; + --card-foreground: 0 0% 98%; + --popover: 0 0% 3.9%; + --popover-foreground: 0 0% 98%; + --primary: 0 0% 98%; + --primary-foreground: 0 0% 9%; + --secondary: 0 0% 14.9%; + --secondary-foreground: 0 0% 98%; + /* --muted: 0 0% 14.9%; */ + --muted-foreground: 0 0% 63.9%; + --accent: 0 0% 14.9%; + --accent-foreground: 0 0% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 0% 98%; + --border: 0 0% 14.9%; + --input: 0 0% 14.9%; + --ring: 0 0% 83.1%; + --chart-1: 220 70% 50%; + --chart-2: 160 60% 45%; + --chart-3: 30 80% 55%; + --chart-4: 280 65% 60%; + --chart-5: 340 75% 55%; + } +} + +@layer base { + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } +} + +.gradient-border { + border-width: 3.2px; + border-style: solid; + border-image: linear-gradient(139.26deg, #303441 -0.73%, #232836 100.78%); + border-image-slice: 1; + border-radius: 20px; +} diff --git a/packages/wallet-v2/app/layout.tsx b/packages/wallet-v2/app/layout.tsx new file mode 100644 index 00000000..0f197232 --- /dev/null +++ b/packages/wallet-v2/app/layout.tsx @@ -0,0 +1,68 @@ +import type { Metadata } from 'next' +import localFont from 'next/font/local' +import './globals.css' +import { Header } from '@/shared/Header' +import Footer from '@/shared/Footer' +import { Toaster } from '@/components/ui/toaster' + +const geistSans = localFont({ + src: './fonts/GeistVF.woff', + variable: '--font-geist-sans', + display: 'swap', +}) + +const geistMono = localFont({ + src: './fonts/GeistMonoVF.woff', + variable: '--font-geist-mono', + display: 'swap', +}) + +const thicccBoi = localFont({ + src: [ + { + path: './fonts/THICCCBOI/THICCCBOI-Regular.ttf', + weight: '400', + style: 'normal', + }, + { + path: './fonts/THICCCBOI/THICCCBOI-Medium.ttf', + weight: '500', + style: 'normal', + }, + { + path: './fonts/THICCCBOI/THICCCBOI-Bold.ttf', + weight: '700', + style: 'normal', + }, + ], + variable: '--font-thicccboi', + display: 'swap', +}) + +export const metadata: Metadata = { + title: 'Avail Wallet', + description: 'A decentralized wallet application', +} + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode +}>): JSX.Element { + return ( + + +
+
+
{children}
+
+