Merge pull request #6 from plastic-labs/indie/new-landing

New Landing

.env.example

@@ -0,0 +1,6 @@
+# Next
+NEXT_PUBLIC_ORIGIN=https://plasticlabs.ai/
+
+# Posthog
+NEXT_PUBLIC_POSTHOG_KEY=
+NEXT_PUBLIC_POSTHOG_HOST=

.eslintrc.json

@@ -1,3 +1,141 @@
 {
-  "extends": "next/core-web-vitals"
-}
+  "root": true,
+  "plugins": [
+    "no-unsanitized",
+    "jsx-a11y",
+    "@typescript-eslint",
+    "import",
+    "prettier",
+    "react"
+  ],
+  "extends": [
+    "airbnb",
+    "airbnb/hooks",
+    "airbnb-typescript",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/typescript",
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "prettier",
+    "next/core-web-vitals",
+    "next/typescript",
+    "plugin:storybook/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "no-console": "error",
+    "arrow-parens": [
+      "error",
+      "as-needed"
+    ],
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "devDependencies": [
+          "**/*.spec.ts"
+        ]
+      }
+    ],
+    "import/order": [
+      "error",
+      {
+        "groups": [
+          "builtin",
+          "external",
+          "internal",
+          "unknown",
+          "parent",
+          "sibling",
+          "index",
+          "object",
+          "type"
+        ],
+        "pathGroups": [],
+        "pathGroupsExcludedImportTypes": [
+          "internal"
+        ],
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": true
+        }
+      }
+    ],
+    "react/function-component-definition": [
+      2,
+      {
+        "namedComponents": "arrow-function"
+      }
+    ],
+    "react/jsx-props-no-spreading": "off",
+    "semi": "off",
+    "sort-imports": [
+      "error",
+      {
+        "ignoreCase": true,
+        "ignoreDeclarationSort": true,
+        "ignoreMemberSort": true,
+        "memberSyntaxSortOrder": [
+          "none",
+          "all",
+          "multiple",
+          "single"
+        ],
+        "allowSeparatedGroups": true
+      }
+    ],
+    "@typescript-eslint/naming-convention": [
+      "error",
+      {
+        "selector": "interface",
+        "format": [
+          "PascalCase"
+        ],
+        "modifiers": [
+          "exported"
+        ]
+      },
+      {
+        "selector": "enum",
+        "format": [
+          "PascalCase",
+          "UPPER_CASE"
+        ],
+        "modifiers": [
+          "exported"
+        ]
+      },
+      {
+        "selector": "typeAlias",
+        "format": [
+          "PascalCase"
+        ],
+        "modifiers": [
+          "exported"
+        ]
+      }
+    ],
+    "@typescript-eslint/semi": [
+      "error",
+      "never"
+    ],
+    "import/prefer-default-export": "off",
+    "import/no-default-export": "error",
+    "no-unused-vars": "error",
+    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/dot-notation": "off",
+    "no-underscore-dangle": "off",
+    "react/require-default-props": "off",
+    "react/prop-types": "off",
+    "import/no-cycle": "error"
+  }
+}

.github/workflows/lint.yml

@@ -0,0 +1,21 @@
+name: "Lint"
+
+on:
+  pull_request
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup node from node version file
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+      - name: Install correct npm version
+        run: npm install -g npm@^10
+      - name: Install dependencies
+        run: npm install
+      - name: Lint
+        run: npm run lint

.gitignore

@@ -36,3 +36,5 @@ yarn-error.log*
 next-env.d.ts
 
 .env
+
+*storybook.log

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.nvmrc

@@ -0,0 +1 @@
+v20.18.0

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "arrowParens": "avoid",
+  "printWidth": 80,
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all"
+}

.storybook/main.ts

@@ -0,0 +1,17 @@
+import type { StorybookConfig } from '@storybook/nextjs'
+
+const config: StorybookConfig = {
+  stories: ['../components/**/*.stories.@(ts|tsx)'],
+  addons: [
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+    '@storybook/addon-themes',
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {},
+  },
+  staticDirs: ['../public', { from: '../fonts', to: '/fonts' }],
+}
+export default config

.storybook/manager.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api'
+import { BaseTheme } from './theme'
+
+addons.setConfig({
+  theme: BaseTheme,
+})

.storybook/preview.tsx

@@ -0,0 +1,69 @@
+import type { Preview } from '@storybook/react'
+import { withThemeFromJSXProvider } from '@storybook/addon-themes'
+import { ThemeProvider } from 'styled-components'
+import { GlobalStyles } from '../styles/global-styles'
+import { themes } from '../styles/themes'
+
+const viewports = {
+  mobileSe: {
+    name: 'Mobile SE',
+    styles: {
+      width: '375px',
+      height: '844px',
+    },
+  },
+  mobileXr: {
+    name: 'Mobile',
+    styles: {
+      width: '414px',
+      height: '896px',
+    },
+  },
+  tablet: {
+    name: 'Tablet',
+    styles: {
+      width: '768px',
+      height: '1024px',
+    },
+  },
+  laptop: {
+    name: 'Laptop',
+    styles: {
+      width: '1280px',
+      height: '982px',
+    },
+  },
+  laptopWide: {
+    name: 'Laptop (Wide)',
+    styles: {
+      width: '1440px',
+      height: '1024px',
+    },
+  },
+}
+
+export const decorators = [
+  withThemeFromJSXProvider({
+    themes,
+    defaultTheme: 'light',
+    Provider: ThemeProvider,
+    GlobalStyles,
+  }),
+]
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: { disable: true },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    viewport: {
+      viewports,
+    }
+  },
+}
+
+export default preview

.storybook/theme.ts

@@ -0,0 +1,9 @@
+import { create } from '@storybook/theming'
+
+export const BaseTheme = create({
+  base: 'light',
+  brandTitle: 'Plastic Labs',
+  brandUrl: 'https://plasticlabs.ai/',
+  brandImage: 'http://localhost:6006/storybook-brand-asset.svg',
+  brandTarget: '_blank',
+})