Fleet Showcase Pages

Creating public fleet pages with customizable templates to market your vehicles

Fleet Showcase Pages

Fleet Pages let hosts create a public, shareable webpage showcasing their vehicles. These pages are ideal for marketing your fleet to potential guests outside of Turo.

Creating a Fleet Page

Use CreateFleetPageDialog to get started:

1. Choose a name — This becomes your page title
2. Pick a template — Select from four visual themes
3. Set a slug — Your page URL will be /fleet/[slug]

Once created, the page is immediately accessible at its public URL.

Templates

The TemplatePicker component offers four design themes:

Template	Style
Classic	Clean, professional layout with a white background
Bold	High-contrast design with prominent vehicle cards
Minimal	Stripped-down, typography-focused aesthetic
Midnight	Dark theme with elegant accents

Each template defines the color scheme, layout, and typography. The content sections are the same across all templates.

Fleet Page Editor

The FleetPageEditor is the main editing interface, organized into sections:

Hero Section

Configure the page headline, subtitle, and background image. This is the first thing visitors see.

Vehicles

Use VehicleSelector to choose which vehicles appear on the page. Each vehicle shows its photo, name, year/make/model, and a link to its Turo listing.

Testimonials

Add guest testimonials with name, quote, and optional rating. Displayed in a carousel or grid depending on the template.

FAQ

Add frequently asked questions with answers. Displayed as an accordion on the public page.

Social Links

Add links to your social media profiles (Instagram, TikTok, YouTube, etc.) displayed in the footer.

Settings

Configure the page slug, visibility (published/draft), and meta description for SEO.

Public Access

Published fleet pages are publicly accessible at:

https://your-domain.com/fleet/[slug]

No authentication is required. The page renders server-side for SEO benefits.

Custom domain support (e.g., pointing myfleet.com to your fleet page) is planned for a future release. See the project roadmap for details.

Key Components

Component	Purpose
CreateFleetPageDialog	Initial page creation
FleetPageEditor	Full page editing interface
TemplatePicker	Template selection UI
VehicleSelector	Choose vehicles to display
FleetPageCard	Fleet page listing card in the management view

Data Layer

Fleet page data is stored in the fleet_pages table. Operations are in src/lib/db/fleet-pages.ts.