Adds a new home page and more_info page

2 files changed, 95 insertions, 0 deletions

diff --git a/app/views/pages/home.html.erb b/app/views/pages/home.html.erb
new file mode 100644
index 0000000..48d6433
--- /dev/null
+++ b/app/views/pages/home.html.erb
@@ -0,0 +1,54 @@
+<div class="min-h-screen">
+    <section class="bg-gradient-to-r from-blue-300 to-blue-800 text-white">
+        <div class="container mx-auto px-4 py-20">
+            <div class="max-w-3xl mx-auto text-center">
+                <h1 class="text-4xl md:text-6xl font-bold mb-6">
+                    Your PDF Resources Hub
+                </h1>
+                <p class="text-xl mb-8">
+                    Discover and download high-quality PDF resources for your needs
+                </p>
+                <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>
+                <a href="<%= more_info_path %>"
+                   class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold mx-4
+                          hover:bg-blue-50 transition duration-300">
+                    More Info
+                </a>
+            </div>
+        </div>
+    </section>
+    <section class="my-10 py-16 bg-gray-200">
+        <div class="container mx-auto px-4">
+            <h2 class="text-3xl font-bold text-center mb-12">Benefits</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition duration-300">
+                    <div class="w-full h-48 bg-gray-200"></div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-semibold mb-2">High Quality Resources</h3>
+                        <p class="text-gray-600 mb-4">Hand-made to ensure the highest quality resources. Clear and logical design.</p>
+                    </div>
+                </div>
+
+                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition duration-300">
+                    <div class="w-full h-48 bg-gray-200"></div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-semibold mb-2">Curriculum-focused</h3>
+                        <p class="text-gray-600 mb-4">Resources designed for your specific curriculum.</p>
+                    </div>
+                </div>
+
+                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition duration-300">
+                    <div class="w-full h-48 bg-gray-200"></div>
+                    <div class="p-6">
+                        <h3 class="text-xl font-semibold mb-2">Foundational knowledge for children</h3>
+                        <p class="text-gray-600 mb-4">Designed for foundational knowledge for children.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
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>