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