The landing page is a new template available in the 1.4 Release of Groundplan Theme (Sept 2019).
When should you use the Landing Page?
The landing page is an alternate option available to supplement the Home Page template. While the Home page template is designed to showcase the variety of your programming (e.g. through the Home Page Carousel), the Landing Page template is a more immersive layout that showcases the story of your company or program.
The Landing Page Template can serve as your Home Page, or it can be used as a landing page for a program like an education department. Both layouts help users get an overview of what you offer, and navigate to deeper pages to get more detail.
Landing Page Components
The landing page is a vertically-scrolling full screen page with several flexible content blocks that can be included, repeated, and sorted to build a full experience and promotions for more detailed pages and events. You can add as many blocks of as many different types as it takes to "tell the story" of your company
A full-screen image or background video block with a title, button, and teaser to promote a marquee event or page.
Similar to the Home Page promos, this promo section offers a flexible layout for 2-8 promos per section.
A 2-column responsive layout for your featured videos. The layout works for 1 - 6 videos.
A tour or venue map with either upcoming events or manual pins.
Landing Page Controls
To add a content block, click the "Add Content" Block button. You can then drag and drop your content block to create your desired order. We recommend that you begin your page with a feature.
Add a Feature
- Set a Background Image. Because this image displays full screen, make sure you use the provided Photoshop template to manage any critical content. We do not recommend including text or images within the background image unless it is properly centered with plenty of negative space.
- If you experience too much undesired cropping on mobile, you can set an optional Background Mobile Vertical Image to optimize your crop for mobile browsing.
- You can set an optional Background Video, which creates a looping video experience behind the text of the feature. Always set a fallback Background Image when setting a Background Video. To optimize the experience and page load time, follow the guidelines for mastering your video and optimizing compression and limit your video to 20 seconds. Background Video automatically plays when the page loads but does not play or include audio - it creates a visual experience only which is best practice required by browsers.
- Set a Feature Title, Feature Teaser, Button Link, and Button text to create a call to action for the feature.