oimwiodev/New-Optic
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

Fix desktop glass and hero image

Browse Source
This commit is contained in:
OpenCode
2026-05-16 14:18:56 +01:00
parent 53e72cb46a
commit 2def6b683a
5 changed files with 35 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/HeroSection.tsx
View File

@@ -65,7 +65,7 @@ export default function HeroSection({ t, whatsappUrl }: { t: Messages; whatsappU
className="relative mx-auto w-full max-w-xl lg:max-w-none lg:will-change-transform"
>
<div className="absolute -inset-6 hidden rounded-[3rem] bg-gradient-to-br from-optical/14 via-white/0 to-silver/45 blur-2xl lg:block" />
<div className="glass liquidGL-pane relative overflow-hidden rounded-[2.6rem] p-3">
<div className="glass premium-glass relative overflow-hidden rounded-[2.6rem] p-3">
<span className="floating-sheen" />
<div className="relative aspect-[4/3] overflow-hidden rounded-[2rem] bg-silver/40">
<Image src={business.assets.hero} alt={t.hero.imageAlt} fill sizes="(min-width: 1024px) 45vw, 92vw" className="object-cover" priority />

2
components/Navbar.tsx
View File

@@ -24,7 +24,7 @@ export default function Navbar({ locale, onLocaleChange, t, whatsappUrl }: { loc
return (
<header className="fixed inset-x-0 top-0 z-50 px-4 pt-4 sm:px-6">
<nav className="glass mx-auto flex max-w-7xl items-center justify-between gap-2 rounded-full px-3 py-3 sm:px-5" aria-label="Main navigation">
<nav className="glass premium-glass liquidGL-pane mx-auto flex max-w-7xl items-center justify-between gap-2 rounded-full px-3 py-3 sm:px-5" aria-label="Main navigation">
<a href="#home" onClick={(event) => scrollToSection(event, "#home")} className="relative z-[3] flex items-center gap-3" aria-label="New Optic home">
<span className="relative grid size-10 place-items-center overflow-hidden rounded-full bg-white shadow-sm">
<Image src={business.assets.logo} alt="New Optic logo" fill sizes="40px" className="object-contain p-1" priority />

2
components/PhysicsButton.tsx
View File

@@ -70,7 +70,7 @@ export default function PhysicsButton({ href, children, className, external = fa
whileHover={{ scale: 1.035 }}
style={{ x, y, scaleX, scaleY, rotate }}
transition={{ type: "spring", stiffness: 520, damping: 18, mass: 0.45 }}
className={cn("group relative inline-flex touch-manipulation select-none items-center justify-center overflow-hidden will-change-transform", className)}
className={cn("premium-glass liquidGL-pane group relative inline-flex touch-manipulation select-none items-center justify-center overflow-hidden will-change-transform", className)}
>
<motion.span
className="pointer-events-none absolute inset-0 rounded-full bg-white/15 opacity-0 blur-xl transition-opacity duration-300 group-hover:opacity-100"