btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor(ui): introduce landing page + minor fixes

Browse Source
This commit is contained in:
liyasthomas
2021-07-19 18:42:33 +05:30
parent f1ad7b9ef5
commit 68c00433f5
17 changed files with 162 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
components/landing/Footer.vue
View File

@@ -1,25 +1,16 @@
<template>
<footer class="flex flex-col p-4">
<footer class="flex flex-col p-6">
<nav class="grid gap-4 grid-cols-2 md:grid-cols-4">
<div class="flex flex-col space-y-2">
<span>
<AppLogo class="h-8" />
</span>
<span class="font-bold"> Hoppscotch </span>
<SmartChangeLanguage />
<ul class="space-y-2">
<h4 class="font-semibold my-2">Hoppscotch</h4>
<ul class="space-y-4">
<li>
<SmartAnchor label="Terms" to="/about/terms" class="footer-nav" />
<SmartChangeLanguage />
</li>
<li>
<SmartAnchor
label="Privacy"
to="/about/privacy"
class="footer-nav"
/>
<SmartColorModePicker />
</li>
</ul>
<SmartColorModePicker />
</div>
<div class="flex flex-col space-y-2">
<h4 class="font-semibold my-2">Solutions</h4>
@@ -77,72 +68,84 @@ export default {
navigation: {
solutions: [
{
name: "SaaS",
link: "/settings",
name: "RESTful",
link: "/",
},
{
name: "Products",
link: "/settings",
name: "WebSocket",
link: "/realtime",
},
{
name: "Creators",
link: "/settings",
name: "SSE",
link: "/realtime",
},
{
name: "Developers",
link: "/settings",
name: "Socket.IO",
link: "/realtime",
},
{
name: "Finance",
link: "/settings",
name: "MQTT",
link: "/realtime",
},
{
name: "Enterprise",
link: "/settings",
name: "GraphQL",
link: "/graphql",
},
],
platform: [
{
name: "Payments",
link: "/settings",
name: "API Designing",
link: "/",
},
{
name: "Subscriptions",
link: "/settings",
name: "API Development",
link: "/",
},
{
name: "API",
link: "https://docs.kooli.tech/api",
name: "API Testing",
link: "/",
},
{
name: "Guides",
link: "https://docs.kooli.tech/guides",
name: "API Deployment",
link: "/",
},
{
name: "API Documentation",
link: "/documentation",
},
{
name: "Integrations",
link: "/",
},
],
company: [
{
name: "About",
link: "/about",
link: "/",
},
{
name: "Jobs",
link: "/about/jobs",
},
{
name: "Integrations",
link: "/about/integrations",
name: "Careers",
link: "/careers",
},
{
name: "Support",
link: "",
link: "/",
},
{
name: "Contact",
link: "/about/contact",
link: "/",
},
{
name: "Blog",
link: "https://blog.kooli.tech",
link: "https://blog.hoppscotch.io",
},
{
name: "Community",
link: "/",
},
{
name: "Open Source",
link: "https://github.com/hoppscotch",
},
],
},
@@ -153,6 +156,8 @@ export default {
<style lang="scss" scoped>
.footer-nav {
@apply text-xs;
&:hover,
&:focus {
@apply text-secondaryDark;