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.

Last updated on:

Updated on:

Available variants

Dark healthcare website hero section design for Clara Health featuring online doctor appointments, medical services, doctor ratings, and an interactive appointment booking interface.
Dark tablet healthcare landing page design featuring Clara Health branding, online GP appointments, doctor profiles, patient ratings, and a responsive booking scheduler.
Dark mobile healthcare website design showcasing Clara Health doctor booking, GP consultation services, medical illustrations, appointment dates, and available time slots.
Light healthcare website hero section design for Clara Health featuring a medical illustration, online doctor booking, GP consultation details, pricing information, and appointment scheduling.
Light tablet healthcare website layout showcasing Clara Health medical services, doctor appointment booking, GP consultation information, and an interactive scheduling interface.
Light mobile healthcare website design featuring Clara Health online doctor appointments, responsive booking buttons, medical illustrations, doctor availability, and appointment scheduling.

Health Clinic Hero Section with Appointment Picker

This health clinic hero section for Framer combines a calm headline, two clear buttons, doctor ratings, and a photo with a booking card on top. Patients pick a day and a time slot right in the card before they confirm.

...
...

Variants:

6

Breakpoints

Theme:

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

Copying disabled

How to use the component?

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

  • Sign in to your account if copying does not work.

  • Use it as the opening section of your site with the width set to Fill.

  • Match the light or dark variant to each breakpoint.

  • Replace the image assets, name, and specialty inside the Booking card on Light Desktop. The rest will auto-change.

  • The days live in "Hero 35" Days and the time slots in Hero 35 Times. Change the dates and times there, and the selected style follows on its own.

  • Update the doctor count, the rating, and the three checkmark labels so they match your clinic.

  • Pink marks the main button and the selected time. Swap the accent on those layers to use your brand colour.

  • The day and time picks are visual and are not sent anywhere. Link: Confirm the visit in your booking tool, such as Calendly or your patient portal.

  • Link: Book a visit, see prices, and the call button in the right panel. A tel: link makes the phone number tappable on mobile.

  • The menu button on tablet and phone opens a dropdown with every link.

  • Check the pickers in Preview before you publish.

  • Find other openers in the hero collection.

  • List your services or prices next, with cards.

Where to use?

  • A good fit for GP practices, dental and physio clinics, therapy services, and telehealth apps.

  • Put prices and opening hours in the next section so patients can decide fast.

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

Health Clinic Hero Section with Appointment Picker

This health clinic hero section for Framer combines a calm headline, two clear buttons, doctor ratings, and a photo with a booking card on top. Patients pick a day and a time slot right in the card before they confirm.

...
...

Variants:

6

Breakpoints

Theme:

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

Copying disabled

How to use the component?

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

  • Sign in to your account if copying does not work.

  • Use it as the opening section of your site with the width set to Fill.

  • Match the light or dark variant to each breakpoint.

  • Replace the image assets, name, and specialty inside the Booking card on Light Desktop. The rest will auto-change.

  • The days live in "Hero 35" Days and the time slots in Hero 35 Times. Change the dates and times there, and the selected style follows on its own.

  • Update the doctor count, the rating, and the three checkmark labels so they match your clinic.

  • Pink marks the main button and the selected time. Swap the accent on those layers to use your brand colour.

  • The day and time picks are visual and are not sent anywhere. Link: Confirm the visit in your booking tool, such as Calendly or your patient portal.

  • Link: Book a visit, see prices, and the call button in the right panel. A tel: link makes the phone number tappable on mobile.

  • The menu button on tablet and phone opens a dropdown with every link.

  • Check the pickers in Preview before you publish.

  • Find other openers in the hero collection.

  • List your services or prices next, with cards.

Where to use?

  • A good fit for GP practices, dental and physio clinics, therapy services, and telehealth apps.

  • Put prices and opening hours in the next section so patients can decide fast.

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

Health Clinic Hero Section with Appointment Picker

This health clinic hero section for Framer combines a calm headline, two clear buttons, doctor ratings, and a photo with a booking card on top. Patients pick a day and a time slot right in the card before they confirm.

...
...

Variants:

6

Breakpoints

Theme:

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

Copying disabled

How to use the component?

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

  • Sign in to your account if copying does not work.

  • Use it as the opening section of your site with the width set to Fill.

  • Match the light or dark variant to each breakpoint.

  • Replace the image assets, name, and specialty inside the Booking card on Light Desktop. The rest will auto-change.

  • The days live in "Hero 35" Days and the time slots in Hero 35 Times. Change the dates and times there, and the selected style follows on its own.

  • Update the doctor count, the rating, and the three checkmark labels so they match your clinic.

  • Pink marks the main button and the selected time. Swap the accent on those layers to use your brand colour.

  • The day and time picks are visual and are not sent anywhere. Link: Confirm the visit in your booking tool, such as Calendly or your patient portal.

  • Link: Book a visit, see prices, and the call button in the right panel. A tel: link makes the phone number tappable on mobile.

  • The menu button on tablet and phone opens a dropdown with every link.

  • Check the pickers in Preview before you publish.

  • Find other openers in the hero collection.

  • List your services or prices next, with cards.

Where to use?

  • A good fit for GP practices, dental and physio clinics, therapy services, and telehealth apps.

  • Put prices and opening hours in the next section so patients can decide fast.

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

Health Clinic Hero Section with Appointment Picker

This health clinic hero section for Framer combines a calm headline, two clear buttons, doctor ratings, and a photo with a booking card on top. Patients pick a day and a time slot right in the card before they confirm.

...
...

Variants:

6

Breakpoints

Theme:

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

Copying disabled

How to use the component?

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

  • Sign in to your account if copying does not work.

  • Use it as the opening section of your site with the width set to Fill.

  • Match the light or dark variant to each breakpoint.

  • Replace the image assets, name, and specialty inside the Booking card on Light Desktop. The rest will auto-change.

  • The days live in "Hero 35" Days and the time slots in Hero 35 Times. Change the dates and times there, and the selected style follows on its own.

  • Update the doctor count, the rating, and the three checkmark labels so they match your clinic.

  • Pink marks the main button and the selected time. Swap the accent on those layers to use your brand colour.

  • The day and time picks are visual and are not sent anywhere. Link: Confirm the visit in your booking tool, such as Calendly or your patient portal.

  • Link: Book a visit, see prices, and the call button in the right panel. A tel: link makes the phone number tappable on mobile.

  • The menu button on tablet and phone opens a dropdown with every link.

  • Check the pickers in Preview before you publish.

  • Find other openers in the hero collection.

  • List your services or prices next, with cards.

Where to use?

  • A good fit for GP practices, dental and physio clinics, therapy services, and telehealth apps.

  • Put prices and opening hours in the next section so patients can decide fast.

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

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

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

Fintech App Hero Section with Currency Switch

Nov 10, 2026

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

E-commerce Hero Section with Product Card

Nov 6, 2026

A light themed hero section for creative agencies.

Creative Agency Hero Section with Showreel

Nov 1, 2026

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

Saas Hero Section with Navigation Bar

Oct 29, 2026

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

Hero Section for Saas Websites

Sep 14, 2026

Hero Section with Animated Background for Framer

Aug 14, 2026

Hero Section for Framer Bold Statement

Aug 14, 2026

Hero Section for Framer Minimal Split

Aug 14, 2026

Hero Section for Framer Websites Animated

Aug 14, 2026

Hero Section for Framer Websites Blurry Background

Aug 15, 2026

Hero Section for Framer Websites With Form

Aug 14, 2026

Load More

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

Fintech App Hero Section with Currency Switch

Nov 10, 2026

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

E-commerce Hero Section with Product Card

Nov 6, 2026

A light themed hero section for creative agencies.

Creative Agency Hero Section with Showreel

Nov 1, 2026

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

Saas Hero Section with Navigation Bar

Oct 29, 2026

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

Hero Section for Saas Websites

Sep 14, 2026

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.

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.