Finn/talk-pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance header and mobile navigation with smooth scrolling and active link highlighting

Browse Source
This commit is contained in:
TerryM
2026-05-12 22:39:36 +08:00
parent dbaad19d0b
commit a6bd0ca864
4 changed files with 134 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Hero.astro
View File

@@ -3,7 +3,7 @@ const heroBg = "/assets/hero-bg.png";
const phoneMockup = "/assets/hero-phone.png";
---
<section class="relative w-full flex items-start justify-center min-h-[600px] lg:h-[891px] overflow-hidden">
<section id="hero" class="relative w-full flex items-start justify-center min-h-[600px] lg:h-[891px] overflow-hidden">
<img alt="" class="absolute inset-0 max-w-none object-cover size-full pointer-events-none" src={heroBg} />
<div class="relative flex flex-col-reverse lg:flex-row gap-[40px] items-start w-full max-w-[1280px] mx-auto px-4 lg:px-0 h-full">