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