This church first visit landing page template is one HTML5 page with one goal. Faithmoor is a welcoming, one-page lead landing page for churches, community churches and ministries inviting first-time guests.

Every call to action leads to one goal – planning a first Sunday visit – with Your First Sunday With Us (the next gathering counting down and what to expect) and a form to let the church know you are coming, beside a map. The causes, this week’s events and sermons, the parish event, the live broadcast and the members’ words make the case.

Warm stone, navy and coral with the Newsreader serif. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support and a WebGL light texture – light shafts over photographs and stained-glass light on the night bands.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Church First Visit Landing Page: One Page, Built To Convert

• Hero Slider: First, a split hero with the church family’s faces and a Plan Your Visit button.
• Next Event and Latest Sermon: Then, the next gathering with its countdown and the latest sermon with a player.
• About: Next, a church that believes in Jesus, with its figures.
• Your First Sunday With Us: After that, the next gathering counting down, the services and what to expect.
• Plan Your Visit: Also, let us know you are coming – a working form beside a Google map.
• Causes: Then, winter shelter and warm meals in a slider with raised and goal, under stained-glass light.
• Gather, Listen & Grow: Next, this week’s events and sermons.
• Church Event: In addition, a parallax photo band with the event’s countdown.
• Our Live Broadcast: After that, the live stream and the recordings with YouTube video popups.
• Testimonials: Finally, what our members say, in a slider.

Church First Visit Landing Page Features

• One-page lead landing with a single goal: a first visit
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets (Bootstrap RTL included) and a switch in the top bar
• WebGL light texture tinted by the theme colours: light shafts and dust over photographs, stained-glass light on the night bands
• Real church logic: next service, live stream status, event countdowns, causes with raised and goal
• Candle Lit preloader, word-rise reveals and a media cursor
• Swiper sliders, Fancybox video popups, counters, a parallax photo band and a Google map
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free and a church icon font, loaded locally
• Fully responsive with a desktop-first breakpoint system
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, Flaticon church icons, RTLCSS, Google Fonts (Newsreader, Be Vietnam Pro).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files are included.

Browse more Church & Nonprofit landing pages, or the multi-page Church & Nonprofit website templates.