{
  "id": 37890,
  "title": "🍕Nonna’s Table",
  "url": "https://urgent.news/2026/08/02/nonnas-table",
  "topic": "culture",
  "section": "Culture",
  "published": "2026-08-02T09:37:28.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/hoseinmdev/nonnas-table-11ha"
  },
  "original_language": "en",
  "account": "This submission focuses on the creation of a virtual landing page for \"Nonna's Table,\" an imagined wood-fired pizza place that prioritizes the experience and ritual surrounding the food. Rather than adhering to conventional landing page structures, the designer opted to convey a sense of a family restaurant, achieved through a hero section promising \"Sunday dinner,\" a three-step narrative about the pizza-making process (knead, rise, fire), a concise six-item menu, and testimonials that emulate genuine conversations rather than promotional language.\n\nKey design elements include a sliding hero pizza that simulates coming off a peel and spinning as the viewer scrolls, an animated flame icon shared through a single GSAP loop, and a bespoke Tailwind theme with color names drawn from the menu items themselves (e.g., marinara, basil, crust, dough, parmesan). The animation flow relies on GSAP and ScrollTrigger for scroll-driven motion and Motion for interactive elements like button taps and card animations. This combination of animation libraries, despite initial reservations, proved less cumbersome than anticipated, as each served distinct functions.\n\nThe writing process began with crafting the site's tone through the copy, which significantly influenced the overall design. A line such as \"we do not talk about 1998\" established the site's dry yet affectionate character. The animation strategy was similarly tailored: GSAP managed scroll-linked and physically animated elements (e.g., the rotating pizza, drifting steam, flickering flame), while Motion handled interactive features such as button taps, card elevations, and mobile menu operations.\n\nOne of the more intensive parts of the project involved refining the hero illustration, ensuring each SVG element (pizza, basil leaf, and tomato) moved independently yet harmoniously. This challenge required meticulous adjustment of duration and easing values to transform the visual composition from a jumble of elements into a cohesive scene. Moving forward, the designer plans to incorporate a reservation system in place of the current phone number and considers adding a dark \"late-night\" theme to reflect the ambiance of the imagined restaurant, especially since the establishment's allure is heightened during late-night visits.",
  "summary": "The Dev.to submission for the Frontend Challenge - Comfort Food Edition presents a landing page for a fictional wood-fired pizza place called Nonna's Table. The site aims to evoke a sense of comfort and ritual by focusing on the experience of dining at a family restaurant, as opposed to presenting a generic menu or standard landing page structure. The author employed a combination of GSAP and Motion libraries for scroll-tied motion and micro-interactions, resulting in a cohesive design that feels like a warm, personal invitation to a beloved neighborhood eatery.",
  "key_points": [
    "\"Nonna's Table\" virtual landing page designed as family restaurant experience",
    "Hero section promises \"Sunday dinner\" with rotating pizza animation",
    "Tailwind theme colors inspired by menu items like marinara and crust"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}