<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta 

<!-- Standard Meta Tags -->
<meta name="title" content="Rent History - Empowering Tenants in NYC Housing" />
<meta name="description" content="Providing tenants with cutting-edge tools, expert insights, and reliable resources to safeguard their rights and navigate New York City's dynamic housing market." />
<meta name="keywords" content="Rent History, tenant rights, NYC housing, tenant tools, rent regulation, housing resources, NYC apartments, tenant advocacy" />
<meta name="author" content="VIZSY LLC" />
<meta name="theme-color" content="#000000" />
<meta name="application-name" content="Rent History" />
<meta name="geo.region" content="US-NY" />
<meta name="geo.placename" content="Manhattan, NYC" />

<!-- OpenGraph Meta Tags -->
<meta property="og:title" content="Rent History - Empowering Tenants in NYC Housing" />
<meta property="og:description" content="Providing tenants with cutting-edge tools, expert insights, and reliable resources to safeguard their rights and navigate New York City's dynamic housing market." />
<meta property="og:image" content="https://renthistory.org/media/images/power-to-the-tenants.JPG" />
<meta property="og:image:alt" content="Power to the Tenants" />
<meta property="og:url" content="https://renthistory.org" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Rent History" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Rent History - Empowering Tenants in NYC Housing" />
<meta name="twitter:description" content="Providing tenants with cutting-edge tools, expert insights, and reliable resources to safeguard their rights and navigate New York City's dynamic housing market." />
<meta name="twitter:image" content="https://renthistory.org/media/images/power-to-the-tenants.JPG" />

<!-- Favicon and Logo -->
<link rel="icon" href="https://renthistory.org/media/rent-history.png" />
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS (optional) -->
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            background-color: #f7f7f7;
        }
        .logo img {
            max-width: 200px;
        }
        .google-button {
            margin-top: 20px;
        }
        .footer {
            margin-top: 50px;
            color: #aaa;
            font-size: 12px;
            text-align: center;
        }
        .card {
            border: none;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        }
        .sister-projects a {
            margin: 0 10px;
            color: #2980b9;
            text-decoration: none;
        }
        .sister-projects a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>

    <div class="container d-flex flex-column justify-content-center align-items-center min-vh-100">
        <!-- Logo -->
        <div class="logo mb-4">
            <img src="/media/rent-history.png" alt="Rent History logo" class="img-fluid">
        </div>

        <!-- Launching Soon Card -->
        <div class="card text-center p-4 mb-4">
            <div class="card-body">
                <h3 class="card-title">🏢 Launching Soon! ✊</h3>
                <p class="card-text">
                    <strong>RentHistory.org</strong> is currently being built.<br>
                    Launching by <strong>January 2025</strong>!
                </p>
                <p class="card-text text-warning">
                    <strong>Power to the tenants!</strong>
                </p>
                <div class="sister-projects">
                    <p>Check out our sister projects:</p>
                    <a href="https://citiresidents.org">citiresidents.org</a> |
                    <a href="https://manhattangazette.com">manhattangazette.com</a>
                </div>
            </div>
        </div>


        <!-- Footer -->
        <legallinks>
<style>
  .legal-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px; /* Space between links */
    margin: 4px 0; /* Margin above and below the links */
  }
  
  .legal-links a {
    text-decoration: none; /* Removes the underline from links */
    color: #007BFF; /* Bootstrap primary color for links */
    font-weight: bold; /* Makes the text bold */
    transition: color 0.3s; /* Smooth transition for hover effect */
  }
  
  .legal-links a:hover {
    color: #0056b3; /* Darker shade on hover */
  }
  
  .legal-links p {
    font-size: 14px; /* Smaller text for additional information */
text-align:center;
    color: #666; /* Grey color for the paragraph */
  }
</style>

<div class="legal-links">
  <a href="/privacy">Privacy Policy</a>
  <a href="/terms">Terms of Service</a>
  <a href="/disclaimer">Disclaimer</a>
  <p>© 2024 Empathy Always Corp.,<br>All rights reserved.</p>
</div>
</legallinks>
    </div>

    <!-- Include the Google Identity Services script -->
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <!-- JavaScript code to handle Google Sign-In -->
    <script>
        function handleCredentialResponse(response) {
            const idToken = response.credential;

            // Send the ID token to your server with AJAX
            fetch('/verify-token/', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ id_token: idToken }),
            })
            .then((res) => res.json())
            .then((data) => {
                if (data.success) {
                    // Redirect the user to the dashboard
                    window.location.href = '/dashboard/';
                } else {
                    // Handle authentication failure
                    alert('Authentication failed: ' + data.message);
                }
            })
            .catch((error) => {
                console.error('Error:', error);
            });
        }
    </script>
    <!-- Bootstrap 5 JS (Optional for Bootstrap components functionality) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>