1 files changed, 54 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>