Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;600&display=swap');
        .t-brand { color: #3D4A3E; }
        .bg-brand { background-color: #3D4A3E; }
        .t-gold { color: #7A6D55; }
        .font-serif { font-family: 'Playfair Display', serif; }
        .font-sans { font-family: 'Inter', sans-serif; }
        .card-shadow { box-shadow: 0 10px 30px -5px rgba(61, 74, 62, 0.1); }
        .line-strike { text-decoration: line-through; opacity: 0.4; }
        /* Fix for the badge wrapping */
        .badge-fix { white-space: nowrap; min-width: 140px; text-align: center; }
    </style>
</head>
<body class="bg-[#F9F7F2] font-sans py-12 px-4">

    <div class="max-w-6xl mx-auto">
        <div class="text-center mb-16">
            <h2 class="font-serif text-4xl md:text-5xl t-brand mb-4">Choose Your Path</h2>
            <div class="w-16 h-1 bg-brand mx-auto mb-4"></div>
            <p class="t-gold tracking-widest uppercase text-xs font-bold">The grit is in the consistency.</p>
        </div>

        <div class="grid md:grid-cols-3 gap-8 items-stretch">
            
            
            <div class="bg-white p-8 rounded-2xl card-shadow border border-stone-100 flex flex-col justify-between">
                <div>
                    <h3 class="text-2xl font-bold t-brand mb-1">The Cleanse</h3>
                    <p class="text-[10px] text-stone-400 uppercase tracking-widest font-bold mb-6">Single Reset Kit</p>
                    <div class="flex items-baseline mb-6">
                        <span class="text-4xl font-bold">$350</span>
                    </div>
                    <ul class="text-sm space-y-4 text-stone-600 mb-10">
                        <li class="flex items-start gap-2"><span>•</span> Full 30-Day Cleanse Kit</li>
                        <li class="flex items-start gap-2"><span>•</span> Genesis 1:29 Food Guide</li>
                        <li class="flex items-start gap-2"><span>•</span> Physical Tracking Calendar</li>
                        <li class="flex items-start gap-2 line-strike"><span>•</span> Weekly Group THERAPY Calls</li>
                        <li class="flex items-start gap-2 line-strike"><span>•</span> Private Community Access</li>
                    </ul>
                </div>
                <a href="https://buy.stripe.com/dRm3cw1K7bEIcxTbojcwg05" target="_parent" class="block text-center border-2 border-stone-200 py-3 rounded-xl font-bold t-brand hover:bg-stone-50 transition-all text-xs tracking-widest uppercase">Order Kit</a>
            </div>

            
            <div class="bg-white p-8 rounded-2xl shadow-2xl border-2 border-[#3D4A3E] flex flex-col justify-between relative transform md:scale-105 z-10 mt-8 md:mt-0">
                
                <div class="absolute -top-4 left-1/2 -translate-x-1/2 bg-brand text-white px-6 py-1.5 rounded-full text-[10px] font-bold uppercase tracking-[0.15em] shadow-lg badge-fix">
                    Recommended
                </div>
                <div>
                    <h3 class="text-2xl font-bold t-brand mb-1">The Rebirth</h3>
                    <p class="text-[10px] text-stone-400 uppercase tracking-widest font-bold mb-6">Community & Continuity</p>
                    <div class="flex items-baseline mb-1">
                        <span class="text-4xl font-bold">$125</span>
                        <span class="text-stone-400 text-sm ml-1">/mo</span>
                    </div>
                    <p class="text-[10px] t-gold font-bold mb-6 uppercase tracking-tighter italic">First Month: $350 (Includes Kit)</p>
                    <ul class="text-sm space-y-4 text-stone-600 mb-10">
                        <li class="flex items-start gap-2 font-semibold"><span>•</span> Full Cleanse Kit Included</li>
                        <li class="flex items-start gap-2"><span>•</span> Monthly Maintenance Teas</li>
                        <li class="flex items-start gap-2 font-semibold"><span>•</span> Weekly Group THERAPY Calls</li>
                        <li class="flex items-start gap-2"><span>•</span> Quarterly Reset Cleanse Kits</li>
                    </ul>
                </div>
                <a href="https://buy.stripe.com/bJefZicoL2480Pb9gbcwg06" target="_parent" class="block text-center bg-brand text-white py-4 rounded-xl font-bold hover:opacity-90 shadow-lg transition-all text-xs tracking-[0.2em] uppercase">Subscribe & Join</a>
            </div>

            
            <div class="bg-white p-8 rounded-2xl card-shadow border border-stone-100 flex flex-col justify-between mt-4 md:mt-0">
                <div>
                    <h3 class="text-2xl font-bold t-brand mb-1">The VIP</h3>
                    <p class="text-[10px] text-stone-400 uppercase tracking-widest font-bold mb-6">Direct Mentorship</p>
                    <div class="flex items-baseline mb-1">
                        <span class="text-4xl font-bold">$199</span>
                        <span class="text-stone-400 text-sm ml-1">/mo</span>
                    </div>
                    <p class="text-[10px] t-gold font-bold mb-6 uppercase tracking-tighter italic">First Month: $350 (Includes Kit)</p>
                    <ul class="text-sm space-y-4 text-stone-600 mb-10">
                        <li class="flex items-start gap-2 font-semibold text-brand"><span>•</span> 30-Min Onboarding Call</li>
                        <li class="flex items-start gap-2 font-semibold"><span>•</span> Everything in The Rebirth</li>
                        <li class="flex items-start gap-2"><span>•</span> Priority Voxer Access</li>
                        <li class="flex items-start gap-2"><span>•</span> Monthly 15-min Check-in</li>
                    </ul>
                </div>
                <a href="https://buy.stripe.com/4gM7sM2Ob1042Xj1NJcwg07" target="_parent" class="block text-center border-2 border-stone-200 py-3 rounded-xl font-bold t-brand hover:bg-stone-50 transition-all text-xs tracking-widest uppercase">Go VIP</a>
            </div>

        </div>
    </div>

</body>
</html>

THERAPY

I own a herbal wellness brand called THERAPY that offers a 30-day herbal cleanse with 4 teas. The brand is about reconnecting with nature and healing through intention.