SpreadSheets commited on
Commit
31ed13c
·
1 Parent(s): 379e221

feat: refactor index.html to extend base template and enhance hero section

Browse files
Files changed (1) hide show
  1. app/templates/index.html +28 -13
app/templates/index.html CHANGED
@@ -1,15 +1,30 @@
1
- <!DOCTYPE html>
2
- <html>
3
 
4
- <head>
5
- <title>Home</title>
6
- </head>
 
 
 
 
 
 
 
 
 
 
 
7
 
8
- <body>
9
- <h1>Welcome to PoraHobeBot</h1>
10
- <p>You are logged in!</p>
11
- <a href="{{ url_for('main.profile') }}">View Profile</a>
12
- <a href="{{ url_for('main.logout') }}">Logout</a>
13
- </body>
14
-
15
- </html>
 
 
 
 
 
 
1
+ {% extends "base.html" %}
 
2
 
3
+ {% block content %}
4
+ <div class="max-w-7xl mx-auto px-4 sm:px-6">
5
+ <!-- Hero Section -->
6
+ <div class="min-h-[70vh] sm:min-h-[80vh] flex flex-col items-center justify-center text-center">
7
+ <div class="">
8
+ <h1 class="font-display text-6xl sm:text-8xl md:text-9xl font-bold tracking-tighter mb-4 sm:mb-6">
9
+ <span class="bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500 bg-clip-text text-transparent">
10
+ Pora Hobe
11
+ </span>
12
+ </h1>
13
+ <p class="font-mono text-base sm:text-xl text-gray-400 mb-8 sm:mb-12 max-w-2xl mx-auto px-4">
14
+ Porte Hobe - Korte Hobe - Nahole Shanta G Mere Debe
15
+ </p>
16
+ </div>
17
 
18
+ <div class="flex flex-col sm:flex-row gap-4 sm:gap-6 w-full sm:w-auto px-4">
19
+ <a href="{{ url_for('notes.upload') }}"
20
+ class="btn-magnetic glass px-6 sm:px-8 py-3 sm:py-4 rounded-xl font-mono font-semibold border-2 border-blue-500/50 hover:border-blue-400 animate-glow text-center">
21
+ Upload Notes
22
+ </a>
23
+ <a href="{{ url_for('notes.list') }}"
24
+ class="btn-magnetic glass px-6 sm:px-8 py-3 sm:py-4 rounded-xl font-mono font-semibold hover:bg-white/5 text-center">
25
+ Browse All
26
+ </a>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ {% endblock %}