Yourz
|
121ceda66d
|
feat: implement website layout and homepage (#11168)
## Summary
Implement the website layout system and homepage with all sections,
reusable components, scroll-driven animations, and routing.
## Changes
- **What**:
- Reorganize components into `common/`, `home/`, `company/`, `product/`
directories
- Add `BaseLayout` with shared `SiteNav` and `SiteFooter`
- Implement homepage sections: Hero, SocialProofBar, ProductShowcase,
UseCase, GetStarted, ProductCards, CaseStudySpotlight, BuildWhat
- Add reusable components: BrandButton, NodeBadge, ProductCard,
FooterLinkColumn, NavDesktopLink, MobileMenu
- Add PPFormula font family, client logos, and icon assets
- Add hero/footer logo frame sequences for scroll-driven animations
- Add `useFrameScrub` composable and `smoothScroll` (Lenis + GSAP
ScrollTrigger)
- Add route config, nav config, and placeholder pages for all routes
- Add Playwright e2e tests for homepage and navigation
- **Dependencies**: gsap, lenis, @astrojs/check
desktop
mobile
## Review Focus
- Component structure and naming conventions under `apps/website/`
- Scroll-driven animation approach (GSAP ScrollTrigger + Lenis smooth
scroll)
- Mobile responsive behavior (MobileMenu, ScrollTrigger matchMedia)
---------
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: DrJKL <DrJKL0424@gmail.com>
Co-authored-by: Amp <amp@ampcode.com>
Co-authored-by: Alexander Brown <drjkl@comfy.org>
|
2026-04-15 09:25:41 +08:00 |
|