@section('meta_description', ''Read the terms and conditions for using Thomas The Lion Real Estate website, services, and property listings.')

@section('meta_keywords', 'real estate terms, conditions, website policy, thomas the lion, legal')

@section('content')
<!-- Hero Section -->
<section class="relative table w-full py-32 lg:py-36 bg-[url('https://thomasthelion.ca/assets/images/bg/01.jpg')] bg-no-repeat bg-center bg-cover">
    <div class="absolute inset-0 bg-slate-900 opacity-80"></div>
    <div class="container relative">
        <div class="grid grid-cols-1 text-center mt-10">
            <h3 class="md:text-4xl text-3xl md:leading-normal leading-normal font-medium text-white">
                Terms & Conditions
            </h3>
        </div>
    </div>
</section>

<!-- SVG Shape Divider -->
<div class="relative">
    <div class="shape overflow-hidden z-1 text-white dark:text-slate-900">
        <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
        </svg>
    </div>
</div>

<!-- Terms Content Section -->
<section class="relative lg:py-24 py-16">
    <div class="container relative">
        <div class="md:flex justify-center">
            <div class="md:w-3/4">
                <div class="p-6 bg-white dark:bg-slate-900 shadow-sm dark:shadow-gray-700 rounded-md space-y-6">

                    <h5 class="text-xl font-medium">1. Acceptance of Terms</h5>
                    <p class="text-slate-400">By accessing or using this website, you agree to be legally bound by these Terms and Conditions and our Privacy Policy. If you do not agree, you must refrain from using this website. These policies are governed by the laws of the Province of Ontario and the applicable federal laws of Canada. Any disputes will be subject to the exclusive jurisdiction of the courts of Ontario.</p>

                    <h5 class="text-xl font-medium">2. Use of Website</h5>
                    <p class="text-slate-400">The content on www.thomasthelion.ca is provided for informational purposes only. While we strive to ensure accuracy, no representations or warranties are made regarding the completeness, timeliness, or reliability of content. You agree to use this site lawfully and in accordance with all applicable Canadian laws.</p>

                    <h5 class="text-xl font-medium">3. Intellectual Property</h5>
                    <p class="text-slate-400">All content, including text, images, videos, logos, and software on this site is the intellectual property of Thomas The Lion Real Estate or its licensors and is protected by Canadian copyright and trademark laws. Reproduction, distribution, or commercial use without prior written consent is strictly prohibited.</p>

                    <h5 class="text-xl font-medium">4. Collection and Use of Personal Information</h5>
                    <p class="text-slate-400">We collect personal information you voluntarily provide, including: Name, Email address, Mailing address, Phone number, Real estate preferences or inquiries, and Payment information (if applicable). We use this data in compliance with PIPEDA and Ontario privacy laws. It is never sold or rented.</p>

                    <h5 class="text-xl font-medium">5. Consent and Communications</h5>
                    <p class="text-slate-400">By providing your contact information, you consent to receive communications from us regarding services, property listings, or promotions. You can withdraw consent anytime by emailing youragent@thomasthelion.ca.</p>

                    <h5 class="text-xl font-medium">6. Telephone and Email Communication</h5>
                    <p class="text-slate-400">We will only contact you regarding inquiries or services you’ve requested. We do not engage in unsolicited telemarketing or spam.</p>

                    <h5 class="text-xl font-medium">7. Security of Personal Data</h5>
                    <p class="text-slate-400">We take reasonable administrative, technical, and physical safeguards to protect your information. Payment data is transmitted using SSL encryption. However, no method is 100% secure.</p>

                    <h5 class="text-xl font-medium">8. Cookies and Log Data</h5>
                    <p class="text-slate-400">We use cookies to improve user experience, analyze trends, and remember preferences. Server logs may capture anonymous data such as IP, browser type, and session activity for analytics purposes only.</p>

                    <h5 class="text-xl font-medium">9. Third-Party Links</h5>
                    <p class="text-slate-400">This website may contain links to third-party sites. We are not responsible for their content or privacy practices. Please review their terms before engaging.</p>

                    <h5 class="text-xl font-medium">10. Children’s Privacy</h5>
                    <p class="text-slate-400">This website is not intended for users under the age of 18. We do not knowingly collect information from minors.</p>

                    <h5 class="text-xl font-medium">11. Access to Personal Information</h5>
                    <p class="text-slate-400">You may request access to or correction of your personal data under PIPEDA. Requests must be sent in writing to the contact information provided above.</p>

                    <h5 class="text-xl font-medium">12. Changes to the Policy</h5>
                    <p class="text-slate-400">We reserve the right to update these Terms and Privacy Policy. Updates will be posted on this page with the new effective date. Continued use of the site indicates acceptance of any changes.</p>

                    <h5 class="text-xl font-medium">13. Governing Law and Jurisdiction</h5>
                    <p class="text-slate-400">These terms are governed by the laws of Ontario and Canada. Any disputes must be resolved in Toronto, Ontario.</p>

                    <h5 class="text-xl font-medium">14. Contact Information</h5>
                    <p class="text-slate-400">
                        If you have questions or concerns, contact us at:<br>
                        240 Lake Promenade, Toronto, Ontario, M8W 1B2<br>
                        Email: youragent@thomasthelion.ca<br>
                        Phone: 437-556-8558
                        Effective Date: July 28, 2025
                    </p>

                </div>
            </div>
        </div>
    </div>
</section>
<!DOCTYPE html>

<html lang="en" class="light scroll-smooth" dir="ltr">

<head>

    <meta charset="UTF-8" />

    <title>Terms and Conditions - Real Estate Website</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    <meta name="description" content="Real Estate Website Landing Page" />
    
    <meta name="keywords" content="Real Estate, buy, sell, Rent" />

    <meta name="author" content="thomasthelion.ca" />

    <meta name="website" content="https://thomasthelion.ca" />

    <meta name="email" content="support@shreethemes.in" />

    <meta name="version" content="2.6.0" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />



    <!-- favicon -->

    <link rel="shortcut icon" href="https://thomasthelion.ca/assets/images/favicon.ico" />



    <!-- Css -->

    <link href="https://thomasthelion.ca/assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">

    <link href="https://thomasthelion.ca/assets/libs/tobii/css/tobii.min.css" rel="stylesheet">

    <link href="https://thomasthelion.ca/assets/libs/choices.js/public/assets/styles/choices.min.css" rel="stylesheet">

    <link href="https://thomasthelion.ca/assets/libs/swiper/swiper-bundle.min.css" rel="stylesheet">
    <!-- Main Css -->

    <link href="https://thomasthelion.ca/assets/libs/@iconscout/unicons/css/line.css" type="text/css" rel="stylesheet" />

    <link href="https://thomasthelion.ca/assets/libs/@mdi/font/css/materialdesignicons.min.css" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="https://thomasthelion.ca/assets/css/tailwind.css" />
    <link rel="stylesheet" href="https://thomasthelion.ca/assets/css/style.css" />

    <!-- Swiper CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">


        <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/netliva-switch@1.1.2/dist/netliva-switch.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
    <script src="https://www.navisen.com/js/navisenidx_min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
    <!-- Swiper JS (This was missing) -->
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
    <script src="//unpkg.com/alpinejs" defer></script>
     <!-- Calendly Script -->
    <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>


</head>

<body class="dark:bg-slate-900">

    <style>
header {
  background: white;
  width: 100vw;
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
}
.toggle img {
  transform: rotate(180deg);
  object-fit: cover;
}
#topnav {
  height: 10vh; /* consistent height */
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

.toggle img {
  transform: rotate(180deg);
  width: 28px !important;
}

/* Hide toggle + close by default (desktop view) */
.toggle,
.close {
  display: none;
}

/* === Tablet/Desktop Styles (Default) === */
.navbar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar a {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  transition: color 0.3s ease;
}

.navbar a:hover {
  color: #a9850e;
}

.git_btn{
  color:white !important;
}

/* Dropdown styles */
.dropdown-menu {
  display: none;
}

.group:hover .dropdown-menu {
  display: block; /* Desktop hover */
}

/* === Media Queries === */
@media (max-width: 1024px) {
  #mobileMenu a {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .toggle {
    display: block;
    cursor: pointer;
  }

  /* Navbar becomes slide-in menu */
  .navbar {
    position: fixed;
    top: 0;
    left: 100%;
    width: 70%;
    height: 100vh;
    background: #123458;
    z-index: 1100;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2rem;
    visibility: hidden; /* start hidden */
    opacity: 0;
  }

  .navbar a {
    color: #fff;
    font-size: 1.5rem;
    transition: color 0.3s ease;
  }

  .navbar a:hover {
    color: #a9850e;
  }

  /* Close button inside mobile menu */
  .close {
    display: block;
    width: 32px;
    height: auto;
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
  }

  /* Dropdown for mobile */
  .dropdown-menu {
    position: static;
    box-shadow: none;
    width: 100%;
    text-align: center;
    background: transparent;
  }
}

/* === Small screens (phones) === */
@media (max-width: 450px) {
  h1 {
    font-size: 1rem !important;
    line-height: 1.2 !important;
  }

  p {
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
  }

  .navbar a {
    font-size: 1rem !important;
  }

  .home_btn {
    padding: 0.6rem 1rem !important;
    font-size: 12px !important;
  }
}

/* Active link highlight */
.active-link {
  color: #a9850e !important;
  font-weight: 700 !important;
}
</style>

<body>
  <header class="h-[auto] w-full">
    <nav id="topnav" class="w-[100%] h-[10vh] bg-white flex justify-between items-center px-[2rem] py-2">
      <!-- Logo -->
      <a href="https://thomasthelion.ca" class="site_logo w-[60px]">
        <span>
          <img src="https://thomasthelion.ca/assets/images/logo(2).png" alt="Site Logo" class="w-[60px]" />
        </span>
      </a>

      <!-- Navigation Menu -->
      <div id="mobileMenu">
        <ul class="navbar flex justify-center items-center gap-[.8rem]">
          <li>
            <a href="https://thomasthelion.ca" 
               class="text-[18px] font-[500] hover:text-[#a9850e] text-[#123458]">
               Multilanguage Voice Search
            </a>
          </li>
          <li>
            <a href="https://thomasthelion.ca/homes" 
               class="text-[18px] font-[500] hover:text-[#a9850e] text-[#123458]">
               Multiplexes and Tiny Homes
            </a>
          </li>

          <!-- Blog & Podcast Dropdown -->
          <li>
          <a href="https://thomasthelion.ca/blog" 
             class="text-[18px] font-[500] text-[#123458] hover:text-[#a9850e]">
             Blog & Podcast
          </a>
        </li>

          <!-- Close button -->
          <img src="https://thomasthelion.ca/assets/images/delete.png" class="close w-[40px] cursor-pointer" alt="close menu" />

          <a href="https://thomasthelion.ca/contact" class="home_btn git_btn px-[2rem] py-[1rem] mb-2 flex items-center gap-2 ">
            Get in Touch
          </a>
        </ul>
      </div>

      <!-- Toggle -->
      <div class="toggle">
        <img src="https://thomasthelion.ca/assets/images/hamburger.png" class="cursor-pointer w-[28px]" alt="menu toggle" />
      </div>
    </nav>
  </header>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
</body>

<script>
// Navbar toggle
const toggle = document.querySelector(".toggle");
const navbar = document.querySelector(".navbar");
const closeBtn = document.querySelector(".close");

// Open navbar
toggle.addEventListener("click", function () {
  gsap.set(navbar, { visibility: "visible", opacity: 1 });
  gsap.to(navbar, {
    left: "30%",
    duration: 0.5,
    ease: "power3.out"
  });
});

// Close navbar
closeBtn.addEventListener("click", function () {
  gsap.to(navbar, {
    left: "100%",
    duration: 0.5,
    ease: "power3.in",
    onComplete: () => gsap.set(navbar, { visibility: "hidden", opacity: 0 })
  });

  gsap.to(closeBtn, {
    scale: 1.2,
    duration: 0.2,
    yoyo: true,
    repeat: 1
  });
});

// Dropdown toggle for mobile
const dropdownToggle = document.querySelector(".dropdown-toggle");
const dropdownMenu = document.querySelector(".dropdown-menu");
const dropdownArrow = document.querySelector(".dropdown-arrow");

dropdownToggle.addEventListener("click", function (e) {
  // prevent default
  e.preventDefault();

  // toggle dropdown
  if (dropdownMenu.style.display === "block") {
    dropdownMenu.style.display = "none";
    dropdownArrow.classList.remove("rotate-180");
  } else {
    dropdownMenu.style.display = "block";
    dropdownArrow.classList.add("rotate-180");
  }
});
</script>

    <main>

        
    </main>

    <!-- Start Footer -->
<footer class="relative bg-slate-900 py-10 px-4 text-sm text-slate-300">
    <div class="container mx-auto">
        <div class="grid md:grid-cols-12 gap-8">
            <!-- Logo & Description -->
            <div class="lg:col-span-4 md:col-span-12">
                <a href="https://thomasthelion.ca" class="block mb-4">
                    <img src="https://thomasthelion.ca/assets/images/site-logo.webp" alt="Site Logo" class="w-36">
                </a>
                <p class="leading-relaxed max-w-xs">
                    A great platform to buy, sell, and rent your properties without any agent or commissions.
                </p>
            </div>

            <!-- Company Links -->
            <div class="lg:col-span-2 md:col-span-4">
                <h5 class="text-[#b08a0e] font-semibold tracking-wide uppercase mb-2">Company</h5>
                <ul class="space-y-3">
                    <li>
                        <a href="https://thomasthelion.ca/blog" class="hover:text-white transition">
                            <i class="uil uil-angle-right-b mr-1"></i> Blog
                        </a>
                    </li>
                    <li>
                        <a href="https://thomasthelion.ca/login" class="hover:text-white transition">
                            <i class="uil uil-angle-right-b mr-1"></i> Login
                        </a>
                    </li>
                    <li>
                        <a href="https://thomasthelion.ca/homes" class="hover:text-white transition">
                            <i class="uil uil-angle-right-b mr-1"></i>Affordable tiny Homes
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Useful Links + Socials -->
            <div class="lg:col-span-3 md:col-span-4">
                <h5 class="text-[#b08a0e] font-semibold tracking-wide uppercase mb-2">Useful Links</h5>

                <!-- Social Media Icons -->
                <div class="flex gap-2 mb-2">
                    <a href="https://facebook.com" target="_blank" aria-label="Facebook"
                        class="text-slate-300 hover:text-blue-500 text-xl transition">
                        <i class="uil uil-facebook-f"></i>
                    </a>
                    <a href="https://youtube.com" target="_blank" aria-label="YouTube"
                        class="text-slate-300 hover:text-red-500 text-xl transition">
                        <i class="uil uil-youtube"></i>
                    </a>
                    <a href="https://instagram.com" target="_blank" aria-label="Instagram"
                        class="text-slate-300 hover:text-pink-500 text-xl transition">
                        <i class="uil uil-instagram"></i>
                    </a>
                    <a href="https://tiktok.com" target="_blank" aria-label="TikTok"
                        class="text-slate-300 hover:text-white text-xl transition">
                        <i class="uil uil-tiktok"></i>
                    </a>
                </div>

                <!-- Text Links -->
                <ul class="space-y-3">
                    <li>
                        <a href="https://thomasthelion.ca/term-condition" class="flex items-center hover:text-white transition">
                            <i class="uil uil-angle-right-b mr-2"></i> Terms and Conditions
                        </a>
                    </li>
                    <li>
                        <a href="https://thomasthelion.ca/privacy-policy" class="flex items-center hover:text-white transition">
                            <i class="uil uil-angle-right-b mr-2"></i> Privacy Policy
                        </a>
                    </li>
                    <li>
                        <a href="https://thomasthelion.ca/contact" class="flex items-center hover:text-white transition">
                            <i class="uil uil-angle-right-b mr-2"></i> Contact
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Contact Details -->
            <div class="lg:col-span-3 md:col-span-4">
                <h5 class="text-[#b08a0e] font-semibold tracking-wide uppercase mb-2">Contact Details</h5>

                <div class="flex items-start gap-3 mb-0">
                    <i data-feather="map-pin" class="text-[#b08a0e] mt-1"></i>
                    <div>
                        <p class="text-slate-300 mb-2 leading-relaxed">240 Lake Promenade, Ontario, <br>Canada M8W 1B2</p>
                    </div>
                </div>
                  <div class="flex items-start gap-3 mb-2">
                    <i data-feather="map" class="text-[#b08a0e]"></i>
                    <a href="https://maps.google.com/?q=240+Lake+Promenade,+Ontario,+Canada+M8W+1B2"
                        target="_blank" class="hover:text-white transition flex items-center gap-2">
                        View on Google Map
                    </a>
                </div>
                <div class="flex items-start gap-3 mb-2">
                    <i data-feather="mail" class="text-[#b08a0e] mt-0"></i>
                    <a href="mailto:youragent@thomasthelion.ca" class="hover:text-white transition">
                        youragent@thomasthelion.ca
                    </a>
                </div>

                <div class="flex items-start gap-3">
                    <i data-feather="phone" class="text-[#b08a0e] mt-0"></i>
                    <a href="tel:4375568558" class="hover:text-white transition">437-556-8558</a>
                </div>
            </div>
        </div>
        <p class="text-[.8rem]">Copyright © 2025 ThomasTheLion. All rights reserved.</p>
    </div>
</footer>
   <!-- Sticky Footer -->
 <div class="sticky-footer hidden py-[.5rem] bg-[#0a2540]">
        <button class="home_btn px-[1rem] py-[.5rem] text-[1rem] font-[600] open-convai-widget"
            onclick="startConvaiCall()">🎤
            Speak</button>
        <a href="https://thomasthelion.ca/homes" class="home_btn px-[1rem] py-[.5rem] text-[1rem] font-[600]">🏡 Grants</a>
        <a href="tel:1234567890" class="home_btn px-[1rem] py-[.5rem] text-[1rem] font-[600]" onclick="confirmCall()">📞
            Free
            Consult</a>
    </div>
<!-- Back to Top Button -->
<a href="#" onclick="topFunction()" id="back-to-top"
    class="fixed hidden text-xl rounded-full z-10 bottom-5 right-5 w-10 h-10 bg-[#b08a0e] text-white flex items-center justify-center shadow-lg">
    <i class="uil uil-arrow-up"></i>
</a>

<!-- Scripts -->
<script src="https://thomasthelion.ca/assets/js/main.js"></script>
<script>
    function confirmCall() {
        if (confirm('Do you want to call 437-556-8558?')) {
            window.location.href = 'tel:4375568558';
        }
    }
</script>

    <!-- JAVASCRIPTS -->

    <script src="https://thomasthelion.ca/assets/libs/tiny-slider/min/tiny-slider.js"></script>

    <script src="https://thomasthelion.ca/assets/libs/tobii/js/tobii.min.js"></script>

    <script src="https://thomasthelion.ca/assets/libs/choices.js/public/assets/scripts/choices.min.js"></script>

    <script src="https://thomasthelion.ca/assets/libs/swiper/swiper-bundle.min.js"></script>

    <script src="https://thomasthelion.ca/assets/libs/feather-icons/feather.min.js"></script>

    <script src="https://thomasthelion.ca/assets/js/plugins.init.js"></script>

    <script src="https://thomasthelion.ca/assets/js/app.js"></script>
    <script src="https://thomasthelion.ca/assets/js/main.js"></script>


    <script src="https://thomasthelion.ca/assets/libs/particles.js/particles.js"></script>

    <!-- JAVASCRIPTS -->

    


    <!-- Doelai Chatbot Embed Script -->

    <script src='https://app.doelai.com/v1/widget/embed/28'></script>

</body>

</html>