Feature/cartesilike landing page (#190)

* Landing Page v1.0 (#189)

* Landing Page v1.0

* Update 404.js

* fix: typo

* urls as env vars (#191)

---------
Author: Dimitar Angelkov <[email protected]>
Co-authored-by: Cláudio Silva

.gitignore

@@ -10,3 +10,4 @@ frontend/src/model/__generated__
 frontend/tsconfig.tsbuildinfo
 frontend/yarn.lock
 *.bin
+.vscode

landingpage/.env.development

@@ -0,0 +1,5 @@
+ROUTE_HOME = '/'
+ROUTE_APP = "https://bugbuster.app/"
+ROUTE_GITHUB = 'https://github.com/crypto-bug-hunters/bug-buster'
+ROUTE_X = 'https://x.com/BugBusterApp'
+ROUTE_TELEGRAM = 'https://t.me/+G_CPMEhCHC04MzA5'

landingpage/.gitignore

@@ -0,0 +1,4 @@
+.cache
+node_modules
+dist
+public

landingpage/.prettierignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

landingpage/.prettierrc

@@ -0,0 +1,17 @@
+{
+  "endOfLine": "lf",
+  "arrowParens": "avoid",
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "embeddedLanguageFormatting": "auto",
+  "htmlWhitespaceSensitivity": "css",
+  "jsxSingleQuote": true,
+  "printWidth": 80,
+  "proseWrap": "always",
+  "quoteProps": "as-needed",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "useTabs": false
+}

landingpage/README.md

@@ -0,0 +1,8 @@
+# Developing, Building and Running
+
+requires Node v18
+
+- `yarn` - Installs all required packages
+- `yarn dev` - Run in Development mode
+- `yarn build` - Build
+- `yarn serve` - Serve build

landingpage/gatsby-browser.js

@@ -0,0 +1,6 @@
+/**
+ * Implement Gatsby's Browser APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/browser-apis/
+ */
+import './src/assets/css/app.css';

landingpage/gatsby-config.js

@@ -0,0 +1,124 @@
+require('dotenv').config({
+  path: `../.env.${process.env.NODE_ENV}`,
+});
+
+module.exports = {
+  flags: {
+    DEV_SSR: true,
+  },
+  siteMetadata: {
+    title: `🪲 Bug Buster - A Trustless Bug Bounty Platform`,
+    description: `Bug Buster accepts software written in any major programming language. Through a friendly web interface, hackers can test their exploits right on the browser, without even having to sign Web3 transactions! Once the hacker finds a valid exploit, they can finally send a transaction requesting the reward to be transferred to their account. All major wallets are supported!`,
+    siteUrl: 'https://bugbuster.app/',
+    image: '/preview-image.webp',
+    author: `@bugbuster`,
+  },
+  plugins: [
+    // {
+    //   resolve: `gatsby-plugin-google-gtag`,
+    //   options: {
+    //     // You can add multiple tracking ids and a pageview event will be fired for all of them.
+    //     trackingIds: [
+    //       "UA-124332259-1", // Google Analytics / GA
+    //       "AW-10872160451", // Google Ads / Adwords / AW
+    //     ],
+    //     // This object gets passed directly to the gtag config command
+    //     // This config will be shared across all trackingIds
+    //     //gtagConfig: {
+    //     //  optimize_id: "OPT_CONTAINER_ID",
+    //     //  anonymize_ip: true,
+    //     //  cookie_expires: 0,
+    //     //},
+    //     // This object is used for configuration specific to this plugin
+    //     pluginConfig: {
+    //       // Puts tracking script in the head instead of the body
+    //       head: false,
+    //       // Setting this parameter is also optional
+    //       respectDNT: true,
+    //       // Avoids sending pageview hits from custom paths
+    //       //exclude: ["/preview/**", "/do-not-track/me/too/"],
+    //       // Defaults to https://www.googletagmanager.com
+    //       //origin: "YOUR_SELF_HOSTED_ORIGIN",
+    //     },
+    //   },
+    // },
+    // {
+    //   resolve: "gatsby-plugin-google-tagmanager",
+    //   options: {
+    //     id: "GTM-MS89D9K",
+    //     // Include GTM in development.
+    //     //
+    //     // Defaults to false meaning GTM will only be loaded in production.
+    //     includeInDevelopment: false,
+    //     // datalayer to be set before GTM is loaded
+    //     // should be an object or a function that is executed in the browser
+    //     //
+    //     // Defaults to null
+    //     defaultDataLayer: { platform: "gatsby" },
+    //     // Specify optional GTM environment details.
+    //     //gtmAuth: "YOUR_GOOGLE_TAGMANAGER_ENVIRONMENT_AUTH_STRING",
+    //     //gtmPreview: "YOUR_GOOGLE_TAGMANAGER_ENVIRONMENT_PREVIEW_NAME",
+    //     //dataLayerName: "YOUR_DATA_LAYER_NAME",
+    //     // Name of the event that is triggered
+    //     // on every Gatsby route change.
+    //     //
+    //     // Defaults to gatsby-route-change
+    //     routeChangeEventName: "cartesi-route-change",
+    //     // Defaults to false
+    //     enableWebVitalsTracking: true,
+    //     // Defaults to https://www.googletagmanager.com
+    //     //selfHostedOrigin: "YOUR_SELF_HOSTED_ORIGIN",
+    //   },
+    // },
+    `gatsby-plugin-react-helmet`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `images`,
+        path: `${__dirname}/src/assets/images`,
+      },
+    },
+    `gatsby-plugin-image`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `images`,
+        path: `./src/assets/images/`,
+      },
+    },
+    `gatsby-transformer-sharp`,
+    {
+      resolve: `gatsby-plugin-sharp`,
+      options: {
+        defaults: {
+          quality: 90,
+        },
+      },
+    },
+    {
+      resolve: `gatsby-plugin-manifest`,
+      options: {
+        name: `Cartesi`,
+        short_name: `Cartesi`,
+        start_url: `/`,
+        background_color: `#1E1941`,
+        theme_color: `#FFFAE6`,
+        display: `standalone`,
+        icon: `src/assets/images/favicon.svg`,
+        icon_options: {
+          purpose: `any`,
+        },
+      },
+    },
+    'gatsby-plugin-postcss',
+    `gatsby-plugin-sitemap`,
+    {
+      resolve: 'gatsby-plugin-robots-txt',
+      options: {
+        host: 'https://bugbuster.app/',
+        sitemap: 'https://bugbuster.app/sitemap.xml',
+        policy: [{ userAgent: '*', allow: '/' }],
+      },
+    },
+  ],
+};

landingpage/gatsby-node.js

@@ -0,0 +1 @@
+const path = require("path");

landingpage/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "landingpage",
+  "private": true,
+  "description": "",
+  "version": "0.1.0",
+  "scripts": {
+    "empty-cache": "gatsby clean",
+    "start": "gatsby clean && gatsby develop",
+    "develop": "gatsby develop",
+    "build": "gatsby build",
+    "serve": "gatsby serve",
+    "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
+    "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
+  },
+  "dependencies": {
+    "@loadable/component": "^5.16.4",
+    "@portabletext/react": "3.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.5",
+    "@radix-ui/react-select": "^1.2.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "class-variance-authority": "^0.6.1",
+    "clsx": "^1.2.1",
+    "dotenv": "^16.0.0",
+    "framer-motion": "^10.12.17",
+    "gatsby": "^5.0.0",
+    "gatsby-plugin-anchor-links": "^1.2.1",
+    "gatsby-plugin-google-gtag": "^5.11.0",
+    "gatsby-plugin-google-tagmanager": "^5.11.0",
+    "gatsby-plugin-image": "^3.11.0",
+    "gatsby-plugin-intl": "^5.10.0",
+    "gatsby-plugin-manifest": "^5.11.0",
+    "gatsby-plugin-react-helmet": "^6.11.0",
+    "gatsby-plugin-robots-txt": "^1.8.0",
+    "gatsby-plugin-postcss": "^6.13.1",
+    "gatsby-plugin-sharp": "^5.11.0",
+    "gatsby-plugin-sitemap": "^6.11.0",
+    "gatsby-plugin-transition-link": "^1.20.5",
+    "gatsby-source-filesystem": "^5.11.0",
+    "gatsby-transformer-sharp": "^5.11.0",
+    "localforage": "^1.10.0",
+    "lucide-react": "^0.257.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0",
+    "react-tooltip": "^5.26.3",
+    "smooth-scroll": "^16.1.3",
+    "styled-components": "^6.0.3",
+    "swiper": "^9.4.1",
+    "tailwind-merge": "^1.13.2",
+    "tailwindcss-animate": "^1.0.6",
+    "usehooks-ts": "^3.1.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.17.5",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
+    "@types/node": "^20.3.3",
+    "@types/qs": "^6.9.7",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "autoprefixer": "^10.4.14",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^8.43.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.27.5",
+    "path": "^0.12.7",
+    "postcss": "^8.4.24",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "sharp": "^0.30.2",
+    "tailwindcss": "^3.3.2",
+    "typescript": "^5.1.6"
+  },
+  "keywords": [
+    "gatsby"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gatsbyjs/gatsby-starter-default"
+  },
+  "bugs": {
+    "url": "https://github.com/gatsbyjs/gatsby/issues"
+  },
+  "packageManager": "[email protected]"
+}

landingpage/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

landingpage/prettier.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  tailwindConfig: "./tailwind.config.js",
+};