Basic
Light background
Optional eyebrow text
Light Background Pattern
Lorem ipsum dolor sit amet, consectetur adipiscing.
Dark Background
Lorem ipsum dolor
Dark Background Pattern
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed.
Minimum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis.
<!-- See template for arguements -->
get_atomic('@organisms/hero', null, [
'post_type' => 'page',
'title' => '...',
'subtitle' => '...',
'description' => '...',
'images' => [
'mobile' => [
'url' => '/wp-content/themes/westchester/theme/images/hero/fpo-hero-mobile.jpg',
'alt' => 'FPO Hero Mobile',
],
'desktop' => [
'url' => '/wp-content/themes/westchester/theme/images/hero/fpo-hero-desktop.jpg',
'alt' => 'FPO Hero Desktop',
],
],
'icon_name' => 'telehealth',
'cta1_label' => '...',
'cta1_href' => '#',
'cta2_label' => '...',
'cta2_href' => '#',
]);
Pass in content
Pass content into a Hero
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus.
Headline takes extra space
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant.
Content takes extra space
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim.
get_atomic('@organisms/hero', null, [
'aside' => 'content...'
]);
get_atomic('@organisms/hero', null, [
'aside' => 'content...',
'aside_width' => 'min',
]);
get_atomic('@organisms/hero', null, [
'aside' => 'content...',
'aside_width' => 'max',
]);Healthy Living Landing
Healthy Living Landing
Lorem ipsum dolor sit amet, consectetur adipiscing.
Healthy Living Article
mm
Press Release
Lorem
March 20, 2024
get_atomic('@organisms/hero', null, [
'post_type' => 'press-release',
'title' => lorem(20) ,
'description' => lorem(30),
'images' => [
'mobile' => [
'url' => '/wp-content/themes/westchester/theme/images/hero/fpo-hero-press-release-mobile.jpg',
'alt' => ...,
],
'desktop' => [
'url' => '/wp-content/themes/westchester/theme/images/hero/fpo-hero-press-release-desktop.jpg',
'alt' => ...,
],
],
'press_release_date' => 'March 20, 2024',
'press_release_url' => 'http://bigmoney.com'
]);