* { box-sizing: border-box; } body { margin: 0; background: #f7f8f5; color: #101820; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .nojs-header { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 12px clamp(16px, 4vw, 48px); background: #fff; border-bottom: 1px solid #101820; } .nojs-brand { display: inline-flex; min-height: 44px; align-items: stretch; color: inherit; font-weight: 850; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; } .nojs-brand b { display: grid; place-items: center; padding: 8px 10px; background: #101820; color: #fff; font-size: 12px; } .nojs-brand span { display: flex; align-items: center; padding: 8px 10px; border: 1px solid #101820; border-left: 0; font-size: 11px; } .nojs-header > a { display: inline-flex; min-height: 44px; align-items: center; padding: 9px 12px; background: #e24a32; color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; } .nojs-main { width: min(1280px, calc(100% - 32px)); margin: auto; padding: clamp(48px, 8vw, 96px) 0; } .nojs-kicker { margin: 0 0 16px; color: #1557c0; font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; } .nojs-main h1, .nojs-main h2 { margin: 0; max-width: 14ch; line-height: .98; letter-spacing: -.05em; } .nojs-main h1 { font-size: clamp(44px, 7vw, 72px); } .nojs-main h2 { font-size: clamp(32px, 5vw, 54px); } .nojs-lede { max-width: 64ch; color: #4b5862; font-size: clamp(17px, 2vw, 20px); line-height: 1.6; } .nojs-route { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 48px 0 80px; } .nojs-route article { padding: clamp(20px, 4vw, 36px); background: #fff; border: 3px solid #e24a32; } .nojs-route article:last-child { border-color: #157a5b; } .nojs-route small { color: #a12e1d; font-weight: 850; letter-spacing: .1em; } .nojs-route article:last-child small { color: #0d674b; } .nojs-route h2 { margin-top: 12px; font-size: clamp(25px, 3vw, 38px); } .nojs-route p { color: #5b6670; line-height: 1.55; } .nojs-stops { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; } .nojs-stops span { padding: 7px 9px; border: 1px solid currentColor; color: #a12e1d; font-size: 12px; font-weight: 750; } article:last-child .nojs-stops span { color: #0d674b; } .nojs-work-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 28px; } .nojs-work-head p { max-width: 46ch; color: #5b6670; line-height: 1.55; } .nojs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .nojs-site { display: grid; min-width: 0; overflow: hidden; background: #fff; border: 1px solid #d7dde1; color: inherit; text-decoration: none; } .nojs-site:first-child { grid-column: 1 / -1; } .nojs-site img { display: block; width: 100%; aspect-ratio: 1.44; object-fit: cover; object-position: top; background: #e9edef; } .nojs-site span { display: grid; gap: 5px; min-height: 92px; padding: 14px; border-top: 1px solid #d7dde1; } .nojs-site strong { font-size: 18px; } .nojs-site small { color: #5b6670; } .nojs-site em { color: #1557c0; font-size: 12px; font-style: normal; font-weight: 800; } .nojs-note { margin-top: 32px; padding: 16px; border-left: 5px solid #f2b544; background: #fff; color: #4b5862; line-height: 1.5; } a:focus-visible { outline: 3px solid #1557c0; outline-offset: 3px; } @media (max-width: 680px) { .nojs-brand span { display: none; } .nojs-main { width: min(100% - 24px, 1280px); padding-top: 44px; } .nojs-route, .nojs-grid { grid-template-columns: 1fr; } .nojs-site:first-child { grid-column: auto; } .nojs-work-head { display: block; } .nojs-route { margin-bottom: 64px; } } DFDineFront Send your restaurant

For independent restaurants without an official site

Your Maps reputation deserves an official front door.

Turn the trust guests already see into one clear destination for your menu, hours, route and preferred booking path.

TODAY / FRAGMENTED ROUTE

Reputation, then no clear destination.

Guests hunt through social posts, platform listings, or an empty website field.

?InstagramFacebookPlatform

WITH AN OFFICIAL SITE / OWNED ROUTE

One controlled restaurant front door.

Your Maps reputation leads to a page that answers the questions that turn interest into a visit.

Menu + pricesOpen hoursRouteCall / reserve

Inspect six complete sites.

Each capture opens a separate fictional restaurant website. The examples remain directly available even when scripts are blocked.

Casa Marta standalone vermutería website homepage

Casa Marta VermuteríaMenu · WhatsApp · neighborhood identityOpen complete site →

Noon Café standalone restaurant website homepage

Noon & Co. Café BrunchHours · brunch menu · phone contactOpen complete site →

Forno Rojo standalone trattoria website homepage

Forno RojoMenu · table booking · oven identityOpen complete site →

Comptoir Lune standalone bistro website homepage

Le Comptoir LuneTonight’s specials · wine · reservationsOpen complete site →

AKTI 07 standalone catch-house website homepage

AKTI 07 Catch HouseToday’s catch · preparation · quay visitOpen complete site →

PARA standalone pierogi counter website homepage

PARA Pierogi CounterBoiled / crisped · fillings · group tableOpen complete site →

Scripts are currently unavailable. The proposition, route comparison, and complete sample destinations remain usable here. Email contact opens your local mail application.