added extra pages

Author: recursivezero

app/routes.py

@@ -158,6 +158,21 @@ async def contact(request: Request):
     return templates.TemplateResponse("contact.html", {"request": request})
 
 
+@ui_router.get("/privacy", response_class=HTMLResponse)
+async def privacy(request: Request):
+    return templates.TemplateResponse("privacy.html", {"request": request})
+
+
+@ui_router.get("/terms", response_class=HTMLResponse)
+async def terms(request: Request):
+    return templates.TemplateResponse("terms.html", {"request": request})
+
+
+@ui_router.get("/faq", response_class=HTMLResponse)
+async def faq(request: Request):
+    return templates.TemplateResponse("faq.html", {"request": request})
+
+
 @ui_router.get("/history", response_class=HTMLResponse)
 async def recent_urls(request: Request):
     recent_urls_list = db.get_recent_urls(MAX_RECENT_URLS) or get_recent_from_cache(

app/static/css/tiny.css

@@ -53,7 +53,7 @@ body.light-theme {
   flex-direction: column;
   gap: 1rem;
   flex: 1;
-  justify-content: center;
+  /*justify-content: center;*/
 }
 
 .app-header {
@@ -98,6 +98,7 @@ body.light-theme .app-header {
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--text-primary);
+  text-decoration: none !important;
 }
 
 .header-nav {
@@ -195,6 +196,9 @@ body.dark-theme .app-header {
 
   .app-name {
     font-size: 1.1rem;
+    & a {
+      text-decoration: none !important;
+    }
   }
 }
 
@@ -755,9 +759,6 @@ body.light-theme .history-link {
   }
 }
 
-
-
-
 /*mobile responsive section */
 
 /*tablet version */
@@ -769,7 +770,6 @@ body.light-theme .history-link {
 
 /* Mobile (MAIN BREAKPOINT — 700px) */
 @media (max-width: 700px) {
-
   /* header */
   .hamburger {
     display: block;
@@ -792,7 +792,6 @@ body.light-theme .history-link {
     display: flex;
   }
 
-
   /* layout */
   .main-layout {
     padding: 0.6rem;
@@ -805,7 +804,7 @@ body.light-theme .history-link {
   /* FIX HERO */
   .hero {
     margin: 0 0 10px;
-    text-align: center
+    text-align: center;
   }
 
   .hero h1 {
@@ -882,7 +881,6 @@ body.light-theme .history-link {
     font-size: 0.75rem;
   }
 
-
   /* recent */
   .recent-header {
     font-size: 0.85rem;
@@ -926,4 +924,23 @@ body.light-theme .history-link {
   .recent-page-container {
     padding: 0 8px;
   }
-}
+}
+
+details summary {
+  list-style: none;
+  cursor: pointer;
+  padding: 1rem;
+  font-weight: 600;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+details[open] summary {
+  color: #2563eb;
+  /* Primary brand color */
+}
+
+.faq-answer {
+  padding: 1rem;
+  line-height: 1.6;
+  color: #4b5563;
+}

app/templates/faq.html

@@ -0,0 +1,55 @@
+{% extends "layout.html" %}
+{% block title %}Frequently Asked Questions{% endblock %}
+{% block content %}
+<section class="faq-container" itemscope itemtype="https://schema.org/FAQPage">
+  <h2 class="faq-title">Frequently Asked Questions</h2>
+
+  <div class="faq-item" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
+    <details>
+      <summary itemprop="name">How long do the shortened links last?</summary>
+      <div class="faq-answer" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
+        <div itemprop="text">
+          Our links are permanent by default. However, you can set custom expiration dates via the advanced settings
+          dashboard if you need temporary redirection for seasonal campaigns.
+        </div>
+      </div>
+    </details>
+  </div>
+
+  <div class="faq-item" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
+    <details>
+      <summary itemprop="name">Are the generated QR codes high-resolution?</summary>
+      <div class="faq-answer" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
+        <div itemprop="text">
+          Yes. All QR codes are generated as vector-compatible PNGs or SVGs, ensuring they remain crisp when printed on
+          everything from business cards to large-scale billboards.
+        </div>
+      </div>
+    </details>
+  </div>
+
+  <div class="faq-item" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
+    <details>
+      <summary itemprop="name">Can I track the performance of my links?</summary>
+      <div class="faq-answer" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
+        <div itemprop="text">
+          Absolutely. Every shortened link includes real-time analytics tracking, providing data on click counts,
+          geographic location, and referring devices.
+        </div>
+      </div>
+    </details>
+  </div>
+
+  <div class="faq-item" itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
+    <details>
+      <summary itemprop="name">Is there a limit to how many links I can shorten?</summary>
+      <div class="faq-answer" itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
+        <div itemprop="text">
+          Free users can shorten up to 100 links per month. For higher volume requirements and API access, please refer
+          to our developer documentation or enterprise plans.
+        </div>
+      </div>
+    </details>
+  </div>
+</section>
+{% endblock %}

app/templates/footer.html

@@ -14,22 +14,22 @@ <h4>Product</h4>
   <div class="footer-col">
     <h4>Support</h4>
     <ul>
-      <li><a href="#">Help Center</a></li>
+      <li><a href="/faq">FAQ</a></li>
       <li><a href="#">System Status</a></li>
       <li><a href="#">Contact Us</a></li>
     </ul>
   </div>
   <div class="footer-col">
     <h4>Legal</h4>
     <ul>
-      <li><a href="#">Privacy Policy</a></li>
-      <li><a href="#">Terms of Service</a></li>
+      <li><a href="/privacy">Privacy Policy</a></li>
+      <li><a href="/terms">Terms of Service</a></li>
       <li><a href="#">Abuse Report</a></li>
     </ul>
   </div>
 </div>
 <div class="footer-bottom">
-  <div>© 2026 Recursive Zero Pvt Ltd. All rights reserved.</div>
+  <div>© 2026 RecursiveZero Pvt Ltd. All rights reserved.</div>
   <div class="footer-meta">
     <span>v1.1.1-stable</span>
     <a href="https://github.com/recursivezero/tiny">GitHub</a>

app/templates/header.html

@@ -1,7 +1,7 @@
 <header class="app-header">
   <div class="header-left">
     <div class="app-logo">🔗</div>
-    <span class="app-name">RZRO.link</span>
+    <a href="https://rzro.link" class="app-name">RZRO.link</a>
   </div>
   <nav class="header-nav">
     <a href="/" class="nav-link active">Home</a>