From 5a6f87e7063837324252e29b7d2c4aee68d46e17 Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Tue, 17 Jun 2025 13:15:51 +0200 Subject: [PATCH] add logos --- src/components/Logo.tsx | 199 +++++++++++++----- src/components/RootLayout.tsx | 4 +- src/images/clients/bright-path/logo-dark.svg | 10 +- src/images/clients/bright-path/logo-light.svg | 10 +- .../clients/bright-path/logomark-dark.svg | 7 +- .../clients/bright-path/logomark-light.svg | 7 +- 6 files changed, 147 insertions(+), 90 deletions(-) diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx index de4762b..896e057 100644 --- a/src/components/Logo.tsx +++ b/src/components/Logo.tsx @@ -1,72 +1,155 @@ import { useId } from 'react' import clsx from 'clsx' -export function Logomark({ - invert = false, - filled = false, - ...props -}: React.ComponentPropsWithoutRef<'svg'> & { - invert?: boolean - filled?: boolean -}) { +export function Logomark(props: React.ComponentPropsWithoutRef<'svg'>) { let id = useId() return ( - + + + + + + + + + ) } -export function Logo({ - className, - invert = false, - filled = false, - fillOnHover = false, - ...props -}: React.ComponentPropsWithoutRef<'svg'> & { - invert?: boolean - filled?: boolean - fillOnHover?: boolean -}) { +export function Logo(props: React.ComponentPropsWithoutRef<'svg'>) { return ( + xmlns="http://www.w3.org/2000/svg" + xmlnsXlink="http://www.w3.org/1999/xlink" + width={180} + zoomAndPan="magnify" + viewBox="0 0 101.25 30.000001" + height={53} + preserveAspectRatio="xMidYMid meet" + {...props} + > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) } diff --git a/src/components/RootLayout.tsx b/src/components/RootLayout.tsx index cf0a363..42732a4 100644 --- a/src/components/RootLayout.tsx +++ b/src/components/RootLayout.tsx @@ -70,12 +70,12 @@ function Header({ onMouseLeave={() => setLogoHovered(false)} > diff --git a/src/images/clients/bright-path/logo-dark.svg b/src/images/clients/bright-path/logo-dark.svg index c949d94..f121b02 100644 --- a/src/images/clients/bright-path/logo-dark.svg +++ b/src/images/clients/bright-path/logo-dark.svg @@ -1,9 +1 @@ - - - - - + \ No newline at end of file diff --git a/src/images/clients/bright-path/logo-light.svg b/src/images/clients/bright-path/logo-light.svg index 973c54e..093b4ad 100644 --- a/src/images/clients/bright-path/logo-light.svg +++ b/src/images/clients/bright-path/logo-light.svg @@ -1,9 +1 @@ - - - - - + \ No newline at end of file diff --git a/src/images/clients/bright-path/logomark-dark.svg b/src/images/clients/bright-path/logomark-dark.svg index 70ab0a1..2805ef3 100644 --- a/src/images/clients/bright-path/logomark-dark.svg +++ b/src/images/clients/bright-path/logomark-dark.svg @@ -1,6 +1 @@ - - - - + \ No newline at end of file diff --git a/src/images/clients/bright-path/logomark-light.svg b/src/images/clients/bright-path/logomark-light.svg index 65a0be8..2805ef3 100644 --- a/src/images/clients/bright-path/logomark-light.svg +++ b/src/images/clients/bright-path/logomark-light.svg @@ -1,6 +1 @@ - - - - + \ No newline at end of file