Navigation
Part 5

Portfolio Section

Project showcase sections for each theme.

The Portfolio section showcases projects, case studies, or work samples. Each theme provides a unique gallery layout.

Theme Variants

ThemeComponentStyle
LiquidPortfolioLiquid.astroFluid grid with hover animations
GlassPortfolioGlass.astroFrosted glass project cards
NeoPortfolioNeo.astroBold masonry layout
LuxuryPortfolioLuxury.astroElegant project presentations
MinimalPortfolioMinimal.astroClean, simple project grid
AuroraPortfolioAurora.astroGradient background gallery

All variants are located at src/components/sections/portfolio/.

Content Source

Portfolio items are loaded from src/locales/{lang}/portfolio.json via useTranslations().

ℹ️
No Props

Portfolio components take no external props. To edit project titles, descriptions, or images, update src/locales/{lang}/portfolio.json.

Customizing

To customize:

  1. Edit src/components/sections/portfolio/Portfolio{Theme}.astro.
  2. Adjust styles in src/styles/components/portfolio/.
  3. Change content in src/locales/{lang}/portfolio.json.