diff --git a/landing/assets/scss/main.scss b/landing/assets/scss/main.scss index b02778b..2df4c93 100644 --- a/landing/assets/scss/main.scss +++ b/landing/assets/scss/main.scss @@ -9,8 +9,7 @@ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); - -// @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"); +@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap'); .fas, .far, @@ -22,6 +21,10 @@ font-family: "Font Awesome 6 Brands" !important; } +.inconsolata { + font-family: "Inconsolata" !important; +} + .brockmann { font-family: "Brockmann" !important; } diff --git a/landing/components/Analyst.vue b/landing/components/Analyst.vue new file mode 100644 index 0000000..5061496 --- /dev/null +++ b/landing/components/Analyst.vue @@ -0,0 +1,28 @@ + + + diff --git a/landing/components/Code.vue b/landing/components/Code.vue new file mode 100644 index 0000000..0c78891 --- /dev/null +++ b/landing/components/Code.vue @@ -0,0 +1,53 @@ + + + \ No newline at end of file diff --git a/landing/components/Globe.vue b/landing/components/Globe.vue new file mode 100644 index 0000000..b57ad9e --- /dev/null +++ b/landing/components/Globe.vue @@ -0,0 +1,552 @@ + + + \ No newline at end of file diff --git a/landing/components/MainCard.vue b/landing/components/MainCard.vue new file mode 100644 index 0000000..e1e29f4 --- /dev/null +++ b/landing/components/MainCard.vue @@ -0,0 +1,9 @@ + + + \ No newline at end of file diff --git a/landing/components/OpenSource.vue b/landing/components/OpenSource.vue new file mode 100644 index 0000000..eaabfd2 --- /dev/null +++ b/landing/components/OpenSource.vue @@ -0,0 +1,83 @@ + + + + + + + \ No newline at end of file diff --git a/landing/composables/useTextWriter.ts b/landing/composables/useTextWriter.ts new file mode 100644 index 0000000..e869db5 --- /dev/null +++ b/landing/composables/useTextWriter.ts @@ -0,0 +1,49 @@ + + + +export function useTextWriter() { + const text = ref(""); + + const queue: string[] = []; + let currentQueueIndex = 0; + + let totalText: string; + let interval: any; + + function start(ms: number, msBeforeText: number) { + const currentQueueText = queue[currentQueueIndex]; + totalText = currentQueueText; + stop(); + text.value = ''; + interval = setInterval(() => { + const nextLen = text.value.length + 1; + text.value = totalText.substring(0, nextLen); + if (text.value.length >= totalText.length) { + currentQueueIndex++; + if (currentQueueIndex > queue.length - 1) { + currentQueueIndex = 0; + } + stop(); + setTimeout(() => { + start(ms, msBeforeText); + }, msBeforeText) + } + }, ms); + } + + function addToQueue(newText: string) { + queue.push(newText); + } + + function stop() { + if (interval) clearInterval(interval); + } + + onUnmounted(() => { + stop(); + }) + + return { + currentText: text, addToQueue, start, stop + } +} \ No newline at end of file diff --git a/landing/layouts/header.vue b/landing/layouts/header.vue index c785f05..7a586e5 100644 --- a/landing/layouts/header.vue +++ b/landing/layouts/header.vue @@ -22,7 +22,7 @@ nuxtApp.hook("page:finish", () => { -
+
@@ -36,8 +36,8 @@ nuxtApp.hook("page:finish", () => { Live demo Docs Pricing - GitHub + GitHub +
{
-
+
@@ -119,14 +119,11 @@ nuxtApp.hook("page:finish", () => {
-
- Made with ❤ in Italy -
+ class="border-t-[1px] border-accent/40 mt-20 flex h-fit py-12 w-full justify-between footer flex-col lg:flex-row lg:px-[8rem] relative z-[20]"> -
+
@@ -134,15 +131,24 @@ nuxtApp.hook("page:finish", () => {
-
+
- +
+ + + + + + +
-