Add landing page

app/templates/landing.html

@@ -0,0 +1,61 @@
+{% extends "_layout.html" %}
+{% block content %}
+<div class="bg-gray-50">
+    <!-- Hero Section -->
+    <section class="bg-blue-600 text-white">
+        <div class="container mx-auto px-4 py-20 text-center">
+            <h1 class="text-4xl font-bold mb-6">
+                Welcome to BP Tracker
+            </h1>
+            <p class="text-lg mb-8">
+                Track your blood pressure and heart rate effortlessly. Take control of your health today!
+            </p>
+            <div class="flex justify-center space-x-4">
+                <a href="{{ url_for('auth.signup') }}"
+                    class="px-8 py-3 bg-white text-blue-600 font-semibold rounded-lg shadow hover:bg-gray-200">
+                    Get Started
+                </a>
+                <a href="{{ url_for('auth.login') }}"
+                    class="px-8 py-3 bg-blue-700 text-white font-semibold rounded-lg shadow hover:bg-blue-800">
+                    Login
+                </a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="container mx-auto px-4 py-16">
+        <h2 class="text-3xl font-bold text-center mb-8">Why Choose BP Tracker?</h2>
+        <div class="grid md:grid-cols-3 gap-8">
+            <div class="text-center bg-white p-6 rounded-lg shadow">
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-16 h-16 text-blue-600 mx-auto mb-4" fill="none"
+                    viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M12 8c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4z"></path>
+                </svg>
+                <h3 class="text-lg font-semibold mb-2">Accurate Tracking</h3>
+                <p>Keep a detailed log of your blood pressure and heart rate over time.</p>
+            </div>
+            <div class="text-center bg-white p-6 rounded-lg shadow">
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-16 h-16 text-blue-600 mx-auto mb-4" fill="none"
+                    viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M9.75 16.5L15 12m0 0l-5.25-4.5m5.25 4.5H3"></path>
+                </svg>
+                <h3 class="text-lg font-semibold mb-2">Insightful Graphs</h3>
+                <p>Visualize your progress and identify trends with intuitive charts.</p>
+            </div>
+            <div class="text-center bg-white p-6 rounded-lg shadow">
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-16 h-16 text-blue-600 mx-auto mb-4" fill="none"
+                    viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M9 20l-5.5-5.5M9 20V9m0 11h11"></path>
+                </svg>
+                <h3 class="text-lg font-semibold mb-2">Secure and Private</h3>
+                <p>Your data is protected with state-of-the-art security measures.</p>
+            </div>
+        </div>
+    </section>
+
+</div>
+{% endblock %}