@ogpipe/next 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap" rel="stylesheet">
6
+ <script src="https://cdn.tailwindcss.com"></script>
7
+ <script>tailwind.config = { theme: { extend: { fontFamily: { sans: ['Inter', 'sans-serif'] } } } }</script>
8
+ </head>
9
+ <body class="w-[1200px] h-[630px] flex items-center justify-center p-20 font-sans" style="background: {{background}}; color: {{color}};">
10
+ <h1 class="text-[68px] font-extrabold text-center leading-[1.1] tracking-tight max-w-[900px]">{{title}}</h1>
11
+ </body>
12
+ </html>
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
6
+ <script src="https://cdn.tailwindcss.com"></script>
7
+ <script>tailwind.config = { theme: { extend: { fontFamily: { sans: ['Inter', 'sans-serif'] } } } }</script>
8
+ </head>
9
+ <body class="w-[1200px] h-[630px] flex flex-col justify-center items-center text-center p-16 font-sans bg-gradient-to-br from-indigo-600 via-purple-600 to-pink-500 relative overflow-hidden">
10
+ <!-- Background pattern -->
11
+ <div class="absolute inset-0 opacity-10" style="background-image: radial-gradient(circle at 1px 1px, white 1px, transparent 0); background-size: 40px 40px;"></div>
12
+
13
+ <!-- Logo placeholder -->
14
+ <div class="relative z-10 w-16 h-16 rounded-2xl bg-white/20 backdrop-blur border border-white/30 flex items-center justify-center mb-8">
15
+ <span class="text-2xl font-bold text-white">{{logo_letter}}</span>
16
+ </div>
17
+
18
+ <!-- Product name -->
19
+ <h1 class="relative z-10 text-[52px] font-extrabold text-white leading-tight tracking-tight max-w-[800px]">{{title}}</h1>
20
+
21
+ <!-- Tagline -->
22
+ <p class="relative z-10 text-[24px] text-white/80 mt-4 max-w-[600px] leading-relaxed">{{tagline}}</p>
23
+
24
+ <!-- CTA hint -->
25
+ <div class="relative z-10 mt-8 px-6 py-2.5 rounded-full bg-white/20 backdrop-blur border border-white/30">
26
+ <span class="text-white font-medium text-base">{{cta}}</span>
27
+ </div>
28
+ </body>
29
+ </html>