Customization

Overview

The template is designed to be customized. Common modifications:

• Brand colors and typography
• Landing page content
• Component styling
• Content gating rules

Quick Customizations

App Name

Update in the site config:

export const siteConfig = {
  name: 'Your App Name',
  description: 'Your app description',
  url: 'https://yourapp.com',
};

Logo

Replace logo files:

public/
├── logo.svg
├── logo-dark.svg
└── favicon.ico

Colors

Edit CSS variables in src/styles/globals.css or Tailwind config.

Landing Content

Edit marketing copy in:

src/app/(marketing)/page.tsx