A long, tall, SINGLE-COLUMN SCROLLING web page — the rendered web page itself, as if you are scrolling straight down it from top to bottom — for a real, live, full-width responsive website for Pasha Mediterranean, a Mediterranean restaurant & hookah lounge in Redwood City, California, in the visual world of a sun-drenched Italian Riviera riverfront pizzeria with bright airy sun-drenched Riviera food & lifestyle photography imagery and ornament. Show ONLY the web page content, edge-to-edge: NO browser window, NO browser chrome, NO address bar, NO tabs, NO URL bar, NO window frame, NO device or mockup frame. The page is FULL-BLEED: edge-to-edge across the full width with NO outer margins, NO borders, NO rounded corners, NO canvas colour around or between the content — a real website, not a design comp, not floating cards. Do NOT label, number, or badge the sections; there are no visible section numbers.
STRUCTURE — read the page as one long vertical SCROLL with 7 parts in this order from top to bottom: a thin navigation bar pinned flush to the very top, then a hero area, then a story, then a menu, then a gallery, then a visit area, and a thin footer pinned to the very bottom. EVERY part fills the ENTIRE width of the page, and the parts are arranged strictly one above another straight down the page — only one part at each level. They are NEVER placed two-across, NEVER in side-by-side columns, NEVER in a grid of sections. The hero is wide and SHORT (much WIDER than it is tall — NOT tall); no single area dominates. (This describes PLACEMENT only — how the parts blend together or divide visually is set entirely by the AESTHETIC line below; columns WITHIN one part, like text beside an image or an item grid, are fine.) EXACTLY ONCE — every part, and every line of text in it, appears ONE TIME ONLY. Do NOT repeat, echo, mirror or re-draw a navigation bar, logo, headline, button or any other element a second time, and do NOT restate a section further down. If the content does not fill the canvas, let the remaining space be background, imagery or generous whitespace — NEVER a second copy of what you have already drawn.
AESTHETIC — give each section its OWN distinct background tone so it reads as a clearly bounded block, set off from the next by a crisp full-width horizontal rule; let the section backgrounds alternate between a few palette tones so every section is visibly its own panel down the page.
RENDER-FIDELITY CONSTRAINTS — this exact page will be rebuilt as real, reflowing, responsive HTML by a deterministic renderer, so it MUST stay inside what that renderer reproduces faithfully. (1) BANDS, NOT A SCENE: every section is its own clearly-bounded horizontal band on a FLAT solid (or at most one subtle single-texture) background; sections do NOT share a continuous illustrated scene, mural, or gradient washing across them. (2) DISCRETE IMAGERY: all pictures are separate rectangular panels — a hero illustration, one supporting illustration beside a text column, a photo row — never a single full-page artwork with the text and layout embedded inside it. (3) RESTRAINED ORNAMENT: decoration is limited to repeatable motifs a CSS border can carry — thin rules, matching corner flourishes, small standalone spot illustrations — never dense layered ornament, texture or pattern fused into the backgrounds. (4) REAL TYPE: every headline, label and price is set in the clean Yellowtail / Poppins web-font typefaces exactly — never hand-lettered, warped, outlined, 3-D, or word-art lettering baked into the illustration. (5) RECTANGULAR LAYOUT: sections are upright rectangular bands stacked straight down — no diagonal, tilted, overlapping, torn or collaged panels. (6) FLAT PALETTE: keep to #365888, #FEA480, #FFF58C, #FFF9F4 as a small set of flat tones, not a photographic wash of many colours. (7) TEXT ON FLAT FILL: EVERY line of text — headline, subhead, nav, menu name/details/price, labels, body, footer — sits on a FLAT SOLID area of the palette with strong contrast. Text is NEVER placed over a photograph, gradient, busy scene, patterned texture or detailed illustration, and NO text is baked inside an image panel. Where a section has both text and a picture, they occupy SEPARATE areas (text on a solid field, the picture in its own bounded panel beside or below it), never overlapping. (8) LEGIBLE & SPACED: keep text comfortably large — the SMALLEST text anywhere on the page (fact labels, captions, fine print, footer) is at least 1/70th of the page width tall, and no text is ever shrunk into small cramped chips to make it fit — with generous letter- and line-spacing so glyphs never touch, and align related text (menu prices, form fields) in clean rows/columns. If text does not fit at that size, give it more room, never smaller type.
Across the very top, a thin navigation bar: a logo in Yellowtail reading exactly "Pasha"; a nav-link in Poppins reading exactly "Menu"; a nav-link in Poppins reading exactly "Story"; a nav-link in Poppins reading exactly "Gallery"; a nav-link in Poppins reading exactly "Visit"; a cta in Poppins reading exactly "Reserve a Table".
Directly below it, the hero area (compact 16:9, wider than tall): the headline, subhead and buttons sit on a FLAT SOLID area of the palette (a plain colour field or solid band), and any hero illustration is a bounded panel to ONE SIDE of that text — the hero text is NEVER laid over a photograph, busy scene or detailed image, so the words always sit on a clean solid background: a eyebrow in Poppins reading exactly "Redwood City, CA · Mediterranean Kitchen & Hookah Lounge"; a headline in Yellowtail reading exactly "A Modern Mediterranean Table"; a subhead in Poppins reading exactly "Mezze, char-grilled kebabs, house cocktails, and hookah on the patio."; a cta in Poppins reading exactly "See the Menu"; a cta in Poppins reading exactly "Book a Table"; a bright airy sun-drenched Riviera food & lifestyle photography hero-illustration of an overhead spread of Mediterranean mezze — hummus, grilled kebabs, warm pita, olives and pomegranate on a dark table.
Then the story: Lay it out as two side-by-side panels: on the LEFT a text column with the eyebrow, the headline, and the body paragraph; on the RIGHT a single bright airy sun-drenched Riviera food & lifestyle photography supporting illustration filling its panel height and running to the right edge. Then, spanning the FULL page width BELOW both panels, place the fact labels as one evenly-spaced row — each label on its OWN single line, set at the SAME comfortable size as the body paragraph text, generously spaced and NEVER shrunk into small chips. a eyebrow in Poppins reading exactly "Our Story"; a headline in Yellowtail reading exactly "Named for an officer of high rank"; a body in Poppins reading exactly "Pasha brings the warmth of the eastern Mediterranean to downtown Redwood City. Our kitchen turns out mezze, char-grilled kebabs, and slow-roasted gyro from family recipes, while the bar pours house cocktails and arak. Out back, a spacious patio glows for hookah and long, unhurried evenings. Good food, a good drink, and good hookah — all in one place."; a row of all 4 fact labels in Poppins: "A Redwood City original", "Halal kitchen", "Full bar & house cocktails", "4.5 stars · 900+ reviews"; a bright airy sun-drenched Riviera food & lifestyle photography supporting-illustration of the restaurant's warm interior with brass lanterns and tiled walls, and a lush outdoor hookah patio at dusk.
Then the menu: Lay the menu as ONE full-width section spanning the entire page width — a centered eyebrow, headline and any legend across the top, then the items below as an even grid of SEPARATE cells with clear gaps between them, arranged in rows of AT MOST FOUR cells — with more items, WRAP to additional rows rather than narrowing the cells, so every cell stays wide enough for its text at the same comfortable size as the body text; inside each cell the name is on its OWN line, the details stack on the line(s) directly below the name, and the price sits on its own line or aligned in the cell — the name, details and price of an item are NEVER packed inline on a single running row. a eyebrow in Poppins reading exactly "The Menu"; a headline in Yellowtail reading exactly "Mezze, Grill & Sweets"; a legend in Poppins reading exactly "Vegetarian · Vegan · Halal · Gluten-friendly"; a legal in Poppins reading exactly "Our meats are halal; ask your server about vegan and gluten-friendly options."; a menu of these items set in Poppins, laid out as an even GRID (rows of at most FOUR cells — wrap, never narrow) of separate item cells with clear gaps between cells; inside EACH cell the item name is on its OWN line, the details stack on the line(s) directly BELOW the name, and the price is on its own line or aligned within the cell — the name, details and price are NEVER run together inline on a single row, and each cell sits on the section's flat fill: "Hummus" (chickpea, tahini, lemon, olive oil, warm pita) $9; "Baba Ghanoush" (smoked eggplant, tahini, pomegranate) $10; "Falafel" (crisp chickpea fritters, tahini sauce) $9; "Dolma" (grape leaves stuffed with rice and herbs) $9; "Chicken Shish Kebab" (marinated chicken, saffron rice, salad) $19; "Lamb Adana Kebab" (spiced ground lamb, grilled peppers) $22; "Beef & Lamb Gyro" (shaved gyro, tzatziki, fries, pita) $18; "Mixed Grill" (lamb chop, chicken, kofte, saffron rice) $29; "Baklava" (pistachio, walnut, honey, phyllo) $8.
Then the gallery: Lay the gallery as ONE full-width section spanning the entire page width — a short eyebrow and headline at the top, then the photos below as a single edge-to-edge horizontal row of images filling the full width. a eyebrow in Poppins reading exactly "The Room"; a headline in Yellowtail reading exactly "Lantern light and a patio built for evenings"; a subhead in Poppins reading exactly "The dining room, the grill, and the patio glow off Broadway."; a bright airy sun-drenched Riviera food & lifestyle photography photo of a sizzling mixed-grill platter of kebabs and saffron rice; a bright airy sun-drenched Riviera food & lifestyle photography photo of the glowing hookah patio with string lights at dusk; a bright airy sun-drenched Riviera food & lifestyle photography photo of a close-up of baklava with Turkish tea in tulip glasses.
Then the visit section: Lay the visit area as ONE full-width section spanning the entire page width — on the LEFT the eyebrow, the headline, then the fact labels EACH ON ITS OWN LINE at the same comfortable size as body text (address, phone and hours are never squeezed onto one cramped line or shrunk to fit), then a short contact form; on the RIGHT the map; together the two halves fill the one full-width section. a eyebrow in Poppins reading exactly "Visit"; a headline in Yellowtail reading exactly "Find us on Broadway"; a row of all 3 fact labels in Poppins: "2223 Broadway, Redwood City, CA 94063", "(650) 241-3325", "Sun–Thu 11am–11pm · Fri–Sat 11am–1am"; a form-label in Poppins reading exactly "Name"; a form-label in Poppins reading exactly "Email"; a form-label in Poppins reading exactly "Party size"; a cta in Poppins reading exactly "Request a Table"; a bright airy sun-drenched Riviera food & lifestyle photography map-illustration of a simple map of Broadway in downtown Redwood City.
At the very bottom, a footer band TALL ENOUGH that every footer string sits on its own clear line or slot at the SAME comfortable size as body text — footer text is never miniaturized to make the band thin: a logo in Yellowtail reading exactly "Pasha"; a tagline in Poppins reading exactly "An officer of high rank."; a row of all 3 fact labels in Poppins: "Mediterranean kitchen & hookah lounge · Redwood City", "2223 Broadway, Redwood City, CA 94063 · (650) 241-3325", "Open Sun–Thu 11–11 · Fri–Sat 11–1"; a legal in Poppins reading exactly "© 2026 Pasha Mediterranean".
Only the imagery, backgrounds, ornament and styling are in the style of a sun-drenched Italian Riviera riverfront pizzeria, bright airy sun-drenched Riviera food & lifestyle photography — never the text. ALL TEXT is clean, reproducible web-font type — every string is a real web font, letterforms as if set in CSS, matching the authentic Yellowtail (logo + headlines) and Poppins (everything else) typefaces exactly, not word art. Spell every word exactly as written. Palette: #365888, #FEA480, #FFF58C, #FFF9F4.