aboutUs




<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">


<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm" style="background-color: #fff;">
  <div class="container-fluid px-3">

    <!-- Logo -->
    <a class="navbar-brand" href="/">
      <img src="/static/img/final%20blue%20logo%20covotel%20-bold.png" alt="Brillion1 Logo" style="height:65px; width: 203px;margin-left: 17px;margin-right: 26px;">
    </a>

    <!-- Mobile toggle -->
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Navbar items -->
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">

      
           <li class="nav-item"><a class="nav-link" href="/product">Products</a></li>
       


        <!-- Solutions dropdown -->
           <li class="nav-item"><a class="nav-link" href="/solutions">Solutions</a></li>



        <li class="nav-item"><a class="nav-link" href="/contact">Integration</a></li>
      </ul>

      <!-- Buttons -->
      <div class="d-flex gap-2">
        <a href="/signup">
          <button class="btn demo-btn">Request Demo</button>
        </a>
        <a href="/login/">
          <button class="btn demo-btn">Login</button>
        </a>
      </div>
    </div>
  </div>
</nav>

<!-- HERO SECTION -->
<section class="hero-section text-center text-lg-start d-flex align-items-center">
  <div class="container d-flex flex-wrap align-items-center justify-content-between">
    <div class="col-lg-6 hero-text" data-aos="fade-down">
      <h1 class="fw-bold mb-3">
        All-in-One Hotel Operations Over <span class="highlight-whatsapp">WhatsApp</span>
      </h1>
      <p class="lead mb-4">
        Manage rooms, track services, collect feedback, and boost revenue seamlessly all in one place.
      </p>
      <div class="d-flex gap-3 flex-wrap">
        <a href="/login/" class="btn btn-dark px-4 py-2 shadow-sm">Login</a>
        <a href="/signup" class="btn btn-outline-dark px-4 py-2">Request Demo</a>
      </div>
    </div>
    <div class="col-lg-5 text-center hero-image" data-aos="zoom-in">
      <img src="/static/img/08878e3d-6953-4812-8bf3-e6e89d457ee8.png" class="img-fluid" alt="Hotel WhatsApp Operations">
    </div>
  </div>
</section>


<!-- ABOUT SECTION -->
<section class="about-section py-5 bg-white">
  <div class="container">
    <div class="text-center mb-5" data-aos="fade-up">
      <h1 class="fw-bold section-heading">Covotel Brings A New Era In Hotel Operations.</h1>
    </div>
    <div class="row align-items-center">
      <div class="col-md-5" data-aos="fade-right">
        <img src="/static/img/53d31025-9a35-4f84-af5a-e6fb2ee9aa7b.png" class="img-fluid" alt="Hotel operations">
      </div>
      <div class="col-md-7" data-aos="fade-left">
        <ul class="list-unstyled about-list">
          <li><strong>Seamless Guest Engagement:</strong> No downloads needed! Guests book, request services, and communicate directly through WhatsApp.</li>
          <li><strong>Effortless Service Requests:</strong> Guests can request services, ask questions, and receive support instantly on a familiar platform.</li>
          <li><strong>Instant Service, Real-Time Updates:</strong> Quick responses and updates keep guests informed at all times.</li>
        </ul>
      </div>
    </div>
  </div>
</section>


<!-- FEATURES GRID -->
<section class="features-section py-5" style="background-color:#f0f7ff;">
  <div class="container">
    <h2 class="text-center mb-4 features-title" data-aos="fade-up" style="font-weight:400;font-size:32px;color:#000;">
      Covotel is packed with features to streamline your operations, enhance guest experiences, and drive revenue growth.
    </h2>
    
    <div class="row g-4">
      <!-- Card 1 -->
      <div class="col-md-4" data-aos="zoom-in">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Room Management</h4>
          <ul class="custom-list">
            <li>Live Room Status View</li>
            <li>WhatsApp-based Check-in/Checkout</li>
            <li>Housekeeping Coordination</li>
            <li>Room Swaps & Upgrades</li>
          </ul>
        </div>
      </div>
      <!-- Card 2 -->
      <div class="col-md-4" data-aos="zoom-in" data-aos-delay="100">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Food Requests</h4>
          <ul class="custom-list">
            <li>Interactive Menu via WhatsApp</li>
            <li>Instant Kitchen Routing</li>
            <li>Scheduled or Live Orders</li>
            <li>Table Reservation Flow</li>
          </ul>
        </div>
      </div>
      <!-- Card 3 -->
      <div class="col-md-4" data-aos="zoom-in" data-aos-delay="200">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Service Tracking</h4>
          <ul class="custom-list">
            <li>WhatsApp-Based Service Requests</li>
            <li>Auto-Assignment to Staff</li>
            <li>Live SLA Monitoring</li>
            <li>Smart Escalations</li>
          </ul>
        </div>
      </div>
      <!-- Card 4 -->
      <div class="col-md-4" data-aos="zoom-in">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Guest Feedback</h4>
          <ul class="custom-list">
            <li>Smart Feedback Triggers</li>
            <li>Structured Feedback Collection</li>
            <li>Complaint Alert System</li>
            <li>Centralized Feedback Inbox</li>
          </ul>
        </div>
      </div>
      <!-- Card 5 -->
      <div class="col-md-4" data-aos="zoom-in" data-aos-delay="100">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Promotions Management</h4>
          <ul class="custom-list">
            <li>WhatsApp Broadcast Engine</li>
            <li>Offer Templates & Upsell Flow</li>
            <li>Real-time Redemption Tracking</li>
            <li>Intelligent Targeting</li>
          </ul>
        </div>
      </div>
      <!-- Card 6 -->
      <div class="col-md-4" data-aos="zoom-in" data-aos-delay="200">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Analytics and Reporting</h4>
          <ul class="custom-list">
            <li>Real-time Dashboards</li>
            <li>Guest Behavior Insights</li>
            <li>Downloadable Reports</li>
            <li>Department-Level Metrics</li>
          </ul>
        </div>
      </div>
      <!-- Card 7 -->
      <div class="col-md-4" data-aos="zoom-in">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">SLA Management</h4>
          <ul class="custom-list">
            <li>Set SLAs by Request Type</li>
            <li>Live SLA Countdown</li>
            <li>SLA Violation Alerts</li>
            <li>SLA Performance Reporting</li>
          </ul>
        </div>
      </div>
      <!-- Card 8 -->
      <div class="col-md-4" data-aos="zoom-in" data-aos-delay="100">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Multi-Level Escalations</h4>
          <ul class="custom-list">
            <li>Custom Escalation Rules</li>
            <li>WhatsApp + App Alerts</li>
            <li>Escalation Timers</li>
            <li>Escalation Logs & Analytics</li>
          </ul>
        </div>
      </div>
      <!-- Card 9 -->
      <div class="col-md-4" data-aos="zoom-in" data-aos-delay="200">
        <div class="feature-card p-4 h-100 shadow-sm">
          <h4 class="mb-3" style="color:#000;">Staff Access</h4>
          <ul class="custom-list">
            <li>Dual-Access: App + WhatsApp</li>
            <li>Role-Based Access Control</li>
            <li>One Unified Task Inbox</li>
            <li>Real-time Notifications</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Final CTA Section -->
<section class="final-cta py-5">
  <div class="container">
    <div class="cta-box text-center mx-auto p-5 shadow-lg">
      <h2 class="mb-3">Covotel Works Across Teams, Roles, and Properties</h2>
      <p class="mb-4">
        Let us show you how Covotel fits your setup—from a homestay in Coorg to a multi-property group in Mumbai.
      </p>
      <div class="cta-buttons d-flex justify-content-center gap-3 flex-wrap">
        <a href="/signup" class="btn btn-primary px-4 py-2">Book Demo</a>
        <a href="/signup" class="btn btn-outline-primary px-4 py-2">Talk to Sales</a>
      </div>
    </div>
  </div>
</section>


<footer class="footer">
  <div class="footer-container">
    <div class="footer-logo">
      <img src="/static/img/final%20blue%20logo%20fron%20ai.png" alt="Brillion1 Logo" style="height: 56px;">
     
    </div>

    <div class="footer-links">
      <div>
        <h3>Menu</h3>
        <ul>
          <li><a href="#">Products</a></li>
          <li><a href="#">Solutions</a></li>
          <li><a href="#">Integration</a></li>
        </ul>
      </div>
      <div>
       
      </div>
      <div>
        <h3>Solutions</h3>
        <ul>
          <li><a href="#">Hotels</a></li>
          <li><a href="#">Role-Based Team Solutions</a></li>
        </ul>
      </div>
      <div>
        <h3>Integration</h3>
        <ul>
          <li><a href="#">Property Management Systems</a></li>
          <li><a href="#">CRM and Guest Communication Tools</a></li>
          <li><a href="#">POS, F&B & Service Software</a></li>
           <li><a href="#">Analytics and Reporting Tools</a></li>
        </ul>
      </div>
      <div>
       
        <h3>Contact Us</h3>
        <ul>
          <li><span>📞</span> +9187921 51415</li>
          <li><span>✉️</span> hello@covotel.com</li>
          <li><span>📍</span> #600, 3rd Floor, 15th Cross, HSR Layout - Sector 4, Bengaluru, INDIA - 560102</li>
        </ul>
      </div>
    </div>
  </div>

  <div class="footer-bottom">
    <div class="policy-links">
      <a href="#">Privacy Policy</a>
      <a href="#">Terms and Conditions</a>
      <a href="#">Refund and Cancellation Policy</a>
    </div>
    <p style="margin-top: 25px; font-size: 0.8rem; color: #dcdcdc;">© 2025 Covotel. All rights reserved.</p>
  </div>
</footer>
 
<style>
.hero-section {
    background: white;
    min-height: 3vh;
    padding: 149px 84px 34px;
}
.hero-text h1 {
  font-size: 2.8rem;
  line-height: 1.3;
}
.hero-text p {
    color: #000 !important;  /* forces black text */
    font-size: 2.1rem;       /* slightly larger for readability */
    line-height: 1.6;        /* better spacing */
}
.hero-image img {
    width: 477px;
    height: 362px;
    border-radius: 38px;
    object-fit: cover;
}

.highlight-whatsapp {
  color: #000079;
}
.about-list li {
    margin-bottom: 39px;
    font-size: 1.3rem;
}

.img-fluid {
    width: 113%;
    height: 415px;
}
.btn-dark {
  background-color: #000079; /* neutral dark grey */
  color: white;
  border: none;
  transition: background 0.3s ease;
}
.btn-dark:hover {
  background-color: #000;
}

.btn-outline-dark {
  color: #000079;
  border: 2px solid #000079;
  background: transparent;
  transition: all 0.3s ease;
}
.btn-outline-dark:hover {
  background-color:#000079;
  color: white;
}

.about-section img {
    border-radius: 136px; /* smoother, rounded corners */
    width: 192%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1); /* subtle shadow for a cleaner look */
}

.about-list {
    font-size: 1.1rem;
    line-height: 1.8;
    padding-left: 20px; /* extra left padding for breathing space */
}

.about-section .col-md-7 {
    padding-left: 40px; /* more space between image and text */
}

.feature-card {
  background: #fff;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Custom list style */
.custom-list {
  list-style: none;
  padding-left: 0;
}

.custom-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

.custom-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #000079; /* light bluish checkmark */
  font-weight: bold;
}
.cta-box {
  max-width: 900px; /* wider box */
  background: #f0f7ff; /* light bluish background */
  border-radius: 20px; /* rounded edges */
  text-align: center;
}
.cta-box h2 {
  font-size: 28px;
  font-weight: 700;
  color: #000;
}
.cta-box p {
  font-size: 18px;
  color: black;
  max-width: 750px;
  margin: 0 auto 20px;
}
.cta-buttons .btn
 {
    border-radius: 8px;
    font-size: 16px;
    background: white;
    color: black;
}
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #f7f9fc;
  box-shadow:0 2px 10px rgba(0,0,0,0.08);
}




.navbar-brand img {
  height: 42px;
}

.navbar .nav-link {
  color: black;       
  font-weight: 500;     
  font-size: 21px;       
  padding: 28px 69px;     
  margin-right: 16px;
  border-radius: 40px;   
  transition: all 0.3s ease;
}

.navbar .nav-link:hover {
  background-color: #f1f6ff; 
  color: #0000a0;            
}

.footer {
  background: #000079;
  color: white;
  padding: 30px 113px;
  font-family: Arial, sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-logo {
  max-width: 250px;
}

.logo-placeholder {
  width: 80px;
  height: 80px;
  background: white;
  border-radius: 50%;
  margin-bottom: 10px;
}

.footer-title {
  font-size: 24px;
  margin: 0;
}

.footer-tagline {
  font-size: 14px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.footer-links h3 {
  margin-bottom: 10px;
}

.footer-links ul {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 5px;
}

.footer-links a {
  color: white;
  text-decoration: none;
}

.footer-bottom {
  border-top: 1px solid white;
  margin-top: 20px;
  padding-top: 10px;
  text-align: center;
}

.policy-links a {
  color: white;
  margin: 0 10px;
  text-decoration: none;
}

.footer-social {
  margin: 10px 0;
}
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script>
  AOS.init({ duration: 1000, once: true });
</script>