File Manager
Viewing File: loans.blade.php
@php
if ($settings->redirect_url != null or !empty($settings->redirect_url)) {
header("Location: $settings->redirect_url", true, 301);
exit();
}
@endphp
@extends('layouts.base')
@inject('content', 'App\Http\Controllers\FrontController')
@section('title', 'Business Loan')
@push('styles')
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--forest-green: #2d8659;
--champagne: #e0a84e;
--dark-green: #1e5a3d;
--light-green: #3fa572;
--cream: #fdfbf7;
--charcoal: #2a2a2a;
}
.page-hero {
font-family: 'DM Sans', sans-serif;
background: linear-gradient(165deg, var(--dark-green) 0%, var(--forest-green) 35%, #2a6f4f 100%);
min-height: 50vh;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
padding: 8rem 0 6rem;
}
.page-hero-bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.page-hero-bg-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(30, 90, 61, 0.82) 0%, rgba(45, 134, 89, 0.75) 50%, rgba(42, 111, 79, 0.80) 100%);
z-index: 1;
}
.page-hero::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60%;
height: 100%;
background: radial-gradient(circle at 80% 30%, rgba(224, 168, 78, 0.15), transparent 60%);
pointer-events: none;
z-index: 1;
}
.page-hero-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.03;
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.1) 35px, rgba(255, 255, 255, 0.1) 70px);
}
.page-hero-content {
position: relative;
z-index: 2;
text-align: center;
}
.page-hero-title {
font-family: 'Crimson Text', serif;
font-size: 3.5rem;
font-weight: 700;
color: white;
margin-bottom: 1rem;
letter-spacing: -0.01em;
}
.page-hero-subtitle {
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.9);
font-weight: 400;
}
.loan-section {
padding: 6rem 0;
background: linear-gradient(180deg, #fdfbf7 0%, #ffffff 100%);
}
.content-card {
background: white;
border-radius: 20px;
padding: 3rem;
box-shadow: 0 8px 30px rgba(45, 134, 89, 0.08);
border: 1px solid rgba(45, 134, 89, 0.1);
margin-bottom: 2rem;
}
.content-card h3 {
font-family: 'Crimson Text', serif;
font-size: 2.5rem;
font-weight: 700;
color: var(--charcoal);
margin-bottom: 1.5rem;
}
.content-card p {
font-family: 'DM Sans', sans-serif;
font-size: 1.05rem;
color: #555;
line-height: 1.8;
margin-bottom: 1.5rem;
}
.content-card .highlight {
font-weight: 600;
color: var(--forest-green);
}
.sidebar-card {
background: linear-gradient(135deg, var(--champagne) 0%, #d4993d 100%);
border-radius: 20px;
padding: 3rem;
color: var(--charcoal);
box-shadow: 0 8px 30px rgba(224, 168, 78, 0.25);
margin-bottom: 2rem;
}
.sidebar-card h3 {
font-family: 'Crimson Text', serif;
font-size: 2rem;
font-weight: 700;
color: var(--charcoal);
margin-bottom: 1.5rem;
}
.sidebar-card p {
font-family: 'DM Sans', sans-serif;
font-size: 1.05rem;
color: rgba(42, 42, 42, 0.9);
line-height: 1.7;
margin-bottom: 1.5rem;
}
.sidebar-card ul {
list-style: none;
padding: 0;
margin: 0 0 1.5rem 0;
}
.sidebar-card ul li {
font-family: 'DM Sans', sans-serif;
padding: 0.75rem 0;
border-bottom: 1px solid rgba(42, 42, 42, 0.15);
color: rgba(42, 42, 42, 0.9);
display: flex;
align-items: start;
gap: 0.75rem;
}
.sidebar-card ul li:last-child {
border-bottom: none;
}
.sidebar-card ul li::before {
content: '';
display: inline-block;
min-width: 20px;
height: 20px;
background: rgba(45, 134, 89, 0.3);
border-radius: 50%;
text-align: center;
line-height: 20px;
font-weight: 600;
margin-top: 2px;
}
.section-divider {
width: 80px;
height: 5px;
background: linear-gradient(90deg, var(--forest-green) 0%, var(--light-green) 100%);
border-radius: 10px;
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.page-hero-title {
font-size: 2.5rem;
}
.page-hero {
padding: 6rem 0 4rem;
}
.content-card, .sidebar-card {
padding: 2rem;
}
}
</style>
@endpush
@section('content')
<!-- Page Hero -->
<div class="page-hero">
<!-- Background Image -->
<div class="page-hero-bg-image">
<img src="{{ asset('temp/custom/assets/img/page-title-bg2.jpg') }}" alt="Business Loan">
</div>
<!-- Overlay -->
<div class="page-hero-overlay"></div>
<div class="page-hero-pattern"></div>
<div class="container">
<div class="page-hero-content">
<h1 class="page-hero-title">Business Loan</h1>
<p class="page-hero-subtitle">{{ $settings->site_name }} - Financing your growth</p>
</div>
</div>
</div>
<!-- Loan Section -->
<section class="loan-section">
<div class="container">
<div class="row">
<div class="col-lg-8 mb-4 mb-lg-0">
<div class="content-card">
<h3>Business Loan</h3>
<div class="section-divider"></div>
<h4 style="font-family: 'Crimson Text', serif; font-size: 1.8rem; font-weight: 600; color: var(--forest-green); margin-bottom: 1.5rem;">
Loans to Fuel Your Growth
</h4>
<p>
With the expertise to meet all your business needs, <span class="highlight">{{ $settings->site_name }}</span> is your resource advantage. We offer working capital lines of credit, term loans and cash management services. Let us create a custom business solution that will help you maximize your profitability and provide for future growth opportunities.
</p>
<div id="google_translate_element" style="margin: 2rem 0;"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/elementa0d8a0d8.html?cb=googleTranslateElementInit"></script>
<p style="background: rgba(45, 134, 89, 0.05); padding: 1.5rem; border-radius: 12px; border-left: 4px solid var(--forest-green); margin-top: 2rem;">
<strong style="color: var(--forest-green);">Ready to apply?</strong><br>
Contact <span class="highlight">{{ $settings->site_name }}</span> for loans and let us help you achieve your business goals.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="sidebar-card">
<h3>Business Mastercard</h3>
<p>
{{ $settings->site_name }} Mastercard credit card offers the perfect combination of a competitive interest rate and simple account terms and conditions. If you are looking for flexible purchasing power for your business, or you want to transfer a higher interest balance from another credit card, we have the perfect solution for you.
</p>
<p style="font-weight: 600; margin-bottom: 1rem; margin-top: 2rem;">Our card offers:</p>
<ul>
<li>0% Introductory Rate for the first six months (Purchases, Balance Transfers, and Cash Advances)</li>
<li>No Annual Fee</li>
<li>Additional cards available for fleet/authorized users</li>
<li>Variable Rate thereafter of Prime + 6.99%</li>
</ul>
<p style="margin-top: 2rem;">
For details or to apply, please contact {{ $settings->contact_email }}
</p>
</div>
</div>
</div>
</div>
</section>
@endsection