diff --git a/public/images/logomark.png b/public/images/logomark.png new file mode 100644 index 0000000..39b8407 Binary files /dev/null and b/public/images/logomark.png differ diff --git a/public/images/logomark.svg b/public/images/logomark.svg new file mode 100644 index 0000000..43928a1 --- /dev/null +++ b/public/images/logomark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 30c4aaf..7e2279c 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -5,7 +5,7 @@ const baseStyles = { solid: 'inline-flex justify-center rounded-lg py-2 px-3 text-sm font-semibold transition-colors', outline: - 'inline-flex justify-center rounded-lg border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(3)-1px)] text-sm transition-colors', + 'inline-flex justify-center rounded-lg border py-[calc(theme(spacing.2)-1px)] px-[calc(theme(spacing.3)-1px)] text-sm transition-colors', } const variantStyles = { @@ -16,7 +16,8 @@ const variantStyles = { gray: 'bg-gray-800 text-white hover:bg-gray-900 active:bg-gray-800 active:text-white/80', }, outline: { - gray: 'border-gray-300 text-gray-200 hover:border-gray-400 active:bg-gray-100 active:text-white', + gray: 'border-gray-300 text-gray-700 hover:border-gray-400 active:bg-gray-100 active:text-gray-700/80', + white: 'border-gray-300 text-white hover:border-gray-400 active:bg-gray-100 active:text-white/80', }, } diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx index 09d0152..8b106f5 100644 --- a/src/components/CallToAction.tsx +++ b/src/components/CallToAction.tsx @@ -17,7 +17,7 @@ export function CallToAction() { > -
+
@@ -31,10 +31,10 @@ export function CallToAction() { build your own. Ready to own your intelligence?

- -
diff --git a/src/components/GetStarted.tsx b/src/components/GetStarted.tsx index cf1d8b0..0aaa533 100644 --- a/src/components/GetStarted.tsx +++ b/src/components/GetStarted.tsx @@ -1,7 +1,7 @@ "use client"; import { H2, P, CP } from "@/components/Texts"; -import { Button } from "@/components/ui/Button"; +import { Button } from "@/components/Button"; export function GetStarted() { const items = [ @@ -58,7 +58,7 @@ export function GetStarted() { {/* Title + Button Row */}

{item.title}

-
diff --git a/src/components/GridStats.tsx b/src/components/GridStats.tsx index 30f52a0..94e710f 100644 --- a/src/components/GridStats.tsx +++ b/src/components/GridStats.tsx @@ -27,7 +27,7 @@ export function GridStats() {

Mycelium's groundbreaking technology provides dedicated, performance-validated GPUs for your AI workloads.

- + diff --git a/src/components/Header.tsx b/src/components/Header.tsx index ffed19e..2791276 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -122,7 +122,7 @@ export function Header() { FAQs
- diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx index e301179..bc21b60 100644 --- a/src/components/Logo.tsx +++ b/src/components/Logo.tsx @@ -3,44 +3,38 @@ export function Logomark(props: React.ComponentPropsWithoutRef<'svg'>) { - - - - - - - - - - - - - - - - - + + + + + + + + + + + ) } diff --git a/src/components/UseCases.tsx b/src/components/UseCases.tsx index 5f45107..6d72e30 100644 --- a/src/components/UseCases.tsx +++ b/src/components/UseCases.tsx @@ -93,7 +93,7 @@ function Review({ {...props} >
- {React.createElement(getReviewIcon(title), { className: "h-6 w-6 text-[#2F3178] mb-2" })} + {React.createElement(getReviewIcon(title), { className: "h-6 w-6 text-white mb-2" })} {title} diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx deleted file mode 100644 index 9817766..0000000 --- a/src/components/ui/Button.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import Link from 'next/link' -import clsx from 'clsx' - -const baseStyles = { - solid: - 'inline-flex justify-center rounded-lg py-2 px-3 text-sm font-semibold transition-colors', - outline: - 'inline-flex justify-center rounded-lg border py-[calc(theme(spacing.2)-1px)] px-[calc(theme(spacing.3)-1px)] text-sm transition-colors', -} - -const variantStyles = { - solid: { - primary: 'bg-[#005eff] text-white hover:bg-[#005eff]/90 active:bg-[#005eff]/80', - white: 'bg-white text-black hover:bg-white/90 active:bg-white/90 active:text-gray-400', - gray: 'bg-gray-800 text-white hover:bg-gray-900 active:bg-gray-800 active:text-white/80', - }, - outline: { - primary: 'border-[#005eff] text-[#005eff] hover:border-[#005eff]/80 hover:text-[#005eff]/80 active:bg-gray-100 active:text-[#005eff]/70', - gray: 'border-gray-300 text-gray-700 hover:border-gray-400 active:bg-gray-100 active:text-gray-700/80', - }, -} - -type ButtonProps = ( - | { variant?: 'solid'; color?: keyof typeof variantStyles.solid } - | { variant: 'outline'; color?: keyof typeof variantStyles.outline } - ) & ( - | Omit, 'color'> - | (Omit, 'color'> & { - href?: undefined - }) - ) - -export function Button({ className, ...props }: ButtonProps) { - props.variant ??= 'solid' - if (props.variant === 'solid') { - props.color ??= 'primary' - } else { - props.color ??= 'gray' - } - - let variantClass: string | undefined; - if (props.variant === 'outline') { - variantClass = variantStyles.outline[props.color as keyof typeof variantStyles.outline]; - } else if (props.variant === 'solid') { - variantClass = variantStyles.solid[props.color as keyof typeof variantStyles.solid]; - } - - className = clsx( - baseStyles[props.variant], - variantClass, - className, - ) - - return typeof props.href === 'undefined' ? ( -