tutorial getting-started
Getting Started with the Marketing Site Template
Learn how to set up and customize your new marketing site in minutes.
Welcome to the Marketing Site template! This guide will walk you through the basics of setting up and customizing your site.
Quick Start
-
Configure your site - Edit
src/config/site.tsto set your site name, description, navigation links, and footer content. -
Customize the landing page - Open
src/pages/index.astroand compose your page using the available block components. -
Add content - Create blog posts in
src/content/blog/and showcase items insrc/content/showcase/.
Block Components
The template includes five core block components:
- Hero - Full-width hero section with badge, title, subtitle, and CTAs
- FeatureGrid - Responsive grid of feature cards with icons
- Stats - Highlighted statistics section
- ContentSection - Two-column content with image and bullet points
- CallToAction - Conversion-focused section with gradient options
UI Primitives
Three reusable UI components are available:
- Button - Primary, secondary, outline, and ghost variants
- Card - Default, bordered, and elevated variants
- Badge - Default, primary, secondary, and outline variants
Next Steps
Check out the showcase to see example sites built with this template.