Skip to content

Issue #99: Frontend — Public Explore Page #252

@wumibals

Description

@wumibals

Labels: frontend public menu
Area: frontend/app/(public)/explore/page.tsx
Difficulty: Intermediate

Description

The Explore page is a discovery-focused alternative to the menu. It features the VisualMoodBoard for mood-based filtering and the SmartDishRecommender in full-page mode, letting customers find dishes that match their vibe rather than browsing a category list.

Acceptance Criteria

  • Create frontend/app/(public)/explore/page.tsx as a server component
  • Export metadata: { title: "Explore | The Lighted", description: "Discover dishes that match your mood" }
  • Hero section: large headline "Find Your Perfect Dish", subtitle, animated gradient background
  • Render <VisualMoodBoard /> component from @/components/features/VisualMoodBoard — the mood filter grid
  • Below the mood board, render <TrendingSection /> from @/components/features/TrendingSection
  • Below trending, render a full-width <SmartDishRecommender /> in expanded mode (pass isExpanded={true} prop)
  • Breadcrumb: Home > Explore
  • All components are pre-built; this page is a composition page only

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions