<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pingroupie - Pinterest Marketing Tools - Coming Soon</title>
<link rel="icon" type="image/svg+xml" href="/img/logo.svg">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts - Inter -->
<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=Inter:wght@100..900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
.animate-pulse-slow {
animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.gradient-bg {
background: linear-gradient(-45deg, #ec4899, #f472b6, #f9a8d4, #fbbf24);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
/* Dark theme styles */
[data-theme="dark"] body {
background-color: rgb(17 24 39);
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
color: rgb(243 244 246);
}
[data-theme="dark"] p {
color: rgb(209 213 219);
}
[data-theme="dark"] .text-gray-900 {
color: rgb(243 244 246);
}
[data-theme="dark"] .text-gray-600 {
color: rgb(156 163 175);
}
[data-theme="dark"] .text-gray-500 {
color: rgb(156 163 175);
}
[data-theme="dark"] .text-gray-700 {
color: rgb(209 213 219);
}
[data-theme="dark"] .bg-gray-50 {
background-color: rgb(17 24 39);
}
[data-theme="dark"] .bg-white {
background-color: rgb(31 41 55);
}
[data-theme="dark"] .border-gray-100 {
border-color: rgb(55 65 81);
}
[data-theme="dark"] .bg-yellow-50 {
background-color: rgba(217 119 6 / 0.2);
}
[data-theme="dark"] .border-yellow-200 {
border-color: rgb(202 138 4);
}
[data-theme="dark"] .bg-pink-100 {
background-color: rgba(219 39 119 / 0.3);
}
[data-theme="dark"] .text-pink-600 {
color: rgb(244 114 182);
}
[data-theme="dark"] .hover\:text-pink-700:hover {
color: rgb(249 168 212);
}
</style>
</head>
<body class="min-h-screen bg-gray-50 flex items-center justify-center px-4 py-12">
<div class="max-w-4xl w-full text-center">
<!-- Logo -->
<div class="mb-12 flex justify-center">
<svg class="w-16 h-16 animate-pulse-slow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="none"
stroke="#ec4899" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="200" height="900" x="200" y="50" fill="#ec4899"></rect>
<rect width="200" height="450" x="600" y="50" fill="#ec4899"></rect>
</svg>
</div>
<!-- Main Content -->
<h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-8">
Something Amazing is Coming
</h1>
<!-- Important Notice -->
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-6 mb-12 max-w-2xl mx-auto">
<h2 class="text-lg font-semibold text-gray-900 mb-2">Important Notice</h2>
<p class="text-gray-700">
The new Pinterest privacy rules are forcing us to rebuild the site. If you want to cancel your subscription, please send a quick mail with your Pingroupie account e-mail to
<a href="mailto:support@pingroupie.com" class="text-pink-600 hover:text-pink-700 font-medium">support@pingroupie.com</a>
</p>
</div>
<p class="text-xl md:text-2xl text-gray-600 mb-12 max-w-2xl mx-auto">
We're rebuilding Pingroupie from the ground up with powerful new features to supercharge your Pinterest strategy.
</p>
<!-- Features Grid -->
<div class="grid md:grid-cols-3 gap-6 mb-16 max-w-3xl mx-auto">
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<div class="w-12 h-12 bg-pink-100 rounded-lg flex items-center justify-center mb-4 mx-auto">
<svg class="w-6 h-6 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
</div>
<h3 class="font-semibold text-gray-900 mb-2">Pin Scheduler</h3>
<p class="text-gray-600 text-sm">Schedule your pins for optimal engagement</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<div class="w-12 h-12 bg-pink-100 rounded-lg flex items-center justify-center mb-4 mx-auto">
<svg class="w-6 h-6 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
</div>
<h3 class="font-semibold text-gray-900 mb-2">Pin Designer</h3>
<p class="text-gray-600 text-sm">Create stunning pins with our design tools</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<div class="w-12 h-12 bg-pink-100 rounded-lg flex items-center justify-center mb-4 mx-auto">
<svg class="w-6 h-6 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
</svg>
</div>
<h3 class="font-semibold text-gray-900 mb-2">AI Assisted Pin Generator</h3>
<p class="text-gray-600 text-sm">Generate pins from any website with AI</p>
</div>
</div>
<!-- Footer -->
<p class="text-gray-500 text-sm">
Questions? Contact us at
<a href="mailto:support@pingroupie.com" class="text-pink-600 hover:text-pink-700">support@pingroupie.com</a>
</p>
</div>
</body>
</html>