# Charisma Tranell — Editorial Branding Landing Page Template

A luxury, minimalist, black-and-white landing page for a branding photographer.

## What’s included

- **Landing.tsx** — The full single-page React component (9 sections: Hero, Manifesto, Offer, Portfolio, Identity, About, Testimonials, FAQ, Final CTA)
- **styles.css** — Tailwind CSS v4 theme with custom fonts (Playfair Display + Montserrat), editorial spacing, and color tokens
- **assets/** — 5 editorial portrait images (JPEG, B&W-ready)

## How to use

1. **Fonts**: Add Google Fonts to your HTML head:
   ```html
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
   ```

2. **Replace images**: Swap the files in `assets/` with your own editorial portraits. Keep filenames or update the imports in `Landing.tsx`.

3. **Customize text**: Update copy, pricing, and CTA links directly in `Landing.tsx`.

4. **Build**: Drop `Landing.tsx` and `styles.css` into a React + Tailwind project. The component uses standard Tailwind utility classes and custom CSS variables.

## Tech stack

- React 19 + TypeScript
- Tailwind CSS v4
- TanStack Router (or use as a plain React component)

## Branding

All references are set to **Charisma Tranell**. Update names, titles, and metadata as needed.
