Basic
Light background
Optional eyebrow text
Light Background Pattern
Lorem ipsum dolor sit amet, consectetur adipiscing.
Dark Background Pattern
Lorem ipsum dolor
Image Background
Lorem ipsum dolor sit
Minimum
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.
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.
<!-- 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 et netus. Pellentesque elit.
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.
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.
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
Healthy Living Article
mm
Press Release
Lorem ipsum dolor
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'
]);