Initial commit with translated description
This commit is contained in:
75
references/marketing-copy.md
Normal file
75
references/marketing-copy.md
Normal file
@@ -0,0 +1,75 @@
|
||||
# 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>
|
||||
```
|
||||
Reference in New Issue
Block a user