Merge branch 'bezel/black-friday'

nonstrict-hq · Nov 28, 2024 · aab5388 · aab5388
2 parents 237a7d1 + 095b400
commit aab5388
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/bezel/Sources/BezelWebsite/Theme/HeroAlt.html b/bezel/Sources/BezelWebsite/Theme/HeroAlt.html
@@ -10,13 +10,13 @@
             class="mx-auto max-w-xl min-h-[24rem] sm:min-h-[448px] lg:min-h-min lg:max-h-[448px] flex-shrink-0 flex flex-col justify-center gap-8 lg:mx-0 lg:mt-8">
             <div>
                 <p class="lg:-mt-8 mb-4">
-                    <a href="/bezel/#record"
+                    <a href="/bezel/pricing"
                         class="rounded-full bg-green-600 py-1.5 px-4 text-sm font-medium tracking-wide text-white hover:underline">
                         <svg class="max-[389px]:hidden h-4 w-4 fill-yellow-300 inline mr-2" viewBox="0 0 24 24">
                             <path fill-rule="evenodd"
                                 d="M9 4.5a.75.75 0 01.721.544l.813 2.846a3.75 3.75 0 002.576 2.576l2.846.813a.75.75 0 010 1.442l-2.846.813a3.75 3.75 0 00-2.576 2.576l-.813 2.846a.75.75 0 01-1.442 0l-.813-2.846a3.75 3.75 0 00-2.576-2.576l-2.846-.813a.75.75 0 010-1.442l2.846-.813A3.75 3.75 0 007.466 7.89l.813-2.846A.75.75 0 019 4.5zM18 1.5a.75.75 0 01.728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 010 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 01-1.456 0l-.258-1.036a2.625 2.625 0 00-1.91-1.91l-1.036-.258a.75.75 0 010-1.456l1.036-.258a2.625 2.625 0 001.91-1.91l.258-1.036A.75.75 0 0118 1.5zM16.5 15a.75.75 0 01.712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 010 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 01-1.422 0l-.395-1.183a1.5 1.5 0 00-.948-.948l-1.183-.395a.75.75 0 010-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0116.5 15z"
                                 clip-rule="evenodd"></path>
-                        </svg>Bezel v2: Introducing Recording <span aria-hidden="true">&rarr;</span></a>
+                        </svg>Black Friday Deal — Save 50% <span aria-hidden="true">&rarr;</span></a>
                 </p>
                 <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-6xl">Mirror any
                     iPhone<br />on your Mac</h1>

diff --git a/bezel/Sources/BezelWebsite/Theme/Pricing.html b/bezel/Sources/BezelWebsite/Theme/Pricing.html
@@ -15,8 +15,10 @@ <h2 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:te
 
             <div class="relative mx-auto mt-2 mb-1 max-w-sm rounded-3xl p-8 ring-1 xl:p-10 ring-gray-300 dark:ring-gray-200 bg-white">
                 <h3 id="bezel-license" class="text-lg font-semibold leading-8 text-gray-900">Bezel Pro &mdash; 1 Mac</h3>
+                <p class="absolute top-0 -translate-y-1/2 transform rounded-full bg-green-600 -ml-4 py-1.5 px-4 text-sm font-semibold uppercase tracking-wide text-white">Black Friday Deal — 50% Off</p>
                 <p class="mt-1 flex items-baseline gap-x-1">
-                <span class="text-4xl font-bold tracking-tight text-gray-900">$29</span>
+                    <span class="relative text-3xl font-bold tracking-tight text-gray-500"><span class="absolute top-1/2 left-0 h-[3px] w-full -translate-y-1/2 -rotate-[12deg] bg-current "></span>$29</span>
+                    <span class="ml-1 text-4xl font-bold tracking-tight text-gray-900">$14.50</span>
                 </p>
                 <p class="mt-1 text-sm leading-6 text-gray-600">Pay-once license for your Mac.</p>
                 <ul role="list" class="mt-8 space-y-3 text-sm leading-6 xl:mt-10 text-gray-600">
@@ -49,9 +51,10 @@ <h3 id="bezel-license" class="text-lg font-semibold leading-8 text-gray-900">Bez
             </div>
             <div class="relative mx-auto mt-2 mb-1 max-w-sm rounded-3xl p-8 ring-1 xl:p-10 ring-gray-300 dark:ring-gray-200 bg-white">
                 <h3 id="bezel-license" class="text-lg font-semibold leading-8 text-gray-900">Bezel Pro &mdash; 3 Macs</h3>
-                <p class="absolute top-0 -translate-y-1/2 transform rounded-full bg-green-600 -ml-4 py-1.5 px-4 text-sm font-semibold uppercase tracking-wide text-white"><svg class="h-4 w-4 fill-yellow-300 inline mr-2" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 01.721.544l.813 2.846a3.75 3.75 0 002.576 2.576l2.846.813a.75.75 0 010 1.442l-2.846.813a3.75 3.75 0 00-2.576 2.576l-.813 2.846a.75.75 0 01-1.442 0l-.813-2.846a3.75 3.75 0 00-2.576-2.576l-2.846-.813a.75.75 0 010-1.442l2.846-.813A3.75 3.75 0 007.466 7.89l.813-2.846A.75.75 0 019 4.5zM18 1.5a.75.75 0 01.728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 010 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 01-1.456 0l-.258-1.036a2.625 2.625 0 00-1.91-1.91l-1.036-.258a.75.75 0 010-1.456l1.036-.258a2.625 2.625 0 001.91-1.91l.258-1.036A.75.75 0 0118 1.5zM16.5 15a.75.75 0 01.712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 010 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 01-1.422 0l-.395-1.183a1.5 1.5 0 00-.948-.948l-1.183-.395a.75.75 0 010-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0116.5 15z" clip-rule="evenodd"></path></svg>Best value</p>
+                <p class="absolute top-0 -translate-y-1/2 transform rounded-full bg-green-600 -ml-4 py-1.5 px-4 text-sm font-semibold uppercase tracking-wide text-white">Black Friday Deal — 50% Off</p>
                 <p class="mt-1 flex items-baseline gap-x-1">
-                <span class="text-4xl font-bold tracking-tight text-gray-900">$69</span>
+                    <span class="relative text-3xl font-bold tracking-tight text-gray-500"><span class="absolute top-1/2 left-0 h-[3px] w-full -translate-y-1/2 -rotate-[12deg] bg-current "></span>$69</span>
+                    <span class="ml-1 text-4xl font-bold tracking-tight text-gray-900">$34.50</span>
                 </p>
                 <p class="mt-1 text-sm leading-6 text-gray-600">Great for multi-device setups.</p>
                 <ul role="list" class="mt-8 space-y-3 text-sm leading-6 xl:mt-10 text-gray-600">
@@ -217,7 +220,7 @@ <h3 class="mt-8 mb-2 text-lg text-gray-900 dark:text-white font-semibold">How do
 
     function openCheckout(licenseType) {
         const priceId = priceIdLookup[licenseType];
-        Paddle.Checkout.open({items:[{quantity: licenseType == 'team' ? 5 : 1,priceId}]});
+        Paddle.Checkout.open({discountCode:'BLACKFRIDAY24',items:[{quantity: licenseType == 'team' ? 5 : 1,priceId}]});
         window.plausible('Bezel Checkout Opened')
     }