blob: 96654106149f589faf09aea4b75b5c781da34585 (
plain) (
blame)
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
|
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- Title with gradient similar to Featured Resources -->
<h1 class="text-4xl md:text-5xl font-bold text-center mb-12 bg-gradient-to-r from-blue-500 to-green-500 bg-clip-text text-transparent relative">
Benefits of registering now
<!-- Underline effect -->
<span class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-24 h-1 bg-gradient-to-r from-blue-500 to-green-500 -mb-4"></span>
</h1>
<!-- Info Cards Container -->
<div class="grid grid-cols-1 md:grid-cols-1 gap-8 mt-12">
<!-- About Card -->
<div class="bg-white rounded-lg shadow-lg p-8 transform transition-transform duration-300 hover:-translate-y-2">
<div class="mt-12">
<div class="prose prose-lg mx-auto text-gray-500">
<h3 class="text-xl font-semibold text-gray-900">Why Register Now?</h3>
<p>By registering for an account today, you'll unlock exclusive benefits including:</p>
<ul>
<li>An automatic 50% discount on all purchases when we launch in January 2025</li>
<li>20 complimentary credits added to your account</li>
<li>Early access to new features and content</li>
</ul>
<h3 class="text-xl font-semibold text-gray-900 mt-8">What Happens Next?</h3>
<p>After you register:</p>
<ol>
<li>You'll receive an immediate email confirmation</li>
<li>Your account will be created with 20 credits ready to use</li>
<li>Your 50% launch discount will be automatically applied to your account</li>
<li>You'll be notified when we go live in January 2025</li>
</ol>
<div class="mt-8 flex justify-center">
<a href="<%= new_registration_path %>"
class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold
hover:bg-blue-50 transition duration-300">
Register Now
</a>
</div>
</div>
</div>
</div>
</div>
|
