771 lines
36 KiB
HTML
771 lines
36 KiB
HTML
{% load static %} {% load i18n %}
|
|
<!DOCTYPE html>
|
|
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_CODE == 'ar' %}rtl{% else %}ltr{% endif %}">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{% trans 'Tenhal - Multidisciplinary Healthcare Platform' %}</title>
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
|
|
<meta content="{% trans 'Tenhal - Saudi Arabias most comprehensive multidisciplinary healthcare management platform' %}" name="description" />
|
|
<meta content="Tenhal Healthcare Solutions" name="author" />
|
|
|
|
<!-- ================== BEGIN core-css ================== -->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
|
|
<link href="{% static 'css/vendor.min.css' %}" rel="stylesheet" />
|
|
<link href="{% static 'css/one-page-parallax/app.min.css' %}" rel="stylesheet" />
|
|
<!-- ================== END core-css ================== -->
|
|
|
|
<style>
|
|
/* Remove default margins and padding */
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#page-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* RTL Support */
|
|
[dir="rtl"] {
|
|
text-align: right;
|
|
}
|
|
[dir="rtl"] .navbar-nav {
|
|
flex-direction: row-reverse;
|
|
}
|
|
[dir="rtl"] .text-lg-right {
|
|
text-align: left !important;
|
|
}
|
|
[dir="rtl"] .text-left {
|
|
text-align: right !important;
|
|
}
|
|
|
|
/* Custom Healthcare Theme Colors */
|
|
.text-theme {
|
|
color: #00acac !important;
|
|
}
|
|
.bg-theme {
|
|
background-color: #00acac !important;
|
|
}
|
|
.btn-theme {
|
|
background-color: #00acac;
|
|
border-color: #00acac;
|
|
}
|
|
.btn-theme:hover {
|
|
background-color: #00acac;
|
|
border-color: #00acac;
|
|
}
|
|
|
|
/* Language Switcher */
|
|
.language-switcher {
|
|
position: fixed;
|
|
top: 20px;
|
|
{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}: 20px;
|
|
z-index: 1050;
|
|
}
|
|
.language-switcher .btn {
|
|
background: rgba(255,255,255,0.2);
|
|
border: 1px solid rgba(255,255,255,0.3);
|
|
color: white;
|
|
padding: 8px 20px;
|
|
border-radius: 25px;
|
|
}
|
|
.language-switcher .btn:hover {
|
|
background: rgba(255,255,255,0.3);
|
|
}
|
|
|
|
/* Arabic Font */
|
|
[dir="rtl"] body {
|
|
font-family: 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body data-bs-spy="scroll" data-bs-target="#header" data-bs-offset="51">
|
|
<!-- begin #page-container -->
|
|
<div id="page-container" class="fade">
|
|
<!-- Language Switcher -->
|
|
<div class="language-switcher">
|
|
{% get_current_language as LANGUAGE_CODE %} {% if LANGUAGE_CODE == 'en' %}
|
|
<a href="{% url 'switch_language' %}?language=ar&next={{ request.path }}" class="btn btn-sm">العربية</a>
|
|
{% else %}
|
|
<a href="{% url 'switch_language' %}?language=en&next={{ request.path }}" class="btn btn-sm">English</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- begin #header -->
|
|
<div id="header" class="header navbar navbar-transparent navbar-fixed-top navbar-expand-lg">
|
|
<!-- begin container -->
|
|
<div class="container">
|
|
<!-- begin navbar-brand -->
|
|
<a href="#home" class="navbar-brand" data-click="scroll-to-target">
|
|
<img src="{% static 'img/logo/tenhal.svg' %}" alt="" class="me-2 border border-success" style="height: 32px; background-color: #00acac" />
|
|
<span class="brand-text"> <span class="text-success fw-bold">{{ _("Tenhal") }}</span> <span class="fw-light">{% trans 'Healthcare' %}</span></span>
|
|
</a>
|
|
<!-- end navbar-brand -->
|
|
<!-- begin navbar-toggle -->
|
|
<button type="button" class="navbar-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#header-navbar">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<!-- end navbar-header -->
|
|
<!-- begin navbar-collapse -->
|
|
<div class="collapse navbar-collapse" id="header-navbar">
|
|
<ul class="nav navbar-nav navbar-end">
|
|
<li class="nav-item"><a class="nav-link active" href="#home" data-click="scroll-to-target">{% trans 'HOME' %}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#about" data-click="scroll-to-target">{% trans 'ABOUT' %}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#features" data-click="scroll-to-target">{% trans 'FEATURES' %}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#benefits" data-click="scroll-to-target">{% trans 'BENEFITS' %}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#testimonials" data-click="scroll-to-target">{% trans 'TESTIMONIALS' %}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#contact" data-click="scroll-to-target">{% trans 'CONTACT' %}</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="/accounts/login/">{% trans 'LOGIN' %}</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- end navbar-collapse -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #header -->
|
|
|
|
<!-- begin #home -->
|
|
<div id="home" class="content has-bg home">
|
|
<!-- begin content-bg -->
|
|
<div class="content-bg" style="background-image: url({% static 'img/bg/bg-home.jpg'%});" data-paroller="true" data-paroller-type="foreground" data-paroller-factor="-0.25"></div>
|
|
<!-- end content-bg -->
|
|
<!-- begin container -->
|
|
<div class="container home-content">
|
|
<h1>{% trans 'Transform Your Healthcare Practice' %}</h1>
|
|
<h3>{% trans 'Saudi Arabia Most Comprehensive Multidisciplinary Platform' %}</h3>
|
|
<p>
|
|
{% trans 'Streamline operations, enhance patient care, and ensure compliance with the only platform built specifically for Saudi healthcare providers.' %}<br />
|
|
{% trans 'Medical • Nursing • ABA • OT • SLP - All in One System' %}
|
|
</p>
|
|
<a href="#contact" class="btn btn-theme btn-primary" data-click="scroll-to-target">{% trans 'Request Demo' %}</a>
|
|
<a href="#features" class="btn btn-theme btn-outline-white" data-click="scroll-to-target">{% trans 'Learn More' %}</a><br />
|
|
<br />
|
|
{% trans 'or' %} <a href="/accounts/login/">{% trans 'login to your account' %}</a>
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #home -->
|
|
|
|
<!-- begin #about -->
|
|
<div id="about" class="content" data-scrollview="true">
|
|
<!-- begin container -->
|
|
<div class="container" data-animation="true" data-animation-type="animate__fadeInDown">
|
|
<h2 class="content-title">{% trans 'About Tenhal' %}</h2>
|
|
<p class="content-desc">
|
|
{% trans 'Purpose-built for Saudi healthcare providers who demand excellence in patient care,' %}<br />
|
|
{% trans 'operational efficiency, and regulatory compliance' %}
|
|
</p>
|
|
<!-- begin row -->
|
|
<div class="row">
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4">
|
|
<!-- begin about -->
|
|
<div class="about">
|
|
<h3 class="mb-3">{% trans 'Our Mission' %}</h3>
|
|
<p>
|
|
{% trans 'Tenhal empowers healthcare providers with innovative technology that enhances patient care, streamlines operations, and ensures regulatory compliance. We understand the unique challenges of multidisciplinary practices in Saudi Arabia.' %}
|
|
</p>
|
|
<p>
|
|
{% trans 'Our platform integrates Medical, Nursing, ABA, OT, and SLP services in one cohesive system, eliminating fragmented workflows and enabling seamless collaboration across disciplines.' %}
|
|
</p>
|
|
</div>
|
|
<!-- end about -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4">
|
|
<h3 class="mb-3">{% trans 'Why Choose Tenhal?' %}</h3>
|
|
<!-- begin about-author -->
|
|
<div class="about-author">
|
|
<div class="quote">
|
|
<i class="fa fa-quote-left"></i>
|
|
<h3>
|
|
{% trans 'Built for Saudi Healthcare,' %}<br />
|
|
<span>{% trans 'Designed for Excellence' %}</span>
|
|
</h3>
|
|
<i class="fa fa-quote-right"></i>
|
|
</div>
|
|
<div class="author">
|
|
<div class="info">
|
|
{% trans 'Tenhal Healthcare Solutions' %}
|
|
<small>{% trans 'Healthcare Technology Experts' %}</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end about-author -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4">
|
|
<h3 class="mb-3">{% trans 'Our Expertise' %}</h3>
|
|
<!-- begin skills -->
|
|
<div class="skills">
|
|
<div class="skills-name">{% trans 'ZATCA Compliance' %}</div>
|
|
<div class="progress mb-3">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated bg-theme" style="width: 100%;">
|
|
<span class="progress-number">100%</span>
|
|
</div>
|
|
</div>
|
|
<div class="skills-name">{% trans 'Clinical Integration' %}</div>
|
|
<div class="progress mb-3">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated bg-theme" style="width: 95%;">
|
|
<span class="progress-number">95%</span>
|
|
</div>
|
|
</div>
|
|
<div class="skills-name">{% trans 'Operational Efficiency' %}</div>
|
|
<div class="progress mb-3">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated bg-theme" style="width: 90%;">
|
|
<span class="progress-number">90%</span>
|
|
</div>
|
|
</div>
|
|
<div class="skills-name">{% trans 'User Satisfaction' %}</div>
|
|
<div class="progress mb-3">
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated bg-theme" style="width: 98%;">
|
|
<span class="progress-number">98%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end skills -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #about -->
|
|
|
|
<!-- begin #milestone -->
|
|
<div id="milestone" class="content bg-black-darker has-bg" data-scrollview="true">
|
|
<!-- begin content-bg -->
|
|
<div class="content-bg" style="background-image: url({% static 'img/bg/bg-milestone.jpg' %});" data-paroller-factor="0.5" data-paroller-factor-md="0.01" data-paroller-factor-xs="0.01"></div>
|
|
<!-- end content-bg -->
|
|
<!-- begin container -->
|
|
<div class="container">
|
|
<!-- begin row -->
|
|
<div class="row">
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 milestone-col">
|
|
<div class="milestone">
|
|
<div class="number" data-animation="true" data-animation-type="number" data-final-number="60">60</div>
|
|
<div class="title">{% trans '% Less Admin Time' %}</div>
|
|
</div>
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 milestone-col">
|
|
<div class="milestone">
|
|
<div class="number" data-animation="true" data-animation-type="number" data-final-number="40">40</div>
|
|
<div class="title">{% trans '% Fewer No-Shows' %}</div>
|
|
</div>
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 milestone-col">
|
|
<div class="milestone">
|
|
<div class="number" data-animation="true" data-animation-type="number" data-final-number="50">50</div>
|
|
<div class="title">{% trans '% Faster Billing' %}</div>
|
|
</div>
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 milestone-col">
|
|
<div class="milestone">
|
|
<div class="number" data-animation="true" data-animation-type="number" data-final-number="100">100</div>
|
|
<div class="title">{% trans '% ZATCA Compliant' %}</div>
|
|
</div>
|
|
</div>
|
|
<!-- end col-3 -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #milestone -->
|
|
|
|
<!-- begin #features -->
|
|
<div id="features" class="content" data-scrollview="true">
|
|
<!-- begin container -->
|
|
<div class="container" data-animation="true" data-animation-type="animate__fadeInDown">
|
|
<h2 class="content-title">{% trans 'Comprehensive Clinical Modules' %}</h2>
|
|
<p class="content-desc">
|
|
{% trans 'Five specialized disciplines integrated in one powerful platform,' %}<br />
|
|
{% trans 'designed specifically for multidisciplinary healthcare practices' %}
|
|
</p>
|
|
<!-- begin row -->
|
|
<div class="row">
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<!-- begin service -->
|
|
<div class="service">
|
|
<div class="icon bg-success" data-animation="true" data-animation-type="animate__bounceIn"><i class="fa fa-heartbeat"></i></div>
|
|
<div class="info">
|
|
<h4 class="title">{% trans 'Medical Services' %}</h4>
|
|
<p class="desc">{% trans 'Complete consultation and follow-up documentation (MD-F-1, MD-F-2) with medication management, lab integration, and comprehensive patient history tracking.' %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- end service -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<!-- begin service -->
|
|
<div class="service">
|
|
<div class="icon bg-red" data-animation="true" data-animation-type="animate__bounceIn"><i class="fa fa-stethoscope"></i></div>
|
|
<div class="info">
|
|
<h4 class="title">{% trans 'Nursing Care' %}</h4>
|
|
<p class="desc">{% trans 'Vital signs, anthropometrics, growth charts, and automated alerts (MD-N-F-1) with BMI auto-calculation and comprehensive health monitoring.' %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- end service -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<!-- begin service -->
|
|
<div class="service">
|
|
<div class="icon bg-purple" data-animation="true" data-animation-type="animate__bounceIn"><i class="fa fa-puzzle-piece"></i></div>
|
|
<div class="info">
|
|
<h4 class="title">{% trans 'ABA Therapy' %}</h4>
|
|
<p class="desc">{% trans 'Functional behavior assessments, intervention planning, behavior tracking with frequency and intensity monitoring, and evidence-based progress tracking.' %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- end service -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<!-- begin service -->
|
|
<div class="service">
|
|
<div class="icon bg-primary" data-animation="true" data-animation-type="animate__bounceIn"><i class="fa fa-hands-helping"></i></div>
|
|
<div class="info">
|
|
<h4 class="title">{% trans 'Occupational Therapy' %}</h4>
|
|
<p class="desc">{% trans 'Consultation forms (OT-F-1), session notes (OT-F-3), target skill tracking with 0-10 scoring, and visual progress charts for patient outcomes.' %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- end service -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<!-- begin service -->
|
|
<div class="service">
|
|
<div class="icon bg-warning" data-animation="true" data-animation-type="animate__bounceIn"><i class="fa fa-comments"></i></div>
|
|
<div class="info">
|
|
<h4 class="title">{% trans 'Speech Therapy' %}</h4>
|
|
<p class="desc">{% trans 'Comprehensive assessment (SLP-F-2), intervention documentation (SLP-F-3), progress reports (SLP-F-4), and SOAP note format with Rossetti scale integration.' %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- end service -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
<!-- begin col-4 -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<!-- begin service -->
|
|
<div class="service">
|
|
<div class="icon bg-secondary" data-animation="true" data-animation-type="animate__bounceIn"><i class="fa fa-shield-alt"></i></div>
|
|
<div class="info">
|
|
<h4 class="title">{% trans 'ZATCA & NPHIES' %}</h4>
|
|
<p class="desc">{% trans 'Fully compliant e-invoicing with QR code generation, NPHIES integration for insurance claims, and automated regulatory compliance monitoring.' %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- end service -->
|
|
</div>
|
|
<!-- end col-4 -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #features -->
|
|
|
|
<!-- begin #benefits -->
|
|
<div id="benefits" class="content has-bg bg-green" data-scrollview="true">
|
|
<!-- begin content-bg -->
|
|
<div class="content-bg" style="background-image: url({% static 'img/bg/bg-quote.jpg' %});" data-paroller-factor="0.5" data-paroller-factor-md="0.01" data-paroller-factor-xs="0.01"></div>
|
|
<!-- end content-bg -->
|
|
<!-- begin container -->
|
|
<div class="container" data-animation="true" data-animation-type="animate__fadeInLeft">
|
|
<!-- begin row -->
|
|
<div class="row">
|
|
<!-- begin col-12 -->
|
|
<div class="col-lg-12 quote">
|
|
<i class="fa fa-quote-left"></i> {% trans 'Tenhal transformed our multidisciplinary clinic. We have reduced administrative work by half and our staff can finally focus on patient care.' %}
|
|
<i class="fa fa-quote-right"></i>
|
|
<small>{% trans 'Dr. Ahmed Al-Rashid, Medical Director' %}</small>
|
|
</div>
|
|
<!-- end col-12 -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #benefits -->
|
|
|
|
<!-- begin #modules -->
|
|
<div id="modules" class="content" data-scrollview="true">
|
|
<!-- begin container -->
|
|
<div class="container">
|
|
<h2 class="content-title">{% trans 'Platform Modules' %}</h2>
|
|
<p class="content-desc">
|
|
{% trans 'Everything you need to run a modern multidisciplinary healthcare practice,' %}<br />
|
|
{% trans 'from patient registration to billing and compliance' %}
|
|
</p>
|
|
<!-- begin row -->
|
|
<div class="row row-space-10">
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-theme text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-calendar-alt fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Appointments' %}</span>
|
|
<span class="desc-text">{% trans 'Smart scheduling & reminders' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-success text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-file-medical fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Clinical Documentation' %}</span>
|
|
<span class="desc-text">{% trans 'Integrated across all disciplines' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-warning text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-dollar-sign fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Finance & Billing' %}</span>
|
|
<span class="desc-text">{% trans 'ZATCA e-invoicing compliant' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-info text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-bell fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Notifications' %}</span>
|
|
<span class="desc-text">{% trans 'SMS, WhatsApp, Email' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-danger text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-user-md fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Patient Management' %}</span>
|
|
<span class="desc-text">{% trans 'Unified records & files' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-purple text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-exchange-alt fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Referrals' %}</span>
|
|
<span class="desc-text">{% trans 'Interdisciplinary coordination' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-dark text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-chart-line fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Analytics & Reports' %}</span>
|
|
<span class="desc-text">{% trans 'Real-time insights' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
<!-- begin col-3 -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<!-- begin work -->
|
|
<div class="work">
|
|
<div class="image">
|
|
<div class="icon-placeholder bg-secondary text-white d-flex align-items-center justify-content-center" style="height: 200px;">
|
|
<i class="fa fa-lock fa-5x"></i>
|
|
</div>
|
|
</div>
|
|
<div class="desc">
|
|
<span class="desc-title">{% trans 'Security & Compliance' %}</span>
|
|
<span class="desc-text">{% trans 'Enterprise-grade protection' %}</span>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
</div>
|
|
<!-- end col-3 -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #modules -->
|
|
|
|
<!-- begin #testimonials -->
|
|
<div id="testimonials" class="content has-bg bg-green" data-scrollview="true">
|
|
<!-- begin content-bg -->
|
|
<div class="content-bg" style="background-image: url({% static 'img/bg/bg-client.jpg' %});" data-paroller-factor="0.5" data-paroller-factor-md="0.01" data-paroller-factor-xs="0.01"></div>
|
|
<!-- end content-bg -->
|
|
<!-- begin container -->
|
|
<div class="container" data-animation="true" data-animation-type="animate__fadeInUp">
|
|
<h2 class="content-title">{% trans 'What Our Clients Say' %}</h2>
|
|
<!-- begin carousel -->
|
|
<div class="carousel testimonials slide" data-ride="carousel" id="testimonials-carousel">
|
|
<!-- begin carousel-inner -->
|
|
<div class="carousel-inner text-center">
|
|
<!-- begin item -->
|
|
<div class="carousel-item active">
|
|
<blockquote>
|
|
<i class="fa fa-quote-left"></i>
|
|
{% trans 'Tenhal transformed our multidisciplinary clinic. We have reduced administrative work by half and our staff can finally focus on patient care.' %}
|
|
<i class="fa fa-quote-right"></i>
|
|
</blockquote>
|
|
<div class="name">— <span class="text-theme">{% trans 'Dr. Ahmed Al-Rashid' %}</span>, {% trans 'Medical Director' %}</div>
|
|
</div>
|
|
<!-- end item -->
|
|
<!-- begin item -->
|
|
<div class="carousel-item">
|
|
<blockquote>
|
|
<i class="fa fa-quote-left"></i>
|
|
{% trans 'The ZATCA integration saved us countless hours. Invoicing is now automatic and always compliant. Best investment we have made.' %}
|
|
<i class="fa fa-quote-right"></i>
|
|
</blockquote>
|
|
<div class="name">— <span class="text-theme">{% trans 'Fatima Al-Zahrani' %}</span>, {% trans 'Finance Manager' %}</div>
|
|
</div>
|
|
<!-- end item -->
|
|
<!-- begin item -->
|
|
<div class="carousel-item">
|
|
<blockquote>
|
|
<i class="fa fa-quote-left"></i>
|
|
{% trans 'As a speech therapist, I love how the SLP module mirrors our paper forms. Documentation is now faster and more accurate than ever.' %}
|
|
<i class="fa fa-quote-right"></i>
|
|
</blockquote>
|
|
<div class="name">— <span class="text-theme">{% trans 'Sarah Johnson' %}</span>, {% trans 'SLP Specialist' %}</div>
|
|
</div>
|
|
<!-- end item -->
|
|
</div>
|
|
<!-- end carousel-inner -->
|
|
<!-- begin carousel-indicators -->
|
|
<div class="carousel-indicators m-b-0">
|
|
<button type="button" data-bs-target="#testimonials-carousel" data-bs-slide-to="0" class="active"></button>
|
|
<button type="button" data-bs-target="#testimonials-carousel" data-bs-slide-to="1"></button>
|
|
<button type="button" data-bs-target="#testimonials-carousel" data-bs-slide-to="2"></button>
|
|
</div>
|
|
<!-- end carousel-indicators -->
|
|
</div>
|
|
<!-- end carousel -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #testimonials -->
|
|
|
|
<!-- begin #action-box -->
|
|
{# <div id="action-box" class="content has-bg" data-scrollview="true">#}
|
|
{# <!-- begin content-bg -->#}
|
|
{# <div class="content-bg" style="background-image: url({% static 'img/bg/bg-action.jpg' %});" data-paroller-factor="0.5" data-paroller-factor-md="0.01" data-paroller-factor-xs="0.01"></div>#}
|
|
{# <!-- end content-bg -->#}
|
|
{# <!-- begin container -->#}
|
|
{# <div class="container" data-animation="true" data-animation-type="animate__fadeInRight">#}
|
|
{# <!-- begin row -->#}
|
|
{# <div class="row action-box">#}
|
|
{# <!-- begin col-9 -->#}
|
|
{# <div class="col-lg-9">#}
|
|
{# <div class="icon-large text-theme">#}
|
|
{# <i class="fa fa-rocket"></i>#}
|
|
{# </div>#}
|
|
{# <h3>{% trans 'READY TO TRANSFORM YOUR PRACTICE?' %}</h3>#}
|
|
{# <p>#}
|
|
{# {% trans 'Schedule a personalized demo and see how Tenhal can revolutionize your healthcare operations.' %}#}
|
|
{# </p>#}
|
|
{# </div>#}
|
|
{# <!-- end col-9 -->#}
|
|
{# <!-- begin col-3 -->#}
|
|
{# <div class="col-lg-3">#}
|
|
{# <a href="#contact" class="btn btn-outline-white btn-theme btn-block" data-click="scroll-to-target">{% trans 'Request Demo' %}</a>#}
|
|
{# </div>#}
|
|
{# <!-- end col-3 -->#}
|
|
{# </div>#}
|
|
{# <!-- end row -->#}
|
|
{# </div>#}
|
|
{# <!-- end container -->#}
|
|
{# </div>#}
|
|
<!-- end #action-box -->
|
|
|
|
<!-- begin #contact -->
|
|
<div id="contact" class="content bg-light" data-scrollview="true">
|
|
<!-- begin container -->
|
|
<div class="container">
|
|
<h2 class="content-title">{% trans 'Contact Us' %}</h2>
|
|
<p class="content-desc">
|
|
{% trans 'Get in touch with our team to schedule a demo or discuss your specific needs.' %}<br />
|
|
{% trans 'We are here to help you transform your healthcare practice' %}
|
|
</p>
|
|
<!-- begin row -->
|
|
<div class="row">
|
|
<!-- begin col-6 -->
|
|
<div class="col-lg-6" data-animation="true" data-animation-type="animate__fadeInLeft">
|
|
<h3>{% trans 'If you have a project you would like to discuss, get in touch with us.' %}</h3>
|
|
<p>
|
|
{% trans 'Our team of healthcare technology experts is ready to help you implement the perfect solution for your multidisciplinary practice. We offer personalized demos, free consultations, and comprehensive support.' %}
|
|
</p>
|
|
<p>
|
|
<strong>{% trans 'Tenhal Healthcare Solutions' %}</strong><br />
|
|
{% trans 'Riyadh, Saudi Arabia' %}<br />
|
|
P: +966 554777441<br />
|
|
</p>
|
|
<p>
|
|
<a href="mailto:info@tenhal.sa" class="text-theme">info@tenhal.sa</a>
|
|
</p>
|
|
<p>
|
|
<strong>{% trans 'Office Hours' %}</strong><br />
|
|
{% trans 'Sunday - Thursday: 9:00 AM - 6:00 PM (AST)' %}
|
|
</p>
|
|
</div>
|
|
<!-- end col-6 -->
|
|
<!-- begin col-6 -->
|
|
<div class="col-lg-6 form-col" data-animation="true" data-animation-type="animate__fadeInRight">
|
|
{% if messages %}
|
|
<div class="mb-3">
|
|
{% for message in messages %}
|
|
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
|
{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form class="form-horizontal" method="post" action="{% url 'core:contact_submit' %}">
|
|
{% csrf_token %}
|
|
<div class="row mb-3">
|
|
<label class="col-form-label col-lg-3 text-lg-right">{% trans 'Name' %} <span class="text-theme">*</span></label>
|
|
<div class="col-lg-9">
|
|
<input type="text" class="form-control" name="name" required />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label class="col-form-label col-lg-3 text-lg-right">{% trans 'Email' %} <span class="text-theme">*</span></label>
|
|
<div class="col-lg-9">
|
|
<input type="email" class="form-control" name="email" required />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label class="col-form-label col-lg-3 text-lg-right">{% trans 'Phone' %}</label>
|
|
<div class="col-lg-9">
|
|
<input type="tel" class="form-control" name="phone" />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label class="col-form-label col-lg-3 text-lg-right">{% trans 'Message' %} <span class="text-theme">*</span></label>
|
|
<div class="col-lg-9">
|
|
<textarea class="form-control" rows="8" name="message" required></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label class="col-form-label col-lg-3 text-lg-right"></label>
|
|
<div class="col-lg-9 text-left">
|
|
<button type="submit" class="btn btn-theme btn-primary btn-block">{% trans 'Send Message' %}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- end col-6 -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end #contact -->
|
|
|
|
<!-- begin #footer -->
|
|
<div id="footer" class="footer">
|
|
<div class="container">
|
|
<div class="footer-brand"><span class="text-success">{{ _("Tenhal") }}</span> {% trans 'Healthcare' %}</div>
|
|
<p>
|
|
© 2025 {% trans 'Tenhal Healthcare Solutions. All Rights Reserved.' %}
|
|
</p>
|
|
<p class="social-list">
|
|
<a href="#"><i class="fab fa-facebook-f fa-fw"></i></a>
|
|
<a href="#"><i class="fab fa-twitter fa-fw"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin fa-fw"></i></a>
|
|
<a href="#"><i class="fab fa-instagram fa-fw"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- end #footer -->
|
|
</div>
|
|
|
|
<!-- end #page-container -->
|
|
|
|
<!-- ================== BEGIN core-js ================== -->
|
|
<script src="{% static 'js/one-page-parallax/vendor.min.js' %}"></script>
|
|
<script src="{% static 'js/one-page-parallax/app.min.js' %}"></script>
|
|
<!-- ================== END core-js ================== -->
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
App.init();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|