✨ game

.env.local.example

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_ALCHEMY_ID=""
+
+NEXTAUTH_SECRET= # Mac/Linux: `openssl rand -hex 32` or go to https://generate-secret.now.sh/32
+NEXTAUTH_URL=http://localhost:3000

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals"]
+}

.github/workflows/lighthouseci.yml

@@ -0,0 +1,19 @@
+name: CI
+on: [push]
+jobs:
+  lighthouseci:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 16
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 7.13.2
+      - run: pnpm i && pnpm add -g @lhci/cli@0.8.x
+      - run: pnpm run build
+      - run: lhci collect
+      - run: lhci upload
+        env:
+          LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}

.gitignore

@@ -8,44 +8,31 @@
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+.pnpm-debug.log*
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
+# local env files
+.env*.local
 
-# testing
-/coverage
+# vercel
+.vercel
 
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# typescript
+*.tsbuildinfo
+next-env.d.ts
 
-# local
-yarn.lock
-package-lock.json
+/data

.gitpod.yml

@@ -0,0 +1,16 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+
+tasks:
+  - init: pnpm install
+    command: pnpm run dev
+
+ports:
+  - port: 3000
+    onOpen: open-browser
+
+vscode:
+  extensions:
+    - bradlc.vscode-tailwindcss@0.8.6
+    - GitHub.copilot@1.44.6735

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+pnpm run format

.prettierrc

@@ -1,6 +1,8 @@
 {
-  "arrowParens": "avoid",
-  "trailingComma": "es5",
-  "singleQuote": true,
-  "semi": true
-}
+    "endOfLine": "lf",
+    "printWidth": 120,
+    "tabWidth": 2,
+    "singleQuote": true,
+    "semi": false,
+    "trailingComma": "all"
+}

.vscode/launch.json

@@ -0,0 +1,28 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "name": "Next.js: debug server-side",
+        "type": "node-terminal",
+        "request": "launch",
+        "command": "pnpm run dev"
+      },
+      {
+        "name": "Next.js: debug client-side",
+        "type": "chrome",
+        "request": "launch",
+        "url": "http://localhost:3000"
+      },
+      {
+        "name": "Next.js: debug full stack",
+        "type": "node-terminal",
+        "request": "launch",
+        "command": "pnpm run dev",
+        "serverReadyAction": {
+          "pattern": "started server on .+, url: (https?://.+)",
+          "uriFormat": "%s",
+          "action": "debugWithChrome"
+        }
+      }
+    ]
+  }

README.md

@@ -1,2 +1,34 @@
-# LexDAO Minimal Lander 
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+## 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/deployment) for more details.

app/layout.tsx

@@ -0,0 +1,25 @@
+import { BleedingNoise } from '@/components/bleeding-screen'
+import RootProvider from '@/components/root-provider'
+import { cn } from '@/lib/utils'
+import '@/styles/globals.css'
+import { Press_Start_2P as FontArcade } from 'next/font/google'
+
+const arcade = FontArcade({
+  subsets: ['latin'],
+  variable: '--font-arcade',
+  display: 'swap',
+  weight: '400',
+})
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" className={cn('min-h-screen w-screen', arcade.variable)}>
+      <RootProvider>
+        <body className="bg-black text-white">
+          {children}
+          <BleedingNoise />
+        </body>
+      </RootProvider>
+    </html>
+  )
+}

app/learn/lexy.tsx

@@ -0,0 +1,25 @@
+import { AsciiArt } from '@/components/ascii-art'
+
+const lexyTitle = `
+██╗░░░░░  ███████╗  ██╗░░██╗  ██╗░░░██╗
+██║░░░░░  ██╔════╝  ╚██╗██╔╝  ╚██╗░██╔╝
+██║░░░░░  █████╗░░  ░╚███╔╝░  ░╚████╔╝░
+██║░░░░░  ██╔══╝░░  ░██╔██╗░  ░░╚██╔╝░░
+███████╗  ███████╗  ██╔╝╚██╗  ░░░██║░░░
+╚══════╝  ╚══════╝  ╚═╝░░╚═╝  ░░░╚═╝░░░`
+
+const TICKER = '>'
+
+export const Lexy = () => {
+  return (
+    <div className="font-mono h-[80vh] space-y-5 w-screen md:w-[80vw] lg:w-[60vw] overflow-hidden flex flex-col items-center justify-start bg-black">
+      <AsciiArt className="">{lexyTitle}</AsciiArt>
+
+      <p className="font-arcade text-center uppercase tracking-widest animate-blink">
+        lexy is learning <br />
+        <span className="text-2xl">[</span> <span className="text-2xl text-lex-gold">{TICKER}</span>{' '}
+        <span className="text-2xl">]</span>
+      </p>
+    </div>
+  )
+}

app/learn/page.tsx

@@ -0,0 +1,22 @@
+import { fetcher } from '@/src/utils/api'
+import { BleedingNoise } from '@/components/bleeding-screen'
+import { cn } from '@/lib/utils'
+import { Landing } from '@/components/screens/landing'
+import { DISCORD_INVITE_URL, SUBSTACK_URL, TWITTER_URL } from '@/src/constants'
+import Image from 'next/image'
+import Link from 'next/link'
+import { siteConfig } from '@/config/siteConfig'
+import { AsciiArt } from '@/components/ascii-art'
+import { Socials } from './socials'
+import { Lexy } from './lexy'
+
+export default async function Page() {
+  return (
+    <main className="h-screen w-screen overflow-hidden">
+      <div className="z-10 h-screen w-screen absolute flex flex-col items-center justify-center">
+        <Lexy />
+        <Socials />
+      </div>
+    </main>
+  )
+}

app/learn/socials.tsx

@@ -0,0 +1,28 @@
+import { siteConfig } from '@/config/siteConfig'
+import Image from 'next/image'
+import Link from 'next/link'
+import { Suspense } from 'react'
+
+export const Socials = () => {
+  // @TODO ADD FETCHING FROM CMS
+  // @TODO ADD STYLING FOR LINKS
+
+  return (
+    <Suspense>
+      <div className="flex flex-row">
+        <Link href={siteConfig.links.twitter} target="_blank" rel="noopenner noreferrer">
+          <Image src="/assets/twitter.webp" alt="Twitter" width={100} height={100} />
+        </Link>
+        <Link href={siteConfig.links.discord} target="_blank" rel="noopenner noreferrer">
+          <Image src="/assets/icons/discord.png" alt="Discord" width={100} height={100} />
+        </Link>
+        <Link href={siteConfig.links.substack} target="_blank" rel="noopenner noreferrer">
+          <Image src="/assets/icons/book.webp" alt="Substack" width={100} height={95} />
+        </Link>
+        <Link href={siteConfig.links.github} target="_blank" rel="noopenner noreferrer">
+          <Image src="/assets/icons/github.png" alt="GitHub" width={100} height={95} />
+        </Link>
+      </div>
+    </Suspense>
+  )
+}

app/loading.tsx

@@ -0,0 +1,13 @@
+import CircuitBoardPattern from '@/components/ui/patterns/circuit-board'
+
+export default function Loading() {
+  return (
+    <div className="relative w-screen h-screen">
+      <CircuitBoardPattern
+        className="absolute top-0 right-0 bottom-0 left-0 w-screen h-screen bg-transparent/5 z-20"
+        fill="#00FA9A"
+        fillOpacity={'10%'}
+      />
+    </div>
+  )
+}

app/page.tsx

@@ -0,0 +1,29 @@
+import { fetcher } from '@/src/utils/api'
+import { BleedingNoise } from '@/components/bleeding-screen'
+import { cn } from '@/lib/utils'
+import { Landing } from '@/components/screens/landing'
+
+const getData = async () => {
+  try {
+    const data = await fetcher(`/homepage`, {
+      'populate[0]': 'features',
+      'populate[1]': 'features.image',
+      'populate[2]': 'cta',
+    })
+    return data?.data?.attributes
+  } catch (e) {
+    throw e
+  }
+}
+
+export default async function Page() {
+  const data = await getData()
+
+  return (
+    <main className="h-screen w-screen overflow-hidden">
+      <div className="z-10 h-screen w-screen absolute">
+        <Landing title={data?.title} />
+      </div>
+    </main>
+  )
+}

app/play/page.tsx

@@ -0,0 +1,13 @@
+import CircuitBoardPattern from '@/components/ui/patterns/circuit-board'
+
+export default function Loading() {
+  return (
+    <div className="fixed top-0 right-0 bottom-0 left-0 w-screen h-screen">
+      <CircuitBoardPattern
+        className="absolute top-0 right-0 bottom-0 left-0 w-screen h-screen bg-transparent/5 z-20 animate-blink fill-lex-yellow"
+        fill="#00FA9A"
+        fillOpacity={'27%'}
+      />
+    </div>
+  )
+}