PortfolioLayout (am-portfolio-layout)

PortfolioLayout 將 NavMenu、Hero、case-study grid、about/testimonial 與可選 contact CTA 組成一條作品集 page flow。圖片有固定 aspect-ratio fallback，避免內容載入時產生 layout shift。

使用

---
import PortfolioLayout from "@astromer/core/components/PortfolioLayout.astro";
---

<PortfolioLayout
  brandLabel="Ariel Chen"
  navItems={[
    { label: "Work", href: "#work" },
    { label: "About", href: "#about" },
  ]}
  title="Product decisions teams can still defend a year later."
  projects={[
    { title: "Northstar", category: "Brand system", href: "/work/northstar" },
  ]}
  aboutTitle="A small studio for complex product stories"
  aboutDescription="Research, flows, UI, and the handoff that keeps engineering from guessing."
  contactAction={{ label: "Start a project", href: "#contact" }}
/>

about、testimonial 與 footer slots 可用來置換頁面級內容；作品集資料仍由 consumer 的 content layer 管理。