@extends('layouts.app') <!-- Assuming you have a base layout -->

@section('content')
<div class="dashboard-main-body">

  <!-- Header with Breadcrumbs -->
  <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
    <h6 class="fw-semibold mb-0">Dashboard</h6>
    <ul class="d-flex align-items-center gap-2">
      <li class="fw-medium">
        <a href="{{ url('dashboard') }}" class="d-flex align-items-center gap-1 hover-text-primary">
          <iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
          Dashboard
        </a>
      </li>
      <li>-</li>
      <li class="fw-medium">CRM</li>
    </ul>
  </div>

  <style>
      #content {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 50vh;
          margin: 0;
      }
      .crm-text {
          font-size: 9rem; /* Bigger size */
          font-weight: bold;
          text-transform: uppercase;
          text-align: center;
          background: linear-gradient(90deg, #28f5dc, #3072e8, orange); /* Gradient colors */
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          opacity: 0.3; /* Faded text effect */
      }
  </style>

  <div id="content">
      <div class="container text-center">
          <h1 class="crm-text">URA CRM</h1>
      </div>
  </div>

</div>
@endsection