76 lines
1.7 KiB
Markdown
76 lines
1.7 KiB
Markdown
|
# Marketing Copy Patterns
|
||
|
|
|
||
|
|
## Hero Section
|
||
|
|
|
||
|
|
```typescript
|
||
|
|
<Hero>
|
||
|
|
{/* Headline: Main benefit */}
|
||
|
|
<h1>Deploy your app in seconds, not hours</h1>
|
||
|
|
|
||
|
|
{/* Subheadline: How/Who */}
|
||
|
|
<p>Push your code and we'll handle deployment, scaling, monitoring.</p>
|
||
|
|
|
||
|
|
{/* CTA */}
|
||
|
|
<Button>Start Free Trial</Button>
|
||
|
|
<Button variant="outline">Watch Demo (2 min)</Button>
|
||
|
|
|
||
|
|
{/* Social proof */}
|
||
|
|
<p>Trusted by 50,000+ developers at Airbnb, Netflix, Shopify</p>
|
||
|
|
</Hero>
|
||
|
|
```
|
||
|
|
|
||
|
|
## Feature Descriptions
|
||
|
|
|
||
|
|
Focus on benefits, not features. Be specific (numbers, timeframes).
|
||
|
|
|
||
|
|
```typescript
|
||
|
|
const features = [
|
||
|
|
{
|
||
|
|
title: 'Lightning-Fast Deploys',
|
||
|
|
description: 'See it live in under 30 seconds. No config files.'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Auto-Scaling',
|
||
|
|
description: 'Handle any traffic spike. Scale from zero to millions.'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
```
|
||
|
|
|
||
|
|
## Call-to-Action (CTA)
|
||
|
|
|
||
|
|
| Type | Example |
|
||
|
|
|------|---------|
|
||
|
|
| Value-focused | "Start Free Trial", "Get Started Free" |
|
||
|
|
| Urgency | "Claim Your Spot", "Join 10,000 Developers" |
|
||
|
|
| Low commitment | "Browse Templates", "See How It Works" |
|
||
|
|
|
||
|
|
Formula: Verb + Benefit + Remove friction ("Free", "No credit card")
|
||
|
|
|
||
|
|
## Email Templates
|
||
|
|
|
||
|
|
### Welcome Email
|
||
|
|
|
||
|
|
```typescript
|
||
|
|
<Email>
|
||
|
|
<Heading>Welcome, {name}!</Heading>
|
||
|
|
<Text>Here's what to do next:</Text>
|
||
|
|
<ol>
|
||
|
|
<li>Connect your Git repository</li>
|
||
|
|
<li>Deploy your first project (2 min)</li>
|
||
|
|
<li>Invite your team</li>
|
||
|
|
</ol>
|
||
|
|
<Button>Deploy Your First Project</Button>
|
||
|
|
</Email>
|
||
|
|
```
|
||
|
|
|
||
|
|
### Transactional Email
|
||
|
|
|
||
|
|
```typescript
|
||
|
|
<Email>
|
||
|
|
<Heading>Payment Successful</Heading>
|
||
|
|
<Text>We've received your payment of {total}.</Text>
|
||
|
|
<Text>Order: {orderNumber}</Text>
|
||
|
|
<Button>View Order Details</Button>
|
||
|
|
</Email>
|
||
|
|
```
|