tutorial getting-started

Getting Started with the Marketing Site Template

Learn how to set up and customize your new marketing site in minutes.
Getting Started with the Marketing Site Template

Welcome to the Marketing Site template! This guide will walk you through the basics of setting up and customizing your site.

Quick Start

  1. Configure your site - Edit src/config/site.ts to set your site name, description, navigation links, and footer content.

  2. Customize the landing page - Open src/pages/index.astro and compose your page using the available block components.

  3. Add content - Create blog posts in src/content/blog/ and showcase items in src/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.