diff options
Diffstat (limited to 'app/views/pages/more_info.html.erb')
-rw-r--r-- | app/views/pages/more_info.html.erb | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/app/views/pages/more_info.html.erb b/app/views/pages/more_info.html.erb new file mode 100644 index 0000000..cba5373 --- /dev/null +++ b/app/views/pages/more_info.html.erb @@ -0,0 +1,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"> + More Information + <!-- 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> |