Clean up the browse page and link it all in (#50)

brent-is-still-here · Nov 27, 2024 · c62a200 · c62a200
1 parent 378b48d
commit c62a200
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 9 deletions.
diff --git a/companies/templates/companies/home.html b/companies/templates/companies/home.html
@@ -28,7 +28,7 @@ <h2 class="text-xl font-semibold mb-4">Safety Online</h2>
         <div class="p-6 bg-white rounded-lg shadow">
             <h2 class="text-xl font-semibold mb-4">Relocation Plans</h2>
             <p class="text-gray-600 mb-4">Resources and guides for planning potential relocation.</p>
-            <a href="#" class="inline-block bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Coming Soon</a>
+            <a href="{% url 'relocation_planner:landing' %}" class="inline-block bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Get Started</a>
         </div>
     </div>
 

diff --git a/relocation_planner/templates/relocation_planner/browse.html b/relocation_planner/templates/relocation_planner/browse.html
@@ -19,9 +19,28 @@ <h1 class="text-4xl font-bold text-gray-900">Browse Countries</h1>
     <div class="mt-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         {% for country in countries %}
         <div class="p-6 bg-white rounded-lg shadow">
-            <h2 class="text-xl font-semibold text-gray-900">{{ country.name }}</h2>
-            <p class="text-gray-600">Capital: {{ country.capital_city }}</p>
-            <p class="text-gray-600">Population: {{ country.population|intcomma }}</p>
+            <h2 class="text-xl font-semibold text-gray-900 mb-4">{{ country.name }}</h2>
+
+            {% if country.cost_of_living_index %}
+                <p class="text-gray-600 mb-2">Cost of Living Index: {{ country.cost_of_living_index }}</p>
+            {% endif %}
+
+            {% if country.quality_of_life_index %}
+                <p class="text-gray-600 mb-2">Quality of Life Index: {{ country.quality_of_life_index }}</p>
+            {% endif %}
+
+            <div class="mb-4">
+                {% if country.has_universal_healthcare %}
+                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                        Universal Healthcare Available
+                    </span>
+                {% else %}
+                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
+                        No Universal Healthcare
+                    </span>
+                {% endif %}
+            </div>
+
             <a href="{% url 'relocation_planner:country_detail' country.slug %}" class="mt-4 inline-block bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
                 View Details
             </a>
@@ -31,4 +50,4 @@ <h2 class="text-xl font-semibold text-gray-900">{{ country.name }}</h2>
         {% endfor %}
     </div>
 </div>
-{% endblock %}
+{% endblock %}
diff --git a/relocation_planner/templates/relocation_planner/landing.html b/relocation_planner/templates/relocation_planner/landing.html
@@ -21,10 +21,10 @@ <h2 class="text-xl font-semibold mb-4">Browse Countries</h2>
         <div class="p-6 bg-white rounded-lg shadow">
             <h2 class="text-xl font-semibold mb-4">Relocation Assessment</h2>
             <p class="text-gray-600 mb-4">Get personalized recommendations based on your needs and preferences.</p>
-            <a href="{% url 'relocation_planner:assessment' %}" class="inline-block bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
-                Start Assessment
-            </a>
+            <span class="inline-block bg-gray-300 text-gray-600 px-4 py-2 rounded cursor-not-allowed">
+                Coming Soon
+            </span>
         </div>
     </div>
 </div>
-{% endblock %}
+{% endblock %}