corp homepage

src/corp/Home.vue

@@ -0,0 +1,61 @@
+<template>
+  <v-card rounded="0" border="0" elevation="0" class="maxw">
+    <v-card-title class="d-flex align-center">
+      <span class="arrow align-self-start"><v-icon icon="mdi-arrow-up-bold" :color="theme.colors.success"/></span>
+      <span class="logo">dexorder</span>
+    </v-card-title>
+    <v-card-subtitle class="pl-8 mx-auto">Advanced DeFi Orders</v-card-subtitle>
+<!--    <social class="ml-12"/>-->
+    <v-card-text>
+      Dexorder powers up your favorite DeFi exchanges with advanced order types!
+    </v-card-text>
+    <v-card-text>
+      <v-list>
+        <v-list-item><v-icon icon="mdi-ray-vertex" class="mr-2"/> Limit Orders <alpha/></v-list-item>
+        <v-list-item><v-icon icon="mdi-clock-outline" class="mr-2"/> DCA and TWAP Orders <soon/></v-list-item>
+        <v-list-item><v-icon icon="mdi-vector-line" class="mr-2"/> Diagonal Limit Orders <soon/></v-list-item>
+        <v-list-item><v-icon icon="mdi-chart-timeline-variant-shimmer" class="mr-2"/> Stop Loss / Take Profit <soon/></v-list-item>
+        <v-list-item><v-icon icon="mdi-format-list-checks" class="mr-2"/> One-Cancels-the-Other (OCO) Groups <soon/></v-list-item>
+        <v-list-item><v-icon icon="mdi-cancel" class="mr-2"/> One-Click Cancel All <soon/></v-list-item>
+        <v-list-item><v-icon icon="mdi-shimmer" class="mr-2"/> Custom Complex Orders <soon/></v-list-item>
+        <v-list-item>
+          <v-img src="https://upload.wikimedia.org/wikipedia/commons/e/e7/Uniswap_Logo.svg" width="1.3em"
+                 inline style="vertical-align: middle" class="mr-2"/>
+          Supports Uniswap v3 <alpha/>
+        </v-list-item>
+      </v-list>
+    </v-card-text>
+    <v-card-actions>
+      <v-btn prepend-icon="mdi-arrow-up-bold" color="primary" variant="tonal" text="Try the App" @click="openApp"/>
+      <v-btn prepend-icon="mdi-discord" variant="flat" text="Join Discord" @click="discord"/>
+      <v-btn prepend-icon="mdi-twitter" variant="flat" text="Follow on Twitter" @click="twitter"/>
+    </v-card-actions>
+  </v-card>
+</template>
+
+<script setup>
+import {useTheme} from "vuetify";
+import Alpha from "@/components/Alpha.vue";
+import Soon from "@/components/Soon.vue";
+
+const theme = useTheme().current
+
+function openApp() {
+  window.open('https://alpha.dexorder.trade/', 'dexorderapp')
+}
+
+function discord() {
+  window.open('https://discord.gg/fqp9JXXQyt','discord')
+}
+
+function twitter() {
+  window.open('https://twitter.com/Dexorder_trade', 'twitter')
+}
+
+</script>
+
+<style scoped lang="scss">
+.arrow {
+  font-size: 22px;
+}
+</style>