creative-test-pack/portfolio.html at master · AFunLS/creative-test-pack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Ad Creative Portfolio | Tutuo Creative</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}
.hero{text-align:center;padding:80px 20px 40px;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%)}
.hero h1{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}
.hero p{font-size:1.2rem;color:#aaa;max-width:600px;margin:0 auto}
.badge{display:inline-block;background:#667eea22;border:1px solid #667eea44;color:#667eea;padding:6px 16px;border-radius:20px;font-size:.85rem;margin-bottom:24px}
.brands{max-width:1200px;margin:0 auto;padding:40px 20px}
.brand-section{margin-bottom:60px}
.brand-section h2{font-size:1.6rem;margin-bottom:8px;color:#fff}
.brand-section .vertical{font-size:.9rem;color:#667eea;margin-bottom:20px}
.creatives{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}
.creatives img{width:100%;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.5);transition:transform .2s}
.creatives img:hover{transform:scale(1.02)}
.label{font-size:.75rem;color:#666;text-align:center;margin-top:6px}
.cta-section{text-align:center;padding:60px 20px;background:#111}
.cta-btn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:opacity .2s}
.cta-btn:hover{opacity:.9}
.cta-btn.secondary{background:transparent;border:1px solid #667eea;color:#fff}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.stats{display:flex;justify-content:center;gap:60px;padding:40px 20px;border-bottom:1px solid #222}
.stat{text-align:center}
.stat .num{font-size:2rem;font-weight:700;color:#667eea}
.stat .desc{font-size:.85rem;color:#888}
footer{text-align:center;padding:40px 20px;color:#444;font-size:.85rem}
@media(max-width:768px){.creatives{grid-template-columns:1fr 1fr}.hero h1{font-size:2rem}.stats{gap:30px}.cta-actions .cta-btn{width:100%;text-align:center}}
</style>
</head>
<body>

<div class="hero">
  <div class="badge">🤖 AI-Generated in &lt;48 Hours</div>
  <h1>AI Ad Creative Portfolio</h1>
  <p>Real sample creatives generated for DTC brands. Each pack includes feed ads, stories, and multiple variations — delivered in 48 hours.</p>
  <div class="cta-actions" style="margin-top:24px;">
    <a href="https://buy.stripe.com/5kQ8wIc0JdtVgvAfZbcAo00" class="cta-btn">Buy $199 Creative Test Pack</a>
    <a href="https://calendly.com/REPLACE_ME/15min?utm_source=website&utm_medium=cta&utm_campaign=creative-test-pack" class="cta-btn secondary">Book a 15‑min call</a>
  </div>
</div>

<div class="stats">
  <div class="stat"><div class="num">48h</div><div class="desc">Turnaround</div></div>
  <div class="stat"><div class="num">10+</div><div class="desc">Creatives Per Pack</div></div>
  <div class="stat"><div class="num">$199</div><div class="desc">Pilot Pack</div></div>
  <div class="stat"><div class="num">85%</div><div class="desc">Cost Savings vs Agency</div></div>
</div>

<div class="brands">

  <div class="brand-section">
    <h2>Golde</h2>
    <div class="vertical">Superfood & Wellness</div>
    <div class="creatives">
      <div><img src="portfolio-golde-feed.png" alt="Golde feed ad"><div class="label">Instagram Feed — Lifestyle</div></div>
      <div><img src="portfolio-golde-story.png" alt="Golde story ad"><div class="label">Instagram Story</div></div>
    </div>
  </div>

  <div class="brand-section">
    <h2>Cuts Clothing</h2>
    <div class="vertical">Premium Menswear</div>
    <div class="creatives">
      <div><img src="portfolio-cuts-feed.png" alt="Cuts feed ad"><div class="label">Instagram Feed — Aspirational</div></div>
      <div><img src="portfolio-cuts-story.png" alt="Cuts story ad"><div class="label">Instagram Story</div></div>
    </div>
  </div>

  <div class="brand-section">
    <h2>Jones Road Beauty</h2>
    <div class="vertical">Clean Beauty</div>
    <div class="creatives">
      <div><img src="portfolio-jonesroad-feed.png" alt="Jones Road feed ad"><div class="label">Instagram Feed — Product Focus</div></div>
      <div><img src="portfolio-jonesroad-story.png" alt="Jones Road story ad"><div class="label">Instagram Story</div></div>
    </div>
  </div>

  <div class="brand-section">
    <h2>Athena Club</h2>
    <div class="vertical">Personal Care & Wellness</div>
    <div class="creatives">
      <div><img src="portfolio-athena-feed.png" alt="Athena Club feed ad"><div class="label">Instagram Feed — Premium</div></div>
      <div><img src="portfolio-athena-story.png" alt="Athena Club story ad"><div class="label">Instagram Story</div></div>
    </div>
  </div>

  <div class="brand-section">
    <h2>Kaged</h2>
    <div class="vertical">Sports Nutrition</div>
    <div class="creatives">
      <div><img src="portfolio-kaged-feed.png" alt="Kaged feed ad"><div class="label">Instagram Feed — Athletic</div></div>
      <div><img src="portfolio-kaged-story.png" alt="Kaged story ad"><div class="label">Instagram Story</div></div>
    </div>
  </div>

</div>

<div class="cta-section">
  <h2 style="margin-bottom:16px;font-size:1.8rem">Ready to see what AI can do for your brand?</h2>
  <p style="color:#aaa;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto">Get a custom creative pack for your brand. 48-hour turnaround, no contracts.</p>
  <div class="cta-actions">
    <a href="https://buy.stripe.com/5kQ8wIc0JdtVgvAfZbcAo00" class="cta-btn">Buy $199 Creative Test Pack</a>
    <a href="https://calendly.com/REPLACE_ME/15min?utm_source=website&utm_medium=cta&utm_campaign=creative-test-pack" class="cta-btn secondary">Book a 15‑min call</a>
  </div>
  <p style="margin-top:12px;color:#666;font-size:.85rem">or <a href="https://buy.stripe.com/14A8wI5Cl2Pha7c8wJcAo01" style="color:#667eea">$499/mo Sprint Plan</a> · <a href="https://buy.stripe.com/4gMbIU7Kt89B4MS7sFcAo02" style="color:#667eea">$1,500/mo Growth Plan</a></p>
</div>

<footer>© 2026 Tutuo Creative · AI-Powered Ad Creatives for DTC Brands</footer>

</body>
</html>