From 29b641021f87fec5e015d33ca81ccd4ac7860d64 Mon Sep 17 00:00:00 2001 From: Maxwell Barvian Date: Mon, 23 Dec 2024 12:02:31 -0800 Subject: [PATCH] Add logo wall to showcase --- site/src/assets/images/logos/clerk.svg | 6 +++++ site/src/assets/images/logos/dub.svg | 3 +++ site/src/assets/images/logos/intercom.svg | 11 ++++++++ site/src/assets/images/logos/midday.svg | 1 + .../src/assets/images/logos/supabase-dark.svg | 23 ++++++++++++++++ .../assets/images/logos/supabase-light.svg | 23 ++++++++++++++++ site/src/assets/images/logos/whop.svg | 26 +++++++++++++++++++ site/src/assets/images/logos/x.svg | 3 +++ site/src/components/LogoWall/LogoWall.astro | 19 ++++++++++++++ site/src/components/LogoWall/Wall.astro | 21 +++++++++++++++ site/src/pages/[...framework]/_Home.astro | 5 ++++ site/src/pages/showcase.astro | 6 +++-- site/tailwind.config.ts | 6 +++++ 13 files changed, 151 insertions(+), 2 deletions(-) create mode 100644 site/src/assets/images/logos/clerk.svg create mode 100644 site/src/assets/images/logos/dub.svg create mode 100644 site/src/assets/images/logos/intercom.svg create mode 100644 site/src/assets/images/logos/midday.svg create mode 100644 site/src/assets/images/logos/supabase-dark.svg create mode 100644 site/src/assets/images/logos/supabase-light.svg create mode 100644 site/src/assets/images/logos/whop.svg create mode 100644 site/src/assets/images/logos/x.svg create mode 100644 site/src/components/LogoWall/LogoWall.astro create mode 100644 site/src/components/LogoWall/Wall.astro diff --git a/site/src/assets/images/logos/clerk.svg b/site/src/assets/images/logos/clerk.svg new file mode 100644 index 0000000..554db2b --- /dev/null +++ b/site/src/assets/images/logos/clerk.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/site/src/assets/images/logos/dub.svg b/site/src/assets/images/logos/dub.svg new file mode 100644 index 0000000..fe6ad4f --- /dev/null +++ b/site/src/assets/images/logos/dub.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/images/logos/intercom.svg b/site/src/assets/images/logos/intercom.svg new file mode 100644 index 0000000..4f59082 --- /dev/null +++ b/site/src/assets/images/logos/intercom.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/site/src/assets/images/logos/midday.svg b/site/src/assets/images/logos/midday.svg new file mode 100644 index 0000000..bf33749 --- /dev/null +++ b/site/src/assets/images/logos/midday.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/site/src/assets/images/logos/supabase-dark.svg b/site/src/assets/images/logos/supabase-dark.svg new file mode 100644 index 0000000..1288041 --- /dev/null +++ b/site/src/assets/images/logos/supabase-dark.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/src/assets/images/logos/supabase-light.svg b/site/src/assets/images/logos/supabase-light.svg new file mode 100644 index 0000000..59209fb --- /dev/null +++ b/site/src/assets/images/logos/supabase-light.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/src/assets/images/logos/whop.svg b/site/src/assets/images/logos/whop.svg new file mode 100644 index 0000000..ec67b91 --- /dev/null +++ b/site/src/assets/images/logos/whop.svg @@ -0,0 +1,26 @@ + + + + + + + + + diff --git a/site/src/assets/images/logos/x.svg b/site/src/assets/images/logos/x.svg new file mode 100644 index 0000000..709582b --- /dev/null +++ b/site/src/assets/images/logos/x.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/components/LogoWall/LogoWall.astro b/site/src/components/LogoWall/LogoWall.astro new file mode 100644 index 0000000..6da7dcb --- /dev/null +++ b/site/src/components/LogoWall/LogoWall.astro @@ -0,0 +1,19 @@ +--- +import Wall from './Wall.astro' +import type { HTMLAttributes } from 'astro/types' + +type Props = HTMLAttributes<'div'> + +const { class: cls, ...props } = Astro.props +--- + +
+ +
+ + +
+
diff --git a/site/src/components/LogoWall/Wall.astro b/site/src/components/LogoWall/Wall.astro new file mode 100644 index 0000000..ff4bb9b --- /dev/null +++ b/site/src/components/LogoWall/Wall.astro @@ -0,0 +1,21 @@ +--- +import Intercom from '@/assets/images/logos/Intercom.svg' +import X from '@/assets/images/logos/x.svg' +import SupabaseDark from '@/assets/images/logos/supabase-dark.svg' +import SupabaseLight from '@/assets/images/logos/supabase-light.svg' +import Whop from '@/assets/images/logos/whop.svg' +import Clerk from '@/assets/images/logos/clerk.svg' +import Dub from '@/assets/images/logos/dub.svg' +import Midday from '@/assets/images/logos/midday.svg' +--- + +
+ + + + +
diff --git a/site/src/pages/[...framework]/_Home.astro b/site/src/pages/[...framework]/_Home.astro index 0c1ecec..9dafd36 100644 --- a/site/src/pages/[...framework]/_Home.astro +++ b/site/src/pages/[...framework]/_Home.astro @@ -1,4 +1,6 @@ --- +// import LogoWall from '@/components/LogoWall/LogoWall.astro' +// import Match from '@/components/Match.astro' import DocsLayout from '@/layouts/Docs.astro' import type { MDXLayoutProps } from 'astro' import Hero from './_Hero' @@ -15,6 +17,9 @@ const { sandbox, pkgName, componentType } = FRAMEWORKS[getFramework(Astro.params description={`A ${componentType} to animate numbers. Dependency-free. Accessible. Customizable.`} > +