From 7658c998ac4bc857576990dc0d22ad893b91f4f6 Mon Sep 17 00:00:00 2001 From: Darius Cepulis Date: Fri, 27 Mar 2026 16:52:14 -0500 Subject: [PATCH] refactor(site): reorganize SVG assets into assets/icons and assets/logos (#1138) Co-authored-by: Claude Opus 4.6 (1M context) --- site/astro.config.mjs | 3 + .../{components => assets}/icons/arrow.svg | 0 .../{components => assets}/icons/check.svg | 0 .../{components => assets}/icons/computer.svg | 0 .../copy-icon.svg => assets/icons/copy.svg} | 0 .../icons/dial-inner.svg | 10 +- site/src/assets/icons/dial-outer.svg | 7 + .../icons/dropdown-arrow.svg | 0 .../src/{components => assets}/icons/moon.svg | 0 site/src/{components => assets}/icons/sun.svg | 0 .../icons/triangle-arrow.svg | 0 site/src/assets/logos/adobe.svg | 3 + site/src/assets/logos/amazon.svg | 3 + site/src/assets/logos/awge.svg | 3 + .../sponsors => assets/logos}/brightcove.svg | 0 .../logos}/browserstack.svg | 0 site/src/assets/logos/cnn.svg | 3 + site/src/assets/logos/consumer-reports.svg | 3 + site/src/assets/logos/coursera.svg | 3 + .../icons => assets/logos}/discord.svg | 0 site/src/assets/logos/dropbox.svg | 5 + .../sponsors => assets/logos}/fastly.svg | 0 .../icons => assets/logos}/github.svg | 0 site/src/assets/logos/linkedin.svg | 3 + .../logos/mux-small.svg} | 0 .../mux-logo.svg => assets/logos/mux.svg} | 0 .../sponsors => assets/logos}/netlify.svg | 0 site/src/assets/logos/sap.svg | 3 + site/src/assets/logos/the-onion.svg | 3 + site/src/assets/logos/udemy.svg | 3 + .../logos/videojs-mono.svg} | 0 .../logos/videojs-v10.svg} | 0 .../logo.svg => assets/logos/videojs.svg} | 0 site/src/assets/logos/zoom.svg | 3 + site/src/components/DialNav.tsx | 62 ++--- site/src/components/Footer.astro | 6 +- site/src/components/FooterDocs.astro | 6 +- site/src/components/NavBar/MobileNav.tsx | 13 +- site/src/components/NavBar/NavBar.astro | 20 +- site/src/components/NavBar/NavBarDocs.astro | 22 +- site/src/components/Select.tsx | 4 +- site/src/components/Tabs.tsx | 4 +- site/src/components/ThemeToggle.tsx | 6 +- site/src/components/docs/SidebarItem.astro | 2 +- site/src/components/home/Built/Marquee.astro | 2 +- .../components/home/Built/SocialProof.astro | 28 +-- .../components/home/GetStartedBanner.astro | 2 +- site/src/components/home/Header.astro | 9 +- site/src/components/home/Roadmap.astro | 2 +- site/src/components/home/Sponsors.astro | 10 +- .../src/components/icons/SocialProofLogos.tsx | 233 ------------------ site/src/components/icons/dial-outer.svg | 7 - 52 files changed, 156 insertions(+), 340 deletions(-) rename site/src/{components => assets}/icons/arrow.svg (100%) rename site/src/{components => assets}/icons/check.svg (100%) rename site/src/{components => assets}/icons/computer.svg (100%) rename site/src/{components/icons/copy-icon.svg => assets/icons/copy.svg} (100%) rename site/src/{components => assets}/icons/dial-inner.svg (53%) create mode 100644 site/src/assets/icons/dial-outer.svg rename site/src/{components => assets}/icons/dropdown-arrow.svg (100%) rename site/src/{components => assets}/icons/moon.svg (100%) rename site/src/{components => assets}/icons/sun.svg (100%) rename site/src/{components => assets}/icons/triangle-arrow.svg (100%) create mode 100644 site/src/assets/logos/adobe.svg create mode 100644 site/src/assets/logos/amazon.svg create mode 100644 site/src/assets/logos/awge.svg rename site/src/{components/icons/sponsors => assets/logos}/brightcove.svg (100%) rename site/src/{components/icons/sponsors => assets/logos}/browserstack.svg (100%) create mode 100644 site/src/assets/logos/cnn.svg create mode 100644 site/src/assets/logos/consumer-reports.svg create mode 100644 site/src/assets/logos/coursera.svg rename site/src/{components/icons => assets/logos}/discord.svg (100%) create mode 100644 site/src/assets/logos/dropbox.svg rename site/src/{components/icons/sponsors => assets/logos}/fastly.svg (100%) rename site/src/{components/icons => assets/logos}/github.svg (100%) create mode 100644 site/src/assets/logos/linkedin.svg rename site/src/{components/icons/mux-logo-small.svg => assets/logos/mux-small.svg} (100%) rename site/src/{components/icons/mux-logo.svg => assets/logos/mux.svg} (100%) rename site/src/{components/icons/sponsors => assets/logos}/netlify.svg (100%) create mode 100644 site/src/assets/logos/sap.svg create mode 100644 site/src/assets/logos/the-onion.svg create mode 100644 site/src/assets/logos/udemy.svg rename site/src/{components/icons/logo-mono.svg => assets/logos/videojs-mono.svg} (100%) rename site/src/{components/icons/logo-docs.svg => assets/logos/videojs-v10.svg} (100%) rename site/src/{components/icons/logo.svg => assets/logos/videojs.svg} (100%) create mode 100644 site/src/assets/logos/zoom.svg delete mode 100644 site/src/components/icons/SocialProofLogos.tsx delete mode 100644 site/src/components/icons/dial-outer.svg diff --git a/site/astro.config.mjs b/site/astro.config.mjs index 7ce1b375..c85d5604 100644 --- a/site/astro.config.mjs +++ b/site/astro.config.mjs @@ -115,6 +115,9 @@ export default defineConfig({ }, vite: { + // SVG → React component transform. We use SVGR instead of Astro's + // experimental svg feature because: (1) React islands need React + // components, and (2) SVGR runs SVGO for automatic SVG optimization. plugins: [tailwindcss(), svgr()], optimizeDeps: { exclude: ['@videojs/react', '@videojs/html'], diff --git a/site/src/components/icons/arrow.svg b/site/src/assets/icons/arrow.svg similarity index 100% rename from site/src/components/icons/arrow.svg rename to site/src/assets/icons/arrow.svg diff --git a/site/src/components/icons/check.svg b/site/src/assets/icons/check.svg similarity index 100% rename from site/src/components/icons/check.svg rename to site/src/assets/icons/check.svg diff --git a/site/src/components/icons/computer.svg b/site/src/assets/icons/computer.svg similarity index 100% rename from site/src/components/icons/computer.svg rename to site/src/assets/icons/computer.svg diff --git a/site/src/components/icons/copy-icon.svg b/site/src/assets/icons/copy.svg similarity index 100% rename from site/src/components/icons/copy-icon.svg rename to site/src/assets/icons/copy.svg diff --git a/site/src/components/icons/dial-inner.svg b/site/src/assets/icons/dial-inner.svg similarity index 53% rename from site/src/components/icons/dial-inner.svg rename to site/src/assets/icons/dial-inner.svg index ccb35f64..473fbd7a 100644 --- a/site/src/components/icons/dial-inner.svg +++ b/site/src/assets/icons/dial-inner.svg @@ -1,7 +1,7 @@ - - - - - + + + + + diff --git a/site/src/assets/icons/dial-outer.svg b/site/src/assets/icons/dial-outer.svg new file mode 100644 index 00000000..19c903e5 --- /dev/null +++ b/site/src/assets/icons/dial-outer.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/site/src/components/icons/dropdown-arrow.svg b/site/src/assets/icons/dropdown-arrow.svg similarity index 100% rename from site/src/components/icons/dropdown-arrow.svg rename to site/src/assets/icons/dropdown-arrow.svg diff --git a/site/src/components/icons/moon.svg b/site/src/assets/icons/moon.svg similarity index 100% rename from site/src/components/icons/moon.svg rename to site/src/assets/icons/moon.svg diff --git a/site/src/components/icons/sun.svg b/site/src/assets/icons/sun.svg similarity index 100% rename from site/src/components/icons/sun.svg rename to site/src/assets/icons/sun.svg diff --git a/site/src/components/icons/triangle-arrow.svg b/site/src/assets/icons/triangle-arrow.svg similarity index 100% rename from site/src/components/icons/triangle-arrow.svg rename to site/src/assets/icons/triangle-arrow.svg diff --git a/site/src/assets/logos/adobe.svg b/site/src/assets/logos/adobe.svg new file mode 100644 index 00000000..e06037c7 --- /dev/null +++ b/site/src/assets/logos/adobe.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/logos/amazon.svg b/site/src/assets/logos/amazon.svg new file mode 100644 index 00000000..7e68126d --- /dev/null +++ b/site/src/assets/logos/amazon.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/logos/awge.svg b/site/src/assets/logos/awge.svg new file mode 100644 index 00000000..4767fed2 --- /dev/null +++ b/site/src/assets/logos/awge.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/components/icons/sponsors/brightcove.svg b/site/src/assets/logos/brightcove.svg similarity index 100% rename from site/src/components/icons/sponsors/brightcove.svg rename to site/src/assets/logos/brightcove.svg diff --git a/site/src/components/icons/sponsors/browserstack.svg b/site/src/assets/logos/browserstack.svg similarity index 100% rename from site/src/components/icons/sponsors/browserstack.svg rename to site/src/assets/logos/browserstack.svg diff --git a/site/src/assets/logos/cnn.svg b/site/src/assets/logos/cnn.svg new file mode 100644 index 00000000..fddd3887 --- /dev/null +++ b/site/src/assets/logos/cnn.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/logos/consumer-reports.svg b/site/src/assets/logos/consumer-reports.svg new file mode 100644 index 00000000..432b46f5 --- /dev/null +++ b/site/src/assets/logos/consumer-reports.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/logos/coursera.svg b/site/src/assets/logos/coursera.svg new file mode 100644 index 00000000..7c829b63 --- /dev/null +++ b/site/src/assets/logos/coursera.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/components/icons/discord.svg b/site/src/assets/logos/discord.svg similarity index 100% rename from site/src/components/icons/discord.svg rename to site/src/assets/logos/discord.svg diff --git a/site/src/assets/logos/dropbox.svg b/site/src/assets/logos/dropbox.svg new file mode 100644 index 00000000..8ded6cf0 --- /dev/null +++ b/site/src/assets/logos/dropbox.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/site/src/components/icons/sponsors/fastly.svg b/site/src/assets/logos/fastly.svg similarity index 100% rename from site/src/components/icons/sponsors/fastly.svg rename to site/src/assets/logos/fastly.svg diff --git a/site/src/components/icons/github.svg b/site/src/assets/logos/github.svg similarity index 100% rename from site/src/components/icons/github.svg rename to site/src/assets/logos/github.svg diff --git a/site/src/assets/logos/linkedin.svg b/site/src/assets/logos/linkedin.svg new file mode 100644 index 00000000..c6163f07 --- /dev/null +++ b/site/src/assets/logos/linkedin.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/components/icons/mux-logo-small.svg b/site/src/assets/logos/mux-small.svg similarity index 100% rename from site/src/components/icons/mux-logo-small.svg rename to site/src/assets/logos/mux-small.svg diff --git a/site/src/components/icons/mux-logo.svg b/site/src/assets/logos/mux.svg similarity index 100% rename from site/src/components/icons/mux-logo.svg rename to site/src/assets/logos/mux.svg diff --git a/site/src/components/icons/sponsors/netlify.svg b/site/src/assets/logos/netlify.svg similarity index 100% rename from site/src/components/icons/sponsors/netlify.svg rename to site/src/assets/logos/netlify.svg diff --git a/site/src/assets/logos/sap.svg b/site/src/assets/logos/sap.svg new file mode 100644 index 00000000..bf9105c2 --- /dev/null +++ b/site/src/assets/logos/sap.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/logos/the-onion.svg b/site/src/assets/logos/the-onion.svg new file mode 100644 index 00000000..b71b7235 --- /dev/null +++ b/site/src/assets/logos/the-onion.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/assets/logos/udemy.svg b/site/src/assets/logos/udemy.svg new file mode 100644 index 00000000..7a2c1121 --- /dev/null +++ b/site/src/assets/logos/udemy.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/components/icons/logo-mono.svg b/site/src/assets/logos/videojs-mono.svg similarity index 100% rename from site/src/components/icons/logo-mono.svg rename to site/src/assets/logos/videojs-mono.svg diff --git a/site/src/components/icons/logo-docs.svg b/site/src/assets/logos/videojs-v10.svg similarity index 100% rename from site/src/components/icons/logo-docs.svg rename to site/src/assets/logos/videojs-v10.svg diff --git a/site/src/components/icons/logo.svg b/site/src/assets/logos/videojs.svg similarity index 100% rename from site/src/components/icons/logo.svg rename to site/src/assets/logos/videojs.svg diff --git a/site/src/assets/logos/zoom.svg b/site/src/assets/logos/zoom.svg new file mode 100644 index 00000000..61a42536 --- /dev/null +++ b/site/src/assets/logos/zoom.svg @@ -0,0 +1,3 @@ + + + diff --git a/site/src/components/DialNav.tsx b/site/src/components/DialNav.tsx index 559461c4..09a16edc 100644 --- a/site/src/components/DialNav.tsx +++ b/site/src/components/DialNav.tsx @@ -1,7 +1,7 @@ import clsx from 'clsx'; import { useRef, useState } from 'react'; -import DialInner from '@/components/icons/dial-inner.svg?react'; -import DialOuter from '@/components/icons/dial-outer.svg?react'; +import DialInner from '@/assets/icons/dial-inner.svg?react'; +import DialOuter from '@/assets/icons/dial-outer.svg?react'; import GetStartedLink from '@/components/NavBar/GetStartedLink'; type Link = { href: string; label: string; angle: number }; @@ -37,13 +37,7 @@ export default function DialNav({ left, right }: DialNavProps) { }; } - // design - const needleStyle: React.CSSProperties = { - transformBox: 'view-box', - transformOrigin: '50% 50%', - transition: `transform ${TRANSITION_MS}ms cubic-bezier(0.4, 0, 0.2, 1)`, - transform: activeAngle !== null ? `rotate(${activeAngle}deg)` : undefined, - }; + const DialTag = left[0].href === '/docs' ? GetStartedLink : 'a'; return (
@@ -71,34 +65,28 @@ export default function DialNav({ left, right }: DialNavProps) { })}
- {left[0].href === '/docs' ? ( - handleClick(e, left[0])} - className="w-20 h-20 md:w-32 md:h-32 shrink-0 relative z-10 text-manila-light dark:text-faded-black" - > - - - - ) : ( - handleClick(e, left[0])} - className="w-20 h-20 md:w-32 md:h-32 shrink-0 relative z-10 text-manila-light dark:text-faded-black" - > - - - - )} + handleClick(e, left[0])} + className="w-20 h-20 md:w-32 md:h-32 shrink-0 relative z-10 text-faded-black dark:text-manila-light [--fill:var(--color-manila-light)] dark:[--fill:var(--color-faded-black)]" + > + + +
{right.map((link) => { diff --git a/site/src/components/Footer.astro b/site/src/components/Footer.astro index 098d91a3..885f243e 100644 --- a/site/src/components/Footer.astro +++ b/site/src/components/Footer.astro @@ -1,9 +1,9 @@ --- import { ArrowUpRight } from 'lucide-react'; +import Discord from '@/assets/logos/discord.svg?react'; +import GitHub from '@/assets/logos/github.svg?react'; +import LogoMonoVersion from '@/assets/logos/videojs-mono.svg?react'; import { DISCORD_INVITE_URL, GITHUB_REPO_URL, MUX_URL } from '@/consts'; -import Discord from './icons/discord.svg?react'; -import GitHub from './icons/github.svg?react'; -import LogoMonoVersion from './icons/logo-mono.svg?react'; import GetStartedLink from './NavBar/GetStartedLink'; import { ThemeToggle } from './ThemeToggle'; diff --git a/site/src/components/FooterDocs.astro b/site/src/components/FooterDocs.astro index 61beb222..e7d65b26 100644 --- a/site/src/components/FooterDocs.astro +++ b/site/src/components/FooterDocs.astro @@ -1,9 +1,9 @@ --- import { ArrowUpRight } from 'lucide-react'; +import Discord from '@/assets/logos/discord.svg?react'; +import GitHub from '@/assets/logos/github.svg?react'; +import LogoMonoVersion from '@/assets/logos/videojs-mono.svg?react'; import { DISCORD_INVITE_URL, GITHUB_REPO_URL, MUX_URL } from '@/consts'; -import Discord from './icons/discord.svg?react'; -import GitHub from './icons/github.svg?react'; -import LogoMonoVersion from './icons/logo-mono.svg?react'; import GetStartedLink from './NavBar/GetStartedLink'; import { ThemeToggle } from './ThemeToggle'; diff --git a/site/src/components/NavBar/MobileNav.tsx b/site/src/components/NavBar/MobileNav.tsx index 6ffe6007..ae9a0cf6 100644 --- a/site/src/components/NavBar/MobileNav.tsx +++ b/site/src/components/NavBar/MobileNav.tsx @@ -1,8 +1,8 @@ import { Dialog } from '@base-ui/react/dialog'; import clsx from 'clsx'; import { ArrowUpRight } from 'lucide-react'; +import Logo from '@/assets/logos/videojs.svg?react'; import { DISCORD_INVITE_URL, GITHUB_REPO_URL } from '@/consts'; -import Logo from '../icons/logo.svg?react'; import GetStartedLink from './GetStartedLink'; interface NavLink { @@ -49,7 +49,16 @@ export default function MobileNav({ navLinks, currentPath, children }: MobileNav {/* Header with close button */}
Navigation - + + + Video.js video player + + v10 beta + + - - + + + Video.js video player + {/* Desktop nav links */} diff --git a/site/src/components/NavBar/NavBarDocs.astro b/site/src/components/NavBar/NavBarDocs.astro index 3dcb391c..32e803e6 100644 --- a/site/src/components/NavBar/NavBarDocs.astro +++ b/site/src/components/NavBar/NavBarDocs.astro @@ -1,9 +1,9 @@ --- import clsx from 'clsx'; import { ArrowUpRight } from 'lucide-react'; -import Discord from '@/components/icons/discord.svg?react'; -import GitHub from '@/components/icons/github.svg?react'; -import LogoDocs from '@/components/icons/logo-docs.svg?react'; +import Discord from '@/assets/logos/discord.svg?react'; +import GitHub from '@/assets/logos/github.svg?react'; +import Logo from '@/assets/logos/videojs.svg?react'; import Search from '@/components/Search'; import { DISCORD_INVITE_URL, GITHUB_REPO_URL } from '@/consts'; import GetStartedLink from './GetStartedLink'; @@ -37,10 +37,18 @@ const { class: className } = Astro.props; ]} style="height:var(--nav-h)" > - -
- -
+ + + Video.js video player + + v10 + + {/* Desktop nav links */} diff --git a/site/src/components/Select.tsx b/site/src/components/Select.tsx index bced7152..9a0b6476 100644 --- a/site/src/components/Select.tsx +++ b/site/src/components/Select.tsx @@ -1,7 +1,7 @@ import { Select as BaseSelect } from '@base-ui/react/select'; import clsx from 'clsx'; -import Check from '@/components/icons/check.svg?react'; -import DropdownArrow from '@/components/icons/dropdown-arrow.svg?react'; +import Check from '@/assets/icons/check.svg?react'; +import DropdownArrow from '@/assets/icons/dropdown-arrow.svg?react'; import { twMerge } from '@/utils/twMerge'; export interface SelectOption { diff --git a/site/src/components/Tabs.tsx b/site/src/components/Tabs.tsx index a4be72b7..e00fcd5d 100644 --- a/site/src/components/Tabs.tsx +++ b/site/src/components/Tabs.tsx @@ -18,12 +18,10 @@ import clsx from 'clsx'; import { Check } from 'lucide-react'; import { useEffect, useRef, useState } from 'react'; +import CopyIcon from '@/assets/icons/copy.svg?react'; import { twMerge } from '@/utils/twMerge'; - import useIsHydrated from '@/utils/useIsHydrated'; - import CopyButton from './CopyButton'; -import CopyIcon from './icons/copy-icon.svg?react'; export type TabsVariant = 'expanded' | 'compact'; diff --git a/site/src/components/ThemeToggle.tsx b/site/src/components/ThemeToggle.tsx index c6a05301..65ef3604 100644 --- a/site/src/components/ThemeToggle.tsx +++ b/site/src/components/ThemeToggle.tsx @@ -1,8 +1,8 @@ import { useEffect, useState } from 'react'; +import Computer from '@/assets/icons/computer.svg?react'; +import Moon from '@/assets/icons/moon.svg?react'; +import Sun from '@/assets/icons/sun.svg?react'; import { THEME_KEY } from '@/consts'; -import Computer from './icons/computer.svg?react'; -import Moon from './icons/moon.svg?react'; -import Sun from './icons/sun.svg?react'; import ToggleGroup from './ToggleGroup'; type Preference = 'system' | 'light' | 'dark'; diff --git a/site/src/components/docs/SidebarItem.astro b/site/src/components/docs/SidebarItem.astro index 40aefe87..8bec1f49 100644 --- a/site/src/components/docs/SidebarItem.astro +++ b/site/src/components/docs/SidebarItem.astro @@ -1,6 +1,6 @@ --- import GithubSlugger from 'github-slugger'; -import DropdownIcon from '@/components/icons/dropdown-arrow.svg?react'; +import DropdownIcon from '@/assets/icons/dropdown-arrow.svg?react'; import type { Guide, Section, SupportedFramework } from '@/types/docs'; import { isSection } from '@/types/docs'; diff --git a/site/src/components/home/Built/Marquee.astro b/site/src/components/home/Built/Marquee.astro index 3b2f5d14..6534903c 100644 --- a/site/src/components/home/Built/Marquee.astro +++ b/site/src/components/home/Built/Marquee.astro @@ -1,5 +1,5 @@ --- -import TriangleArrow from '../../icons/triangle-arrow.svg?react'; +import TriangleArrow from '@/assets/icons/triangle-arrow.svg?react'; const REPEAT_COUNT = 4; const items = Array.from({ length: REPEAT_COUNT }); diff --git a/site/src/components/home/Built/SocialProof.astro b/site/src/components/home/Built/SocialProof.astro index 99d164e9..547d09c9 100644 --- a/site/src/components/home/Built/SocialProof.astro +++ b/site/src/components/home/Built/SocialProof.astro @@ -1,19 +1,17 @@ --- import clsx from 'clsx'; -import { - AdobeLogo, - AmazonLogo, - AwgeLogo, - CNNLogo, - ConsumerReports, - CourseraLogo, - DropboxLogo, - LinkedinLogo, - SAPLogo, - TheOnionLogo, - UdemyLogo, - ZoomLogo, -} from '../../icons/SocialProofLogos'; +import AdobeLogo from '@/assets/logos/adobe.svg?react'; +import AmazonLogo from '@/assets/logos/amazon.svg?react'; +import AwgeLogo from '@/assets/logos/awge.svg?react'; +import CNNLogo from '@/assets/logos/cnn.svg?react'; +import ConsumerReports from '@/assets/logos/consumer-reports.svg?react'; +import CourseraLogo from '@/assets/logos/coursera.svg?react'; +import DropboxLogo from '@/assets/logos/dropbox.svg?react'; +import LinkedinLogo from '@/assets/logos/linkedin.svg?react'; +import SAPLogo from '@/assets/logos/sap.svg?react'; +import TheOnionLogo from '@/assets/logos/the-onion.svg?react'; +import UdemyLogo from '@/assets/logos/udemy.svg?react'; +import ZoomLogo from '@/assets/logos/zoom.svg?react'; import Marquee from './Marquee.astro'; const LOGOS = [ @@ -49,7 +47,7 @@ const LOGOS = [ index >= 10 ? "hidden md:flex" : "flex", )} > - +
)) } diff --git a/site/src/components/home/GetStartedBanner.astro b/site/src/components/home/GetStartedBanner.astro index 9e1fff9f..cb2d545f 100644 --- a/site/src/components/home/GetStartedBanner.astro +++ b/site/src/components/home/GetStartedBanner.astro @@ -1,6 +1,6 @@ --- import clsx from 'clsx'; -import ArrowIcon from '../icons/arrow.svg?react'; +import ArrowIcon from '@/assets/icons/arrow.svg?react'; import GetStartedLink from '../NavBar/GetStartedLink'; --- diff --git a/site/src/components/home/Header.astro b/site/src/components/home/Header.astro index 65f52067..5f2215dc 100644 --- a/site/src/components/home/Header.astro +++ b/site/src/components/home/Header.astro @@ -1,8 +1,8 @@ --- +import MuxLogoSmall from '@/assets/logos/mux-small.svg?react'; import FrameworkControl from '@/components/home/FrameworkControl'; import HeroVideo from '@/components/home/HeroVideo'; import SkinControl from '@/components/home/SkinControl'; -import MuxLogoSmall from '@/components/icons/mux-logo-small.svg?react'; import { MUX_URL, VJS10_DEMO_VIDEO } from '@/consts'; const poster = `${VJS10_DEMO_VIDEO.poster}?time=0`; @@ -18,8 +18,13 @@ const poster = `${VJS10_DEMO_VIDEO.poster}?time=0`; />
+ v10 beta

>; diff --git a/site/src/components/icons/SocialProofLogos.tsx b/site/src/components/icons/SocialProofLogos.tsx deleted file mode 100644 index 7b3fa0c6..00000000 --- a/site/src/components/icons/SocialProofLogos.tsx +++ /dev/null @@ -1,233 +0,0 @@ -interface IconProps extends React.SVGProps { - width?: string; -} - -export const AdobeLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const LinkedinLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const UdemyLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const AmazonLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const AwgeLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const ZoomLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const CourseraLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const CNNLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const ConsumerReports = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const TheOnionLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const SAPLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - ); -}; -export const DropboxLogo = ({ width = '1', ...props }: IconProps) => { - return ( - - - - - - ); -}; diff --git a/site/src/components/icons/dial-outer.svg b/site/src/components/icons/dial-outer.svg deleted file mode 100644 index 460aacc2..00000000 --- a/site/src/components/icons/dial-outer.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - -