Initial set up of the project using Nuxt 3 with nuxt-content

.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

README.md

@@ -0,0 +1,3 @@
+# Vewrite.com Marketing Site
+
+This is the marketing site for Vewrite, an integrated project management and talent marketplace for technical writing teams.

app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <NuxtPage />
+  </div>
+</template>

assets/_variables.scss

@@ -0,0 +1,86 @@
+/* Colors */
+$black: #171123;
+$black-dark: #080819;
+$black-light: #1f1c29;
+
+$white: #ffffff;
+$white-dark: #f1f0fb;
+$white-light: #f6f6fb;
+
+$blue: #6A7CBE;
+$blue-dark: #404AA4;
+$blue-light: #8AA1D2;
+
+$orange: #CAA466;
+$orange-dark: #B5803D;
+$orange-light: #f8e1b0;
+
+$green: #5B7D39;
+$green-dark: #374B22;
+$green-light: #76A34A;
+
+$purple: #8D00FB;
+$purple-dark: #7100c8;
+$purple-light: #a432fb;
+
+$red: #c25020;
+$red-dark: #a64319;
+$red-light: #d75d29;
+
+$mint: #C3D5AD;
+$mint-dark: #576d3c;
+$mint-light: #D5E2C6;
+
+$gray: #DBD7E1;
+$gray-dark: #CDC7D5;
+$gray-light: #E6E3EA;
+
+
+/* Fonts */
+$font-family-main: 'Roboto Sans', sans-serif;
+$font-family-secondary: 'Judson', serif;
+$font-size-xxs: 10px;
+$font-size-base: 12px;
+$font-size-xs: 12px;
+$font-size-sm: 14px;
+$font-size-md: 16px;
+$font-size-lg: 20px;
+$font-size-xl: 30px;
+$font-size-xxl: 50px;
+$font-size-max: 60px;
+$font-size-mega: 130px;
+
+$multiplier: 1.4;
+$multiplier-sm: 1.14;
+
+/* Border-radius */
+$br-xs: 0.1rem;
+$br-sm: 0.2rem;
+$br-md: 0.4rem;
+$br-lg: 0.8rem;
+$br-xl: 1.6rem;
+
+/* Spacing */
+$spacing-xxs: 0.3rem;
+$spacing-xs: .85rem;
+$spacing-sm: 1rem;
+$spacing-md: 2rem;
+$spacing-lg: 4rem;
+$spacing-xl: 8rem;
+$spacing-xxl: 16rem;
+
+/* Positioning */
+$p-desktop: 1rem;
+$p-tablet: 0.75rem;
+$p-mobile: 0.5rem;
+
+/* Widths */
+$width-sm: 30rem;
+$width-md: 50rem;
+$width-lg: 70rem;
+$width-xl: 90rem;
+
+/* Shadows */
+// $main-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 24px 24px rgba(0, 0, 0, 0.06);
+$main-shadow: 0px 3px 5px rgba($purple, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba($purple, 0.02);
+$main-shadow-up: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px -4px 4px rgba($purple, 0.02);