diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..fc21947 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,140 @@ + +/* KashRev Custom Styles */ + +:root { + --primary-color: #3A4E73; /* Deep Slate Blue */ + --secondary-color: #D9C7A1; /* Warm Sand */ + --accent-color: #C79D4F; /* Gold Ember */ + --background-color: #F7F7F5; /* Off-White Snow */ + --text-color: #2A2A2A; /* Graphite */ + --heading-font: Georgia, 'Times New Roman', Times, serif; + --body-font: 'Helvetica Neue', Helvetica, Arial, sans-serif; + --border-radius: 8px; +} + +body { + background-color: var(--background-color); + color: var(--text-color); + font-family: var(--body-font); + line-height: 1.6; +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font); + color: var(--primary-color); + font-weight: 700; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + border-radius: var(--border-radius); + padding: 12px 24px; + font-weight: bold; + transition: all 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); +} + +.btn-primary:hover { + background-color: #2c3e5f; /* Darker Slate Blue */ + border-color: #2c3e5f; + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); +} + +.btn-secondary { + background-color: transparent; + border-color: var(--primary-color); + color: var(--primary-color); + border-radius: var(--border-radius); + padding: 12px 24px; + font-weight: bold; + transition: all 0.3s ease; +} + +.btn-secondary:hover { + background-color: var(--primary-color); + color: #fff; +} + +.hero { + padding: 100px 0; + text-align: center; +} + +.hero h1 { + font-size: 3.5rem; + margin-bottom: 1rem; +} + +.hero p { + font-size: 1.25rem; + color: #555; + margin-bottom: 2rem; +} + +.section { + padding: 80px 0; +} + +.section-title { + text-align: center; + margin-bottom: 4rem; + font-size: 2.5rem; +} + +.step-card, .feature-card, .loan-type-card { + background-color: #fff; + border: 1px solid #eee; + border-radius: var(--border-radius); + padding: 30px; + text-align: center; + transition: all 0.3s ease; + box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05); + height: 100%; +} + +.step-card:hover, .feature-card:hover, .loan-type-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); +} + +.step-card .icon, .feature-card .icon, .loan-type-card .icon { + color: var(--accent-color); + margin-bottom: 1.5rem; +} + +.step-number { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 50%; + background-color: var(--accent-color); + color: #fff; + font-weight: bold; + font-family: var(--body-font); + margin-bottom: 1rem; +} + +.footer { + background-color: var(--primary-color); + color: var(--background-color); + padding: 40px 0; + margin-top: 80px; +} + +.footer a { + color: var(--secondary-color); + text-decoration: none; +} + +.footer a:hover { + color: #fff; + text-decoration: underline; +} + +.footer .social-links a { + font-size: 1.5rem; + margin: 0 10px; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..9e1b78b --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,6 @@ +// KashRev Main JS File + +document.addEventListener('DOMContentLoaded', function () { + // Future JavaScript will go here + console.log('KashRev JS Loaded'); +}); diff --git a/index.php b/index.php index 7205f3d..ca82432 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,188 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + KashRev | AI-Powered Loan Concierge + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+ +
+ +
+ +
+
+

AI-Powered Loan Concierge for Singapore

+

Simple, safe, and intelligent loan matching to find the best rates for you.

+
+ Check My Eligibility + Talk to an Advisor +
+
+
+ + +
+
+

How KashRev Works

+
+
+
+
1
+ +

Tell Us Your Needs

+

Complete our simple, conversational form in minutes. Your data is kept 100% private and secure.

+
+
+
+
+
2
+ +

AI-Powered Analysis

+

Our smart engine analyzes your profile against hundreds of loan products from trusted lenders.

+
+
+
+
+
3
+ +

Get Your Best Matches

+

Receive a transparent, no-obligation list of the top 3 loan offers that best fit your situation.

+
+
+
+
+
+ + +
+
+

Find the Right Loan for Any Need

+
+
+
+ +
Personal Loan
+
+
+
+
+ +
Car Loan
+
+
+
+
+ +
Renovation Loan
+
+
+
+
+ +
Business Loan
+
+
+
+
+ +
Mortgage/Home Loan
+
+
+
+
+
+ + +
+
+

Why KashRev is Different

+
+
+

Your Trusted Financial Guide

+

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.

+
    +
  • Human-Centric: Warm, respectful service is our promise.
    • +
  • Data-Driven: AI precision to find hidden opportunities.
    • +
  • Always Private: We never share your data without consent. No spam, ever.
    • +
+
+
+
+ +

Bank-Level Security

+

Your data is protected with AES-256 encryption. We believe trust is built on a foundation of security and privacy.

+
+
+
+
+
+ + + + +
+ + + + + + + + - + \ No newline at end of file