Basic
Light background
Optional eyebrow text
Light Background Pattern
Lorem ipsum dolor sit amet.
Dark Background
Lorem ipsum dolor sit amet, consectetur.
Dark Background Pattern
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Image Background
Lorem ipsum dolor sit amet, consectetur adipiscing.
Minimum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
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.
<!-- 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.
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 morbi tristique senectus et netus. Pellentesque elit ullamcorper.
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.
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
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'
]);