Bold Restaurant Testimonials Layout — Divi 5 Steakhouse Guest Book

Testimonials Restaurant Bold

Serve up social proof with a bold, dark Divi 5 testimonials section built for restaurants. Three-card guest book with portraits, dry-aged copy, and hover glow.

Rate this element

Be the first to rate

Download this section — free

Divi 5 JSON — import in seconds
Commercial license included
No account needed

Click to view the full page

Overview

This is a three-up testimonials section built for a fine-dining steakhouse, styled in a warm ember-and-charcoal palette that reads like a candlelit dining room. The outer section sits on a near-black #1a1414 background with generous 120px vertical padding on desktop (softened to 80px on phone), giving the quotes room to breathe against the dark canvas. A centered header stack sets the tone: an uppercase ember-orange eyebrow (#e85d3a, Outfit, 4px letter-spacing) reading Established 2010 · The Guest Book, a large Playfair Display H2 in cream #f5ede4 that scales cleanly from 58px desktop to 44px tablet to 34px phone, and a 640px-wide intro paragraph at 72% opacity for a quieter secondary voice.

Below the header, three testimonial cards sit in a flex row with 28px column and row gaps, capped at 1240px wide and centered. Each card uses a slightly warmer #241b1b panel with a 20px rounded corner, a subtle 1px ember-tinted border (rgba(232,93,58,0.18)) that brightens on hover to 0.55, and a deep preset3 box shadow at 0 20px 50px rgba(0,0,0,0.4) so the cards feel like they lift off the surface. Inside each card is a native Divi testimonial module carrying an author name, a context line (Regular since 2019, Anniversary dinner, 2025, Private events client), a location/occasion caption, a round portrait, and a two-to-three-sentence quote that reads like a real Yelp review, not stock filler.

On phones the row's flexDirection flips to column, so the cards stack full-width in reading order and the section keeps its centered rhythm without any horizontal scroll. The dark surface, orange accent, and Playfair display type do the heavy lifting — this is a bold, editorial testimonial block designed to make a hospitality brand feel established rather than generic.

What’s inside

One Divi section with a centered header row and a three-column testimonial row, all built with native Divi 5 blocks (section, row, column, heading, text, testimonial)
Three native Divi testimonial modules — each with author, job title (used as regular/occasion tagline), company (used as table/party context), portrait, and quote
Editorial header stack: uppercase ember eyebrow, Playfair Display H2 with responsive 58 / 44 / 34px sizes, and a 640px cream intro paragraph
Warm dark palette baked in: `#1a1414` section, `#241b1b` cards, `#e85d3a` ember accent, `#f5ede4` cream text
Cards use a 20px rounded panel with a subtle ember border that brightens on hover and a `preset3` drop shadow for depth
Row is centered at 1240px max width with 28px flex gaps; cards flip to a single stacked column on phone
Section padding is set separately for desktop (120px) and phone (80px), so vertical rhythm is already tuned

Who it’s for

Steakhouses, chophouses, and fine-dining restaurants that want a guest-book moment on the homepage or reservations page. It fits any hospitality brand with a warm, established, candlelit personality — cocktail bars, whiskey rooms, tasting-menu spots, private-events venues, and boutique hotels with a restaurant. The three-card structure works equally well for chefs and hospitality groups showing off press quotes, catering clients, or event-planner reviews. Because the palette leans bold and moody, it also transplants cleanly to leather goods, barbershops, tattoo studios, and cigar lounges that want the same after-dark editorial feel. Keep it away from clinical or minimalist brands — this section is dressed for a Friday night, not a doctor's office.

Customization tips

Swap the ember accent by editing the eyebrow color and the two card border colors — pick your brand hue and reuse it in both the 0.18 (idle) and 0.55 (hover) opacities so the glow effect survives. For a lighter room, lift the section background from #1a1414 toward a warm cream and change the cream text (#f5ede4) to a deep espresso; the card contrast will follow. Portraits are 240px square via pravatar — replace each with a real 1:1 headshot (400×400 minimum) uploaded to your media library, or leave the initials avatar if you don't have photos. Quotes work best at two to three sentences (roughly 200–320 characters) so the three cards stay the same height; anything much longer will make one card visibly taller. The eyebrow line is a strong place to swap in your own opening year or tagline, and the H2 is capped at 820px so a slightly longer headline still centers cleanly.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Bold Restaurant Testimonials Layout — Divi 5 Steakhouse Guest Book

How do the three cards behave on mobile?

The row's `flexDirection` switches to `column` on phone, so the three testimonials stack full-width in the order shown. Section padding also drops from 120px to 80px vertical, and the H2 scales down to 34px so it fits smaller screens without breaking.

Which Divi modules are used?

Only native Divi 5 blocks — one section, two rows (header + cards), columns, two heading modules, one text module for the intro, and three testimonial modules. No third-party plugins or custom code.

Where do the portrait images come from?

The demo pulls placeholder avatars from `i.pravatar.cc` at 240×240. Replace each portrait URL with a real square photo from your media library — 400×400 or larger is safest so it stays crisp on retina screens.

What should I edit first after importing?

Start with the three testimonial modules: swap author names, replace the job-title field with your own *regular since / occasion* tagline, use the company field for the table or event context, and paste in your real quotes. Then update the eyebrow line (currently *Established 2010*) and the H2.

Can I add a fourth or fifth testimonial?

Yes, but the row is a flex layout capped at 1240px. Duplicating a column will push the cards narrower on desktop. For four or more quotes, either widen the row or split them into two rows of three so each card keeps its 44/36px padding and readable line length.

How is the hover glow on the cards built?

Each card column has a 1px border at `rgba(232,93,58,0.18)` in its idle state and `rgba(232,93,58,0.55)` on hover, plus a `preset3` box shadow. To change the glow color, edit both border values in the same accent hue so the transition stays smooth.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.