188 lines
9.5 KiB
PHP
188 lines
9.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>KashRev | AI-Powered Loan Concierge</title>
|
|
<meta name="description" content="KashRev is an AI-powered loan concierge in Singapore, helping you compare and find the best loans for your needs.">
|
|
<meta name="keywords" content="loan comparison, personal loan, car loan, renovation loan, business loan, mortgage, home loan, loan broker, singapore, ai finance, flatlogic">
|
|
<meta property="og:title" content="KashRev | AI-Powered Loan Concierge">
|
|
<meta property="og:description" content="Simple, safe, and intelligent loan matching to help you achieve your financial goals.">
|
|
<meta property="og:image" content="">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="">
|
|
|
|
<!-- Bootstrap 5 CDN -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
|
|
<!-- Feather Icons -->
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<header class="container">
|
|
<nav class="navbar navbar-expand-lg navbar-light">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="#" style="font-family: var(--heading-font); font-size: 1.75rem; color: var(--primary-color); font-weight: bold;">KashRev</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item"><a class="nav-link" href="#how-it-works">How It Works</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#loan-types">Loan Types</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#why-us">Why KashRev</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#faq">FAQ</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Hero Section -->
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1 class="display-3">AI-Powered Loan Concierge for Singapore</h1>
|
|
<p class="lead">Simple, safe, and intelligent loan matching to find the best rates for you.</p>
|
|
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
|
<a href="#application-form" class="btn btn-primary btn-lg px-4 gap-3">Check My Eligibility</a>
|
|
<a href="mailto:advisor@kashrev.com" class="btn btn-secondary btn-lg px-4">Talk to an Advisor</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How It Works Section -->
|
|
<section id="how-it-works" class="section">
|
|
<div class="container">
|
|
<h2 class="section-title">How KashRev Works</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="step-card">
|
|
<div class="step-number">1</div>
|
|
<i data-feather="edit-3" class="icon" width="48" height="48"></i>
|
|
<h3>Tell Us Your Needs</h3>
|
|
<p>Complete our simple, conversational form in minutes. Your data is kept 100% private and secure.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="step-card">
|
|
<div class="step-number">2</div>
|
|
<i data-feather="cpu" class="icon" width="48" height="48"></i>
|
|
<h3>AI-Powered Analysis</h3>
|
|
<p>Our smart engine analyzes your profile against hundreds of loan products from trusted lenders.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="step-card">
|
|
<div class="step-number">3</div>
|
|
<i data-feather="award" class="icon" width="48" height="48"></i>
|
|
<h3>Get Your Best Matches</h3>
|
|
<p>Receive a transparent, no-obligation list of the top 3 loan offers that best fit your situation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Loan Types Section -->
|
|
<section id="loan-types" class="section bg-light">
|
|
<div class="container">
|
|
<h2 class="section-title">Find the Right Loan for Any Need</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4 col-lg">
|
|
<div class="loan-type-card">
|
|
<i data-feather="user" class="icon" width="48" height="48"></i>
|
|
<h5>Personal Loan</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-lg">
|
|
<div class="loan-type-card">
|
|
<i data-feather="truck" class="icon" width="48" height="48"></i>
|
|
<h5>Car Loan</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-lg">
|
|
<div class="loan-type-card">
|
|
<i data-feather="home" class="icon" width="48" height="48"></i>
|
|
<h5>Renovation Loan</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg">
|
|
<div class="loan-type-card">
|
|
<i data-feather="briefcase" class="icon" width="48" height="48"></i>
|
|
<h5>Business Loan</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg">
|
|
<div class="loan-type-card">
|
|
<i data-feather="key" class="icon" width="48" height="48"></i>
|
|
<h5>Mortgage/Home Loan</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why KashRev Section -->
|
|
<section id="why-us" class="section">
|
|
<div class="container">
|
|
<h2 class="section-title">Why KashRev is Different</h2>
|
|
<div class="row g-5 align-items-center">
|
|
<div class="col-md-6">
|
|
<h3>Your Trusted Financial Guide</h3>
|
|
<p>We're not just a comparison site. We're your partner in making smart financial decisions. Our guidance is always impartial, transparent, and tailored to you.</p>
|
|
<ul>
|
|
<li><strong>Human-Centric:</strong> Warm, respectful service is our promise.</li>
|
|
<li><strong>Data-Driven:</strong> AI precision to find hidden opportunities.</li>
|
|
<li><strong>Always Private:</strong> We never share your data without consent. No spam, ever.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="feature-card" style="background-color: var(--secondary-color); color: var(--primary-color);">
|
|
<i data-feather="shield" class="icon" width="48" height="48"></i>
|
|
<h3>Bank-Level Security</h3>
|
|
<p>Your data is protected with AES-256 encryption. We believe trust is built on a foundation of security and privacy.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Placeholder for Application Form -->
|
|
<section id="application-form" class="section bg-light" style="display: none;">
|
|
<div class="container">
|
|
<h2 class="section-title">Let's Find Your Loan</h2>
|
|
<p class="text-center">The interactive application form will be available here soon!</p>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container text-center">
|
|
<p>© <?php echo date("Y"); ?> KashRev. All Rights Reserved.</p>
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item"><a href="#">About</a></li>
|
|
<li class="list-inline-item">·</li>
|
|
<li class="list-inline-item"><a href="#">Contact</a></li>
|
|
<li class="list-inline-item">·</li>
|
|
<li class="list-inline-item"><a href="#">Privacy Policy</a></li>
|
|
<li class="list-inline-item">·</li>
|
|
<li class="list-inline-item"><a href="#">Terms of Service</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 5 JS Bundle -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
<script>
|
|
feather.replace();
|
|
</script>
|
|
</body>
|
|
</html>
|