From d522a3c82e4e0db3c3f9371cb82766694f876d28 Mon Sep 17 00:00:00 2001 From: MaanavD Date: Tue, 19 Mar 2024 13:48:58 -0700 Subject: [PATCH 1/6] Large UX updates, replaced banner. --- package.json | 4 +- src/app.html | 95 ++++++ .../InfiniteMovingCards.svelte | 80 +++++ .../InfiniteMovingCards.ts | 3 + src/lib/utils/cn.ts | 6 + src/routes/+layout.svelte | 2 - src/routes/+page.svelte | 19 +- src/routes/components/analytics.svelte | 84 ----- src/routes/components/customers.svelte | 322 +++++++++++------- src/routes/components/hero.svelte | 8 +- src/routes/testimonials/+page.svelte | 12 + tailwind.config.js | 27 +- 12 files changed, 425 insertions(+), 237 deletions(-) create mode 100644 src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.svelte create mode 100644 src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.ts create mode 100644 src/lib/utils/cn.ts delete mode 100644 src/routes/components/analytics.svelte diff --git a/package.json b/package.json index aa19ae266aeef..683971995f411 100644 --- a/package.json +++ b/package.json @@ -47,10 +47,12 @@ "type": "module", "dependencies": { "animejs": "^3.2.1", + "clsx": "^2.1.0", "mdsvex-relative-images": "^1.0.3", - "saos": "^1.3.1", "svelte-icons": "^2.1.0", + "svelte-motion": "^0.12.2", "sveltejs-adapter-ipfs": "^0.4.12", + "tailwind-merge": "^2.2.2", "theme-change": "^2.5.0" } } diff --git a/src/app.html b/src/app.html index 94ce373d1071d..bd0ae00aded20 100644 --- a/src/app.html +++ b/src/app.html @@ -3,10 +3,105 @@ + %sveltekit.head% + + + + + + + +
%sveltekit.body%
+ diff --git a/src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.svelte b/src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.svelte new file mode 100644 index 0000000000000..2c27780a4a02d --- /dev/null +++ b/src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.svelte @@ -0,0 +1,80 @@ + + +
+ +
diff --git a/src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.ts b/src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.ts new file mode 100644 index 0000000000000..13257fbe0fea2 --- /dev/null +++ b/src/lib/components/ui/InfiniteMovingCards/InfiniteMovingCards.ts @@ -0,0 +1,3 @@ +import InfiniteMovingCards from './InfiniteMovingCards.svelte'; + +export { InfiniteMovingCards }; \ No newline at end of file diff --git a/src/lib/utils/cn.ts b/src/lib/utils/cn.ts new file mode 100644 index 0000000000000..cca3fca922d42 --- /dev/null +++ b/src/lib/utils/cn.ts @@ -0,0 +1,6 @@ +import { type ClassValue, clsx } from 'clsx'; +import { twMerge } from 'tailwind-merge'; + +export function cn(...inputs: ClassValue[]) { + return twMerge(clsx(inputs)); +} \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 2fb5d7fa77ce3..1bea1dcf2e100 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -4,7 +4,6 @@ import Footer from './components/footer.svelte'; import oneLight from 'svelte-highlight/styles/one-light'; import { fade } from 'svelte/transition'; - import Analytics from './components/analytics.svelte'; import { page } from '$app/stores'; export let data; @@ -42,7 +41,6 @@ -
{#if !$page.url.pathname.startsWith('/blogs/')}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0a3982882a51c..967e792fbab9d 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -10,7 +10,6 @@ import IoIosClose from 'svelte-icons/io/IoIosClose.svelte'; import { onMount } from 'svelte'; import anime from 'animejs'; - import Saos from 'saos'; let removetoast = (e: any) => { e.target.parentNode.parentNode.remove(); @@ -49,20 +48,10 @@ - - - - - - - - - - - - - - + + + +