Issue #97: Frontend — Public About Page

[wumibals]

Labels: good first issue frontend public
Area: frontend/app/(public)/about/page.tsx
Difficulty: Beginner

Description

The About page tells the restaurant's story — its history, team, values, and achievements. It is a static content page assembled from RESTAURANT_INFO and hardcoded narrative sections with rich layout and scroll animations.

Acceptance Criteria

• Create frontend/app/(public)/about/page.tsx as a server component
• Export metadata: { title: "About Us | The Lighted", description: "..." }
• Sections in order:
  1. Hero banner — restaurant name, tagline, breadcrumb Home > About
  2. Our Story — two-column layout: text on left (origin story paragraph), hero image on right
  3. Stats bar — 4 stat cards: Years in Business, Menu Items, Happy Customers, Awards Won (use hardcoded placeholder numbers)
  4. Mission & Values — 3-column card grid: Mission, Vision, Values — each with an icon and description
  5. <AboutSection /> — render the pre-built component from @/components/features/AboutSection
  6. <OpeningHours /> — pre-built component
• Framer Motion scroll-triggered fade-in on each major section (whileInView, once: true)
• Fully responsive; no horizontal scroll at any breakpoint