Skip to content
Work

Omakase restaurant website

Shusy

The digital storefront of an omakase restaurant: an editorial, dark and elegant site where the tasting menu takes center stage. Fully static so it loads instantly and ranks from day one.

Astro 5Tailwind CSSFramer MotionEN / ES
Shusy, Omakase restaurant website
  • Editorial design

    Dark art direction with serif type and gold accents. Every section breathes like a food-magazine spread.

  • Bilingual EN/ES

    Built-in language switch: content, navigation and SEO duplicated per language.

  • Tasting menu

    The omakase experience told dish by dish, designed to whet the appetite before booking.

  • Smooth animations

    Reveals and transitions with Framer Motion, honouring prefers-reduced-motion.

  • Fully static

    Pre-rendered HTML with Astro: instant loads on any phone, no application server.

  • Complete SEO

    Metadata, Open Graph, sitemap and structured data ready for Google.

Specs

Type
Restaurant website (omakase / fine dining)
Stack
Astro 5 · Tailwind CSS · Framer Motion
Rendering
Static (SSG) - no backend to maintain
Database
Not required
Languages
Spanish & English
Year
2026

Screens

Features (24)

  • Bilingual EN/ES site
  • Language switcher with hreflang
  • Persistent light/dark theme
  • Animated hero home
  • Omakase menu by sections
  • Tabbed menu explorer
  • Sake and drink pairings
  • Dish gallery with lightbox
  • Reservation form (date, guests, time)
  • Contact form
  • About section with team
  • Animated stats
  • Testimonials with rating
  • Blog/journal with articles
  • Location map and details
  • Opening hours
  • Social media links
  • Newsletter in footer
  • Scroll and tilt animations
  • Scroll progress bar
  • Responsive mobile menu
  • SEO with Open Graph and Twitter Cards
  • Custom 404 page
  • Demo mode with banner