Component Library for Landing Page
A sample page using components for the landing page
Text Block
- Contains text formatting as a WYSIWYG editor
Et fugit sequi hic possimus voluptas!
Lorem ipsum dolor sit amet. Qui repellendus tenetur et quam omnisAt officia aut porro atque qui odit vitae. Et quaerat galisum eos explicabo eligendi Aut dolore aut accusantium expedita a veritatis tempora sed repellat aperiam et nesciunt earum.
- Et voluptate ipsa non provident dolor.
- Eum sapiente delectus sit officiis totam.
- Qui rerum dolore in repellat illum.
- Ad molestiae ipsa ex suscipit voluptas aut facere dolor id labore quia!
- Cum optio dolor est sunt eligendi qui illum rerum!
Ut sunt facilis eos voluptate unde.
Aut numquam eveniet ut earum similiqueAt dolor est doloribus nihil et cupiditate tenetur. Et recusandae perferendis qui nobis aperiamin quia. Eos molestiae isteEt voluptatibus id molestias architecto est delectus necessitatibus aut autem enim ut nihil officiis et repudiandae culpa. Est autem velitEt illum ut veritatis itaque ut illum quia et voluptas quibusdam vel accusantium dolores.
- Eum nesciunt voluptas qui molestiae iusto.
- Est fugit rerum qui libero amet non esse enim.
- Ut quidem nemo qui nesciunt quia et unde illo qui incidunt voluptatem!
- Ut veniam dolor ut aliquid repellat 33 mollitia dolores.
Et blanditiis necessitatibus est autem beatae.
Est internos distinctio et quidem perspiciatiset repellat in molestiae explicabo. Cum laborum quam et dignissimos cupiditate Eos ipsum et vitae repellat non natus aperiam sit dolore repellendus aut quaerat veniam. Qui saepe omnisaut perferendis qui corrupti reiciendis.
Button Group
Used to add links or download a file
Call To Action
- Can be used with or without a background image
- Can add up to two button links

Call to Action Heading Goes Here
Sample CTA Text: Lorem ipsum dolor sit amet. Qui dolor iure rem fuga quia est voluptatum adipisci nam voluptas consequatur. At dolorem autem At voluptatem dolor hic nobis quae sit doloremque numquam est sunt voluptates ea dicta numquam et distinctio dolor
Two Column
- Fields Under Two Column
- Text
- Inline Images
- Button Group (Button Link/Download Button)
Column 1: Eos aperiam aspernatur rem magni aliquam qui tempora aliquam ad culpa dolor et illo esse ut dolorem quaerat. Sit nisi consectetur et error libero et officiis esse 33 incidunt consequatur non quos architecto hic tempore internos. Qui perferendis temporibus nam voluptas incidunt sed voluptas facilis et veritatis magni vel facilis facere At excepturi ipsa!

Caption for Inline Image within Two Columns
Column 2: Eos aperiam aspernatur rem magni aliquam qui tempora aliquam ad culpa dolor et illo esse ut dolorem quaerat. Sit nisi consectetur et error libero et officiis esse 33 incidunt consequatur non quos architecto hic tempore internos. Qui perferendis temporibus nam voluptas incidunt sed voluptas facilis et veritatis magni vel facilis facere At excepturi ipsa!

Caption for Inline Image within Two Columns
Embedded Image
- Image will fill the body content block
- Can be used with a image caption

Caption for an Embedded Image
Video
- Video can be used with an image preview uploaded over the video (as seen below)
- Can be used with uploaded video or use a video from YouTube
Switchback
- Layout Options
- Image Left
- Image Right
- Image Left with Grid Texture
- Image Right with Orbit Texture
- Theme
- Dark
- Light
- Image must be used
Switchback Heading: Lorem ipsum dolor sit amet.
Sit doloremque reiciendis ut totam iusto. Hic impedit nihil ut sint commodi in necess tatibus vero et laudantium quia rem nemo vitae et aspernatur libero aut odio quaerat. Sit minima porro et Quis atque id galisum beatae non aperiam mollitia et reprehenderit galisum eos distinctio culpa ea autem minus. Ad perspiciatis dolore eum consequatur iure cum placeat porro qui omnis corrupti ut harum temporibus ea molestiae culpa sit recusandae temporibus.


Teaser Card Grid
- Dark Theme Optional
- Top Border with Dark Theme allowed
- Up to 4 Cards
- Each card must have link & image
- Heading is optional
Teaser Card Grid Heading Goes Here
Card Grid Text: Id nemo illo hic corrupti dolores eos maxime quia? Qui esse laboriosam eos possimus rerum nam neque magnam est facere voluptatibus eum quis odit.
- Est consectetur consequuntur
- Ut cupiditate officia non enim voluptatem
- Qui saepe consequatur aut enim repudiandae ut corporis corrupti.
Featured News
Qui nemo quia ea dolore voluptates sit quam perferendis eum doloremque facere in perferendis officia qui quam dolorem! Non fugit culpa id veniam labore ut animi ratione et unde quos qui ipsam voluptatem sit perferendis saepe qui nesciunt dolor?