update logos and image strucutre

This commit is contained in:
jwinterm
2026-02-07 22:29:23 -05:00
parent 375e7e2868
commit 357d5b4122
63 changed files with 2482 additions and 20 deletions
@@ -9,14 +9,14 @@ export const FounderSignature = () => {
<div className="flex items-center gap-6 relative z-10">
<div className="relative w-16 h-16 flex items-center justify-center">
<Image
src="/images/logo_dark.svg"
src="/images/branding/clean_dark.svg"
alt="Such Software Icon"
width={56}
height={56}
className="hidden dark:block object-contain"
/>
<Image
src="/images/logo_light.svg"
src="/images/branding/clean_light.svg"
alt="Such Software Icon"
width={56}
height={56}
+2 -2
View File
@@ -9,7 +9,7 @@ export function SiteLogo() {
<div className="relative w-40 h-11 lg:w-48 lg:h-12">
{/* Dark mode logo (white text) */}
<Image
src="/images/logo_dark_w_name.svg"
src="/images/branding/clean_dark_w_text.svg"
alt="Such Software"
fill
className="object-contain hidden dark:block"
@@ -17,7 +17,7 @@ export function SiteLogo() {
/>
{/* Light mode logo (black text) */}
<Image
src="/images/logo_light_w_name.svg"
src="/images/branding/clean_light_w_text.svg"
alt="Such Software"
fill
className="object-contain block dark:hidden"
@@ -16,7 +16,7 @@ export const PortfolioGrid = () => {
</div>
<div className="absolute inset-6 bottom-24 rounded-2xl overflow-hidden z-10 bg-slate-800/30">
<Image
src="/images/r-cryptocurrency.png"
src="/images/products/r-cryptocurrency.png"
alt="Screenshot of r/CryptoCurrency subreddit homepage showing over 10 million subscribers, community links, and a cartoon moon mascot"
fill
className="object-contain p-4 opacity-80 transition-transform duration-1000 group-hover:scale-105"
@@ -35,7 +35,7 @@ export const PortfolioGrid = () => {
</div>
<div className="absolute inset-x-4 bottom-4 top-24 rounded-lg overflow-hidden z-10 bg-black/5 dark:bg-white/5 border border-indigo-500/10 shadow-inner">
<Image
src="/images/moonplace.png"
src="/images/products/moonplace.png"
alt="Screenshot of MoonPlace collaborative pixel art canvas showing colorful community-created artwork"
fill
className="object-contain p-2 opacity-50 transition-transform duration-1000 group-hover:scale-110"
@@ -54,7 +54,7 @@ export const PortfolioGrid = () => {
</div>
<div className="absolute inset-x-4 bottom-4 top-28 rounded-lg overflow-hidden z-10 bg-black/5 dark:bg-white/5 border border-amber-500/10 shadow-inner flex items-center justify-center">
<Image
src="/images/smirk-wallet.png"
src="/images/products/smirk-wallet.png"
alt="Screenshot of Smirk Wallet browser extension showing multi-currency support for BTC, LTC, XMR, WOW, and GRIN"
fill
className="object-contain p-4 opacity-60 transition-transform duration-1000 group-hover:scale-110"
@@ -76,7 +76,7 @@ export const PortfolioGrid = () => {
</div>
<div className="absolute inset-x-4 bottom-4 top-24 rounded-lg overflow-hidden z-10 bg-black/5 dark:bg-white/5 border border-orange-500/10 shadow-inner">
<Image
src="/images/privacy-labs.png"
src="/images/products/privacy-labs.png"
alt="Screenshots of Monerogue roguelike game and Wowne.ro WebAssembly wallet interface"
fill
className="object-contain p-2 opacity-50 transition-transform duration-1000 group-hover:scale-110"
@@ -95,7 +95,7 @@ export const PortfolioGrid = () => {
</div>
<div className="absolute inset-4 rounded-xl overflow-hidden z-10 bg-zinc-200/50 dark:bg-zinc-800/50">
<Image
src="/images/occupy-wallets.png"
src="/images/products/occupy-wallets.png"
alt="Screenshot of Occupy Wallets gallery displaying illustrated artwork with political and economic commentary"
fill
className="object-contain p-4 opacity-60 transition-transform duration-1000 group-hover:scale-105"