Home

Library

Hero

Light themed restaurant website hero section for Ember & Salt featuring a restaurant interior, gourmet food photography, waterfront dining, and an integrated table reservation interface.

Last updated on:

Updated on:

Available variants

Dark restaurant website hero section for Ember & Salt featuring a restaurant interior, gourmet food photography, waterfront dining, and an integrated table reservation interface.
Dark-themed Ember & Salt restaurant website hero design featuring an elegant dining atmosphere, food photography, promotional headline, and table reservation interface.
Dark mobile restaurant website design for Ember & Salt featuring stacked restaurant and food images, opening hours, dining information, and a table booking form.
Light-themed Ember & Salt restaurant website hero design featuring a premium restaurant layout, editorial food imagery, dining information, and an interactive booking section.
Light tablet restaurant website design showcasing a responsive image gallery, restaurant introduction, opening hours, guest selection, and reservation options.
Light mobile restaurant website layout featuring restaurant interior photography, food imagery, waterfront dining, and a responsive reservation form.

Restaurant Hero Section with Table Reservation

This restaurant hero section for Framer shows a three-photo collage next to an open-tonight label, a warm headline, and a reservation card. Guests choose the party size and an available time, with fully booked slots crossed out.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Sign in

Copying disabled

Preview the component

How to use the component?

  • Click copy above and paste the section into your Framer project.

  • Copying works once you sign in, so log in first to copy.

  • Swap the images in Photo Big, Photo Dish, and Photo Plate. A wide shot of the room works best in the big frame.

  • Party size is Hero 40 Guests, and the times are Hero 40 Slots. Change the times there; the first slot shows how a booked time looks.

  • Edit the opening hours, the date line, and the Since 2014 tag to match your restaurant.

  • Guest and time choices are for show and are not sent anywhere. Link Reserve this table to your booking system, like OpenTable, Resy, or SevenRooms.

  • Point Change date and the Reserve button in the nav to the same booking page.

  • On tablet and phone, the menu button opens the links and a reservation button.

  • Test the pickers and the menu in Preview.

  • The hero collection has more photo-led layouts.

  • Show dishes or set menus next, with cards.

Where to use?

  • Fits restaurants, wine bars, cafés, bakeries, and private dining spaces.

  • Follow it with your menu and a short story about the kitchen.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Restaurant Hero Section with Table Reservation

This restaurant hero section for Framer shows a three-photo collage next to an open-tonight label, a warm headline, and a reservation card. Guests choose the party size and an available time, with fully booked slots crossed out.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Sign in

Copying disabled

Preview the component

How to use the component?

  • Click copy above and paste the section into your Framer project.

  • Copying works once you sign in, so log in first to copy.

  • Swap the images in Photo Big, Photo Dish, and Photo Plate. A wide shot of the room works best in the big frame.

  • Party size is Hero 40 Guests, and the times are Hero 40 Slots. Change the times there; the first slot shows how a booked time looks.

  • Edit the opening hours, the date line, and the Since 2014 tag to match your restaurant.

  • Guest and time choices are for show and are not sent anywhere. Link Reserve this table to your booking system, like OpenTable, Resy, or SevenRooms.

  • Point Change date and the Reserve button in the nav to the same booking page.

  • On tablet and phone, the menu button opens the links and a reservation button.

  • Test the pickers and the menu in Preview.

  • The hero collection has more photo-led layouts.

  • Show dishes or set menus next, with cards.

Where to use?

  • Fits restaurants, wine bars, cafés, bakeries, and private dining spaces.

  • Follow it with your menu and a short story about the kitchen.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Restaurant Hero Section with Table Reservation

This restaurant hero section for Framer shows a three-photo collage next to an open-tonight label, a warm headline, and a reservation card. Guests choose the party size and an available time, with fully booked slots crossed out.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Sign in

Copying disabled

Preview the component

How to use the component?

  • Click copy above and paste the section into your Framer project.

  • Copying works once you sign in, so log in first to copy.

  • Swap the images in Photo Big, Photo Dish, and Photo Plate. A wide shot of the room works best in the big frame.

  • Party size is Hero 40 Guests, and the times are Hero 40 Slots. Change the times there; the first slot shows how a booked time looks.

  • Edit the opening hours, the date line, and the Since 2014 tag to match your restaurant.

  • Guest and time choices are for show and are not sent anywhere. Link Reserve this table to your booking system, like OpenTable, Resy, or SevenRooms.

  • Point Change date and the Reserve button in the nav to the same booking page.

  • On tablet and phone, the menu button opens the links and a reservation button.

  • Test the pickers and the menu in Preview.

  • The hero collection has more photo-led layouts.

  • Show dishes or set menus next, with cards.

Where to use?

  • Fits restaurants, wine bars, cafés, bakeries, and private dining spaces.

  • Follow it with your menu and a short story about the kitchen.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Restaurant Hero Section with Table Reservation

This restaurant hero section for Framer shows a three-photo collage next to an open-tonight label, a warm headline, and a reservation card. Guests choose the party size and an available time, with fully booked slots crossed out.

...
...

Variants:

6

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Sign in

Copying disabled

Preview the component

How to use the component?

  • Click copy above and paste the section into your Framer project.

  • Copying works once you sign in, so log in first to copy.

  • Swap the images in Photo Big, Photo Dish, and Photo Plate. A wide shot of the room works best in the big frame.

  • Party size is Hero 40 Guests, and the times are Hero 40 Slots. Change the times there; the first slot shows how a booked time looks.

  • Edit the opening hours, the date line, and the Since 2014 tag to match your restaurant.

  • Guest and time choices are for show and are not sent anywhere. Link Reserve this table to your booking system, like OpenTable, Resy, or SevenRooms.

  • Point Change date and the Reserve button in the nav to the same booking page.

  • On tablet and phone, the menu button opens the links and a reservation button.

  • Test the pickers and the menu in Preview.

  • The hero collection has more photo-led layouts.

  • Show dishes or set menus next, with cards.

Where to use?

  • Fits restaurants, wine bars, cafés, bakeries, and private dining spaces.

  • Follow it with your menu and a short story about the kitchen.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Library overview

Framerstacks hosts one of the largest collections of pre-built Framer components and website sections. With 270+ professionally designed components and 1000+ variants.

Our library spans 120+ webpage section categories, enabling creators to build beautiful, high-performance websites in Framer faster than ever.

Explore the main library page.

Contribution

Have something creative on your mind? Or wish to become a contributor inside Framerstacks?

You're welcome. Join as a contributor and help to shape the future of the high-quality Framer components and sections gallery. Head over to the submission page and contribute.

Support

If you need any further support related to this specific component or section, please get in touch at hello@framerstacks.com

One of our customer support team members will get in touch with you within 24 hours.

To report an issue with the product, purchase, functionality, submit a ticket.

Just like more components

A light themed hero section featuring a carbon management platform with a renewable energy landscape, wind turbines, emissions analytics, and green call-to-action buttons.

Climate Tech Hero Section with Data Cards

Nov 11, 2026

Copy

6

Light mode SaaS landing page hero section featuring Lattice productivity dashboard, project management tasks, calendar, and email signup form.

SaaS Workspace Hero Section with Email Signup

Nov 11, 2026

Copy

6

Light themed event landing page design for Signal Summit 2027 featuring event details, speaker highlights, countdown timer, and ticket booking section.

Event Hero Section with Live Countdown

Nov 11, 2026

Copy

6

Light healthcare website desktop hero section design for Clara Health featuring a medical illustration, online doctor booking, GP consultation details, pricing information, and appointment scheduling.

Health Clinic Hero Section with Appointment Picker

Nov 11, 2026

Copy

6

Light real estate website hero section design featuring a modern luxury house, transparent navigation bar, property search filters, and gold call-to-action button.

Real Estate Hero Section with Property Search

Nov 11, 2026

Copy

6

Fintech App Hero Section with Currency Switch

Nov 10, 2026

Copy

6

A light themed home page hero section for an e-commerce Framer website.

E-commerce Hero Section with Product Card

Nov 6, 2026

Copy

6

A light themed hero section for creative agencies.

Creative Agency Hero Section with Showreel

Nov 1, 2026

Copy

6

A light themed SaaS hero section with navigation bar for Framer.

Saas Hero Section with Navigation Bar

Oct 29, 2026

Copy

6

A light themed UI design of a hero section with animating background effect.

Hero Section for Saas Websites

Sep 14, 2026

Copy

4

Hero Section with Animated Background for Framer

Aug 14, 2026

Copy

4

Hero Section for Framer Bold Statement

Aug 14, 2026

Copy

6

Load More

A light themed hero section featuring a carbon management platform with a renewable energy landscape, wind turbines, emissions analytics, and green call-to-action buttons.

Climate Tech Hero Section with Data Cards

Nov 11, 2026

Copy

6

Light mode SaaS landing page hero section featuring Lattice productivity dashboard, project management tasks, calendar, and email signup form.

SaaS Workspace Hero Section with Email Signup

Nov 11, 2026

Copy

6

Light themed event landing page design for Signal Summit 2027 featuring event details, speaker highlights, countdown timer, and ticket booking section.

Event Hero Section with Live Countdown

Nov 11, 2026

Copy

6

Light healthcare website desktop hero section design for Clara Health featuring a medical illustration, online doctor booking, GP consultation details, pricing information, and appointment scheduling.

Health Clinic Hero Section with Appointment Picker

Nov 11, 2026

Copy

6

Light real estate website hero section design featuring a modern luxury house, transparent navigation bar, property search filters, and gold call-to-action button.

Real Estate Hero Section with Property Search

Nov 11, 2026

Copy

6

Fintech App Hero Section with Currency Switch

Nov 10, 2026

Copy

6

Load More

The FAQs

Have questions? We got you…

Everything you need to know about our product and billing.

What is Framerstack?

Is there a free plan available?

What about the refund policy?

How I can avail my user license?

Still have questions? Or can't find the right answer? Please contact us. One of our customer support team members will get in touch with you.

Contact us

Join to the community

Stay in the loop with everything you need to know.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.