Eventra Studio — Wedding Planner Astro Template

Eventra Studio is an Astro template for wedding planners, venues and event studios. It pairs Cinzel serif headings with arch-shaped photos, sage buttons and deep forest green sections, so the site feels calm and formal.

It is built with Astro 7, Tailwind CSS 4, GSAP and Lenis. The output is static HTML, and almost all of the text lives in Markdown frontmatter and JSON files.

Pages

Home: intro cover, hero with rotating words and a countdown, services, video moments, venues, a scroll-driven showcase, gallery, testimonials, contact and a call to action.

About: studio story, partner logos and reasons to choose the studio.

Services: service cards, animated stats and testimonials.

Service Details: one template used by 8 included services, with a photo glimpse section.

Venues: 9 venue cards with location tags.

Venue Details: description, photos, address, contacts and a comment form. All venue cards link to this one page.

Gallery: five photo tabs (Ceremony, Portraits, Decor, Family & Friends, Candid Moments) and scrolling photo tickers.

Sponsors: logo grids with hover fills.

Blog: post cards from a content collection.

Blog Post: one template used by 12 included articles, with related posts and a comment form.

Contact: contact details and an enquiry form.

404: a styled error page.

Built in

Intro and page transitions: a cover animation on the home page and animated panels between pages.

Smooth scrolling: Lenis, tied into GSAP ScrollTrigger.

Scroll animation: element reveals and a showcase section scrubbed by scroll.

Countdown: a running countdown in the hero. The demo timer loops, and its values are constants in the hero file.

Video player: the Moments section plays a video on click.

Gallery tabs: switch photo sets without leaving the page.

Testimonial slider: previous and next controls with animated photos and quotes.

Animated numbers: stat counters built with number-flow.

Reduced motion: the animation is skipped when a visitor asks for reduced motion.

Mobile menu: a drawer navigation for small screens.

Easy to edit

Site name, logo text, navigation, footer and social links are in src/config/*.json. Page text and image paths are in src/content/, with one folder per page. Colours and fonts are in src/styles/variables.css.

Add a Markdown file to src/content/blog-posts/ or src/content/service-details/ and the page is built for you. Every page has its own title and description, plus canonical and Open Graph tags, and a sitemap is generated at build time.

Good to know

Images: the download has placeholder images at the exact demo sizes, and a blank placeholder video. The demo photos are not included.

Forms: front-end only. Set forms.action in src/config/config.json to your form endpoint. While it is empty, forms show the success state without sending anything.

Output: static, so it can be hosted on any static host.

Requirements: Node 22.23.4 or newer, and Bun.

Full documentation is included in the download.