@extends('layouts.guestfull')

@section('title', 'About Us - Bricklet')

@section('content')

<!-- Banner Section -->
<section id="city-banner" class="relative min-h-[87vh] md:min-h-[calc(100vh-182px)] overflow-hidden">

  <!-- Background Image -->
  <div class="absolute inset-0">
    <img
      src="https://cdn.home-designing.com/wp-content/uploads/2022/03/modern-sofa.jpg"
      alt="Interior Designers In Guwahati For Home Interiors"
      title="Interior Designers In Guwahati For Home Interiors"
      class="w-full h-full object-cover object-center"
    />
    <!-- Dark overlay -->
    <div class="absolute inset-0 bg-black/40"></div>
  </div>

  <!-- Foreground Content -->
  <div class="relative z-10 max-w-7xl mx-auto px-6 h-full flex items-center">
    <div class="max-w-xl text-white">

      <!-- Heading -->
      <h1 class="text-3xl md:text-5xl font-bold leading-tight mb-6">
        Best Home Interior <br>
        Designers
      </h1>

      <!-- Stats -->
      <div class="flex gap-8 mb-8">
        
      </div>

      <!-- CTA -->
      <a style="align-items: center;
    background-color: #e71c24;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 13px 50px;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80%;" href="#contact"
        class="group inline-flex items-center gap-4 bg-white text-black px-6 py-3 rounded-full font-semibold shadow-lg hover:scale-105 transition"
      >
        <span>Book Your Free Consultation</span>

      </a>

    </div>
  </div>
</section>
<section class="py-16 bg-white">
  <div class="max-w-7xl mx-auto px-6">

    <!-- Heading -->
    <div class="max-w-3xl mb-10">
      <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
        Your Design, Our 3D magic
      </h2>
      <p class="text-gray-600 leading-relaxed">
        Dream big with Bricklet! Our interior designers will transform ordinary spaces into extraordinary homes, capturing your unique style in every detail. From colour palettes you love to custom-crafted elements, we create spaces that tell your story. Experience design that's perfectly tailored to your lifestyle — let's start building your dream home today!
      </p>
    </div>

    <!-- Grid -->
    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">

      <!-- Card -->
      <a href="https://www.homelane.com/interior-design/modular-kitchen-design"
         class="group relative overflow-hidden rounded-xl shadow hover:shadow-lg transition">
        <img src="https://super.homelane.com/site-wise/citypagesHI/guwahati/kitchenData/latest-modular-kitchen-designs-guwahati.webp"
             alt="Latest Modular Kitchen Designs in Guwahati"
             class="w-full h-64 object-cover group-hover:scale-105 transition duration-300">

        <div class="absolute inset-0 bg-black/40 flex items-end">
          <div class="p-5 flex items-center justify-between w-full text-white">
            <h3 class="text-lg font-semibold">Modular Kitchen Designs</h3>
            <span class="w-8 h-8 rounded-full border border-white flex items-center justify-center">
              →
            </span>
          </div>
        </div>
      </a>

      <!-- Bedroom -->
      <a href="https://www.homelane.com/interior-design/bedroom-design"
         class="group relative overflow-hidden rounded-xl shadow hover:shadow-lg transition">
        <img src="https://super.homelane.com/site-wise/citypagesHI/guwahati/bedroomData/bedroom-interior-design-in-guwahati-luxurious-touch.webp"
             class="w-full h-64 object-cover group-hover:scale-105 transition">

        <div class="absolute inset-0 bg-black/40 flex items-end">
          <div class="p-5 flex items-center justify-between w-full text-white">
            <h3 class="text-lg font-semibold">Bedroom Designs</h3>
            <span class="w-8 h-8 border border-white rounded-full flex items-center justify-center">→</span>
          </div>
        </div>
      </a>

      <!-- Living Room -->
      <a href="https://www.homelane.com/interior-design/living-room-design"
         class="group relative overflow-hidden rounded-xl shadow hover:shadow-lg transition">
        <img src="https://super.homelane.com/site-wise/citypagesHI/guwahati/livingroomData/living-room-interior-designs-in-Guwahati.webp"
             class="w-full h-64 object-cover group-hover:scale-105 transition">

        <div class="absolute inset-0 bg-black/40 flex items-end">
          <div class="p-5 flex items-center justify-between w-full text-white">
            <h3 class="text-lg font-semibold">Living Room Designs</h3>
            <span class="w-8 h-8 border border-white rounded-full flex items-center justify-center">→</span>
          </div>
        </div>
      </a>

      <!-- Bathroom -->
      <a href="https://www.homelane.com/interior-design/bathroom-design"
         class="group relative overflow-hidden rounded-xl shadow hover:shadow-lg transition">
        <img src="https://super.homelane.com/site-wise/citypagesHI/guwahati/bathroomData/bathroom-interior-design-in-guwahati-enhance-space.webp"
             class="w-full h-64 object-cover group-hover:scale-105 transition">

        <div class="absolute inset-0 bg-black/40 flex items-end">
          <div class="p-5 flex items-center justify-between w-full text-white">
            <h3 class="text-lg font-semibold">Bathroom Designs</h3>
            <span class="w-8 h-8 border border-white rounded-full flex items-center justify-center">→</span>
          </div>
        </div>
      </a>

      <!-- Space Saving -->
      <a href="https://www.homelane.com/interior-design/space-saving-furniture-design"
         class="group relative overflow-hidden rounded-xl shadow hover:shadow-lg transition">
        <img src="https://super.homelane.com/site-wise/citypagesHI/guwahati/spaceSavingData/space-saving-interior-designs-nashik.webp"
             class="w-full h-64 object-cover group-hover:scale-105 transition">

        <div class="absolute inset-0 bg-black/40 flex items-end">
          <div class="p-5 flex items-center justify-between w-full text-white">
            <h3 class="text-lg font-semibold leading-tight">
              Space Saving<br>Furniture Designs
            </h3>
            <span class="w-8 h-8 border border-white rounded-full flex items-center justify-center">→</span>
          </div>
        </div>
      </a>

      <!-- Home Office -->
      <a href="https://www.homelane.com/interior-design/home-office-design"
         class="group relative overflow-hidden rounded-xl shadow hover:shadow-lg transition">
        <img src="https://super.homelane.com/site-wise/citypagesHI/guwahati/homeofficeData/home-office-interior-designs-in-Guwahati.webp"
             class="w-full h-64 object-cover group-hover:scale-105 transition">

        <div class="absolute inset-0 bg-black/40 flex items-end">
          <div class="p-5 flex items-center justify-between w-full text-white">
            <h3 class="text-lg font-semibold">Home Office Designs</h3>
            <span class="w-8 h-8 border border-white rounded-full flex items-center justify-center">→</span>
          </div>
        </div>
      </a>

    </div>
  </div>
</section>
<section class="py-16 bg-white">
  <div class="max-w-7xl mx-auto px-6">

    <div class="grid grid-cols-2 md:grid-cols-4 gap-10 text-center">

      <!-- Delivery in 45 Days -->
      <div class="flex flex-col items-center">
        <div class="w-24 h-24 flex items-center justify-center">
          <!-- SVG -->
          <svg width="98" height="81" viewBox="0 0 98 81" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Delivery in 45 days*</title><path d="M85.0786 6.37549H13.1277V26.3427H85.0786V6.37549Z" fill="#D43631"></path><path d="M85.0786 20.6274H13.1277V26.3422H85.0786V20.6274Z" fill="#F6C775"></path><path d="M23.6968 1.98242V12.1726" stroke="#333333" stroke-width="3.00343" stroke-linecap="round" stroke-linejoin="round"></path><path d="M75.219 1.98242V12.1726" stroke="#333333" stroke-width="3.00343" stroke-linecap="round" stroke-linejoin="round"></path><path d="M85.0718 6.75391H13.4995V78.3262H85.0718V6.75391Z" stroke="#333333" stroke-width="3.00343" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.1077 61.9808C20.8047 61.9808 20.55 61.8776 20.3503 61.6779C20.1506 61.4782 20.0474 61.2235 20.0474 60.9205C20.0474 60.1494 20.247 59.4953 20.6533 58.9513L37.7425 35.2592C38.2107 34.5844 38.8648 34.2539 39.7117 34.2539C40.049 34.2539 40.3313 34.371 40.5654 34.6051C40.7995 34.8392 40.9166 35.1421 40.9166 35.5139V59.4058C40.9166 59.6743 41.0681 59.812 41.371 59.812H46.5143C46.8172 59.812 47.0789 59.9222 47.2923 60.1425C47.5127 60.3628 47.6228 60.6245 47.6228 60.9205C47.6228 61.2166 47.5127 61.4782 47.2923 61.6779C47.072 61.8776 46.8104 61.9808 46.5143 61.9808H41.371C41.0681 61.9808 40.9166 62.1323 40.9166 62.4353V69.7956C40.9166 70.1674 40.7995 70.4704 40.5654 70.7045C40.3313 70.9386 40.0422 71.0556 39.7117 71.0556C39.3399 71.0556 39.0369 70.9386 38.8028 70.7045C38.5687 70.4704 38.4517 70.1674 38.4517 69.7956V62.4353C38.4517 62.1323 38.3002 61.9808 37.9972 61.9808H21.1077ZM22.7739 59.7156C22.7739 59.7156 22.7533 59.7638 22.7257 59.7638C22.7257 59.7982 22.7395 59.812 22.7739 59.812H37.9972C38.3002 59.812 38.4517 59.6812 38.4517 59.4058V38.1303C38.4517 38.1303 38.431 38.0821 38.4035 38.0821H38.3002L22.7739 59.7087V59.7156Z" fill="#2C427C"></path><path d="M55.9883 69.9947C55.2171 69.6573 54.8315 69.0721 54.8315 68.2321C54.8315 67.9636 54.9486 67.7432 55.1827 67.578C55.4168 67.4127 55.6509 67.3921 55.885 67.5298C58.5702 68.776 61.1935 69.3957 63.748 69.3957C67.1424 69.3957 69.7244 68.5419 71.487 66.8275C73.2496 65.1131 74.1309 62.5793 74.1309 59.2124C74.1309 56.3206 73.3322 54.1242 71.7349 52.6094C70.1375 51.0947 67.8103 50.3442 64.7532 50.3442C62.3984 50.3442 60.3191 50.9156 58.5014 52.0586C57.7302 52.5268 57.0211 52.7678 56.3876 52.7678C56.0847 52.7678 55.823 52.6507 55.6096 52.4166C55.3893 52.1825 55.2997 51.914 55.3342 51.6111L56.243 37.1451C56.2774 36.3396 56.5942 35.6579 57.2001 35.1002C57.806 34.5425 58.5083 34.2671 59.3139 34.2671H74.0827C74.3857 34.2671 74.6404 34.3773 74.8401 34.5976C75.0398 34.8179 75.1431 35.0796 75.1431 35.3756C75.1431 35.6717 75.0398 35.9333 74.8401 36.133C74.6404 36.3327 74.3857 36.436 74.0827 36.436H59.1624C58.8594 36.436 58.7079 36.5874 58.7079 36.8904L57.7991 50.1996C57.7991 50.1996 57.8129 50.2478 57.8473 50.2478C57.8817 50.2478 57.8955 50.2409 57.8955 50.2202C57.8955 50.1996 57.9093 50.1927 57.9437 50.1927C59.9955 48.8845 62.364 48.2235 65.0493 48.2235C68.7467 48.2235 71.604 49.1806 73.6214 51.0947C75.6388 53.0088 76.6441 55.7147 76.6441 59.2124C76.6441 63.2127 75.5424 66.2698 73.3391 68.3836C71.1358 70.5042 67.9342 71.5577 63.7342 71.5577C61.0421 71.5577 58.4601 71.0344 55.9676 69.9947H55.9883Z" fill="#2C427C"></path><path d="M84.7002 26.3428H13.8784" stroke="#333333" stroke-width="3.00343" stroke-linecap="round" stroke-linejoin="round"></path></svg>
        </div>
        <p class="mt-4 text-gray-800 font-medium">
          Delivery in 45 days*
        </p>
      </div>

      <!-- No Hidden Costs -->
      <div class="flex flex-col items-center">
        <div class="w-24 h-24 flex items-center justify-center">
          <svg width="124" height="101" viewBox="0 0 124 101" fill="none" xmlns="http://www.w3.org/2000/svg"><title>No Hidden Costs</title><path d="M122.063 51.0078C122.086 50.9611 122.102 50.9144 122.117 50.8677C122.133 50.8211 122.141 50.7666 122.148 50.7199C122.156 50.6732 122.172 50.6265 122.172 50.5798C122.172 50.5331 122.172 50.4786 122.172 50.432C122.172 50.3853 122.172 50.3308 122.172 50.2841C122.172 50.2374 122.156 50.1907 122.148 50.144C122.141 50.0973 122.133 50.0429 122.117 49.9962C122.102 49.9495 122.078 49.9028 122.063 49.8561C122.039 49.8094 122.024 49.7627 122.001 49.7238C121.969 49.6771 121.938 49.6304 121.899 49.5837C121.876 49.5526 121.86 49.5215 121.837 49.4903C102.118 26.2535 82.0248 14.4717 62.1031 14.4717C42.1814 14.4717 22.0884 26.2535 2.36905 49.4903C2.3457 49.5215 2.33014 49.5526 2.3068 49.5837C2.27567 49.6304 2.23675 49.6771 2.20563 49.7238C2.18228 49.7705 2.16672 49.8172 2.14338 49.8561C2.12003 49.9028 2.10446 49.9495 2.0889 49.9962C2.07333 50.0429 2.06556 50.0973 2.05777 50.144C2.04999 50.1907 2.03442 50.2374 2.03442 50.2841C2.03442 50.3308 2.03442 50.3853 2.03442 50.432C2.03442 50.4786 2.03442 50.5331 2.03442 50.5798C2.03442 50.6265 2.04999 50.6732 2.05777 50.7199C2.06556 50.7666 2.07333 50.8211 2.0889 50.8677C2.10446 50.9144 2.12781 50.9611 2.14338 51.0078C2.16672 51.0545 2.18228 51.1012 2.20563 51.1401C2.23675 51.1868 2.26789 51.2335 2.3068 51.2802C2.33014 51.3113 2.3457 51.3424 2.36905 51.3736C22.0884 74.6104 42.1814 86.3922 62.1031 86.3922C82.0248 86.3922 102.118 74.6104 121.837 51.3736C121.86 51.3424 121.876 51.3113 121.899 51.2802C121.931 51.2335 121.969 51.1868 122.001 51.1401C122.024 51.0934 122.039 51.0467 122.063 51.0078Z" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M62.1033 86.2212C82.0066 86.2212 98.1414 70.1979 98.1414 50.4321C98.1414 30.6664 82.0066 14.6431 62.1033 14.6431C42.2 14.6431 26.0652 30.6664 26.0652 50.4321C26.0652 70.1979 42.2 86.2212 62.1033 86.2212Z" fill="#D43631" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M71.8128 41.9137H63.963C64.8713 42.4327 65.5705 43.0598 66.0606 43.795C66.5508 44.5159 66.8752 45.3304 67.0337 46.2386H71.8128V49.5472H66.9905C66.6877 51.0465 65.9741 52.3584 64.8496 53.4829C63.7396 54.6074 62.2691 55.4363 60.4382 55.9698C61.1302 56.3302 61.7141 56.8636 62.1898 57.57L70.9262 69.6582H66.8175C66.0102 69.6582 65.4047 69.3338 65.001 68.6851L57.3459 57.916C57.1008 57.5556 56.8341 57.3033 56.5457 57.1591C56.2574 57.0005 55.8177 56.9212 55.2266 56.9212H51.4856V53.7424H55.6159C57.5477 53.7424 59.0903 53.3604 60.2436 52.5963C61.4113 51.8178 62.1826 50.8014 62.5574 49.5472H51.4423V46.2386H62.6655C62.3628 44.8979 61.6348 43.8671 60.4814 43.1463C59.3425 42.4111 57.7711 42.0434 55.7673 42.0434H51.4856V38.6051H71.8128V41.9137Z" fill="white"></path></svg>
        </div>
        <p class="mt-4 text-gray-800 font-medium">
          No hidden costs
        </p>
      </div>

      <!-- Flat 10-Year Warranty -->
      <div class="flex flex-col items-center">
        <div class="w-24 h-24 flex items-center justify-center">
          <svg width="121" height="103" viewBox="0 0 121 103" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Flat 10 Year Warranty</title><path d="M94.8272 89.6843L83.7433 90.9187L83.3289 101.191L48.8253 66.6876L60.3236 55.1807L94.8272 89.6843Z" fill="#D43631"></path><path d="M37.0937 101.769L35.8593 90.6769L25.5868 90.2712L60.0904 55.7676L71.5973 67.2659L37.0937 101.769Z" fill="#D43631"></path><path d="M88.2408 57.0796L89.7169 65.617L81.0587 65.6429L79.5307 74.163L71.3818 71.228L67.0224 78.7209L60.3669 73.1703L53.7199 78.7209L49.3606 71.228L41.2116 74.163L39.6837 65.6429L31.0254 65.617L32.5016 57.0796L24.3699 54.0928" fill="white"></path><path d="M88.2408 57.0796L89.7169 65.617L81.0587 65.6429L79.5307 74.163L71.3818 71.228L67.0224 78.7209L60.3669 73.1703L53.7199 78.7209L49.3606 71.228L41.2116 74.163L39.6837 65.6429L31.0254 65.617L32.5016 57.0796L24.3699 54.0928" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M60.3666 8.80696L67.0222 3.25635L71.3815 10.7406L79.5305 7.80561L81.0584 16.3344L89.7167 16.3603L88.2405 24.8977L96.3722 27.8845L92.0647 35.3947L98.6857 40.9884L92.0647 46.5736L96.3722 54.0924L88.2405 57.0792L89.7167 65.6166L81.0584 65.6425L79.5305 74.1627L71.3815 71.2276L67.0222 78.7206L60.3666 73.1699L53.7197 78.7206L49.3603 71.2276L41.2114 74.1627L39.6835 65.6425L31.0252 65.6166L32.5013 57.0792L24.3696 54.0924L28.6772 46.5736L22.0562 40.9884L28.6772 35.3947L24.3696 27.8845L32.5013 24.8977L31.0252 16.3603L39.6835 16.3344L41.2114 7.80561L49.3603 10.7406L53.7197 3.25635L60.3666 8.80696Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M60.3668 65.4956C73.9018 65.4956 84.8741 54.5233 84.8741 40.9883C84.8741 27.4532 73.9018 16.481 60.3668 16.481C46.8318 16.481 35.8595 27.4532 35.8595 40.9883C35.8595 54.5233 46.8318 65.4956 60.3668 65.4956Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M49.0973 48.2692H52.6173V38.1416C52.6173 37.7491 52.6293 37.3367 52.6533 36.9042L50.1545 38.9946C50.0504 39.0827 49.9422 39.1427 49.8301 39.1748C49.726 39.2068 49.6219 39.2228 49.5177 39.2228C49.3576 39.2228 49.2094 39.1908 49.0732 39.1267C48.9451 39.0546 48.849 38.9745 48.7849 38.8864L47.8478 37.601L53.1459 33.0958H55.5847V48.2692H58.7083V50.4917H49.0973V48.2692ZM73.1386 41.8058C73.1386 43.3195 72.9744 44.637 72.6461 45.7583C72.3257 46.8716 71.8772 47.7926 71.3005 48.5214C70.7319 49.2503 70.0551 49.7949 69.2702 50.1553C68.4933 50.5077 67.6524 50.6839 66.7473 50.6839C65.8423 50.6839 65.0013 50.5077 64.2244 50.1553C63.4556 49.7949 62.7868 49.2503 62.2181 48.5214C61.6495 47.7926 61.205 46.8716 60.8846 45.7583C60.5643 44.637 60.4041 43.3195 60.4041 41.8058C60.4041 40.284 60.5643 38.9665 60.8846 37.8533C61.205 36.74 61.6495 35.8189 62.2181 35.0901C62.7868 34.3613 63.4556 33.8206 64.2244 33.4682C65.0013 33.1078 65.8423 32.9276 66.7473 32.9276C67.6524 32.9276 68.4933 33.1078 69.2702 33.4682C70.0551 33.8206 70.7319 34.3613 71.3005 35.0901C71.8772 35.8189 72.3257 36.74 72.6461 37.8533C72.9744 38.9665 73.1386 40.284 73.1386 41.8058ZM70.0751 41.8058C70.0751 40.5483 69.983 39.5071 69.7988 38.6822C69.6146 37.8573 69.3663 37.2005 69.054 36.7119C68.7496 36.2234 68.3972 35.883 67.9967 35.6908C67.5963 35.4905 67.1798 35.3904 66.7473 35.3904C66.3228 35.3904 65.9104 35.4905 65.5099 35.6908C65.1175 35.883 64.7691 36.2234 64.4647 36.7119C64.1604 37.2005 63.9161 37.8573 63.7319 38.6822C63.5557 39.5071 63.4676 40.5483 63.4676 41.8058C63.4676 43.0632 63.5557 44.1044 63.7319 44.9293C63.9161 45.7543 64.1604 46.411 64.4647 46.8996C64.7691 47.3882 65.1175 47.7325 65.5099 47.9328C65.9104 48.125 66.3228 48.2211 66.7473 48.2211C67.1798 48.2211 67.5963 48.125 67.9967 47.9328C68.3972 47.7325 68.7496 47.3882 69.054 46.8996C69.3663 46.411 69.6146 45.7543 69.7988 44.9293C69.983 44.1044 70.0751 43.0632 70.0751 41.8058Z" fill="#3177B0"></path></svg>
        </div>
        <p class="mt-4 text-gray-800 font-medium">
          Flat 10-year warranty
        </p>
      </div>

      <!-- Easy EMIs -->
      <div class="flex flex-col items-center">
        <div class="w-24 h-24 flex items-center justify-center">
          <svg width="121" height="103" viewBox="0 0 121 103" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Easy EMIs</title><path d="M77.6476 2.25635H14.4455C11.1309 2.25635 8.44385 4.94336 8.44385 8.25797V94.2266C8.44385 97.5412 11.1309 100.228 14.4455 100.228H77.6476C80.9622 100.228 83.6492 97.5412 83.6492 94.2266V8.25797C83.6492 4.94336 80.9622 2.25635 77.6476 2.25635Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M71.9991 12.5293H20.0855C18.8776 12.5293 17.8984 13.5085 17.8984 14.7164V31.0508C17.8984 32.2587 18.8776 33.2379 20.0855 33.2379H71.9991C73.207 33.2379 74.1862 32.2587 74.1862 31.0508V14.7164C74.1862 13.5085 73.207 12.5293 71.9991 12.5293Z" fill="#95BEE0" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M31.2619 41.1514H20.7053C20.3914 41.1514 20.137 41.4058 20.137 41.7197V50.0634C20.137 50.3773 20.3914 50.6317 20.7053 50.6317H31.2619C31.5758 50.6317 31.8302 50.3773 31.8302 50.0634V41.7197C31.8302 41.4058 31.5758 41.1514 31.2619 41.1514Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M50.2741 41.1514H39.7175C39.4036 41.1514 39.1492 41.4058 39.1492 41.7197V50.0634C39.1492 50.3773 39.4036 50.6317 39.7175 50.6317H50.2741C50.588 50.6317 50.8424 50.3773 50.8424 50.0634V41.7197C50.8424 41.4058 50.588 41.1514 50.2741 41.1514Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M69.2867 41.1514H58.73C58.4162 41.1514 58.1617 41.4058 58.1617 41.7197V50.0634C58.1617 50.3773 58.4162 50.6317 58.73 50.6317H69.2867C69.6006 50.6317 69.855 50.3773 69.855 50.0634V41.7197C69.855 41.4058 69.6006 41.1514 69.2867 41.1514Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M31.2619 59.8018H20.7053C20.3914 59.8018 20.137 60.0562 20.137 60.3701V68.7138C20.137 69.0276 20.3914 69.2821 20.7053 69.2821H31.2619C31.5758 69.2821 31.8302 69.0276 31.8302 68.7138V60.3701C31.8302 60.0562 31.5758 59.8018 31.2619 59.8018Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M50.2741 59.8018H39.7175C39.4036 59.8018 39.1492 60.0562 39.1492 60.3701V68.7138C39.1492 69.0276 39.4036 69.2821 39.7175 69.2821H50.2741C50.588 69.2821 50.8424 69.0276 50.8424 68.7138V60.3701C50.8424 60.0562 50.588 59.8018 50.2741 59.8018Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M69.2867 59.8018H58.73C58.4162 59.8018 58.1617 60.0562 58.1617 60.3701V68.7138C58.1617 69.0276 58.4162 69.2821 58.73 69.2821H69.2867C69.6006 69.2821 69.855 69.0276 69.855 68.7138V60.3701C69.855 60.0562 69.6006 59.8018 69.2867 59.8018Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M31.2619 78.4526H20.7053C20.3914 78.4526 20.137 78.7071 20.137 79.0209V87.3646C20.137 87.6785 20.3914 87.9329 20.7053 87.9329H31.2619C31.5758 87.9329 31.8302 87.6785 31.8302 87.3646V79.0209C31.8302 78.7071 31.5758 78.4526 31.2619 78.4526Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M50.2741 78.4526H39.7175C39.4036 78.4526 39.1492 78.7071 39.1492 79.0209V87.3646C39.1492 87.6785 39.4036 87.9329 39.7175 87.9329H50.2741C50.588 87.9329 50.8424 87.6785 50.8424 87.3646V79.0209C50.8424 78.7071 50.588 78.4526 50.2741 78.4526Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M69.2867 78.4526H58.73C58.4162 78.4526 58.1617 78.7071 58.1617 79.0209V87.3646C58.1617 87.6785 58.4162 87.9329 58.73 87.9329H69.2867C69.6006 87.9329 69.855 87.6785 69.855 87.3646V79.0209C69.855 78.7071 69.6006 78.4526 69.2867 78.4526Z" fill="white" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M113.554 71.0554C113.554 73.2511 109.903 75.0077 109.438 77.057C108.973 79.1063 111.47 82.3353 110.549 84.2555C109.628 86.1757 105.563 86.2015 104.229 87.872C102.894 89.5424 103.781 93.4947 102.102 94.838C100.423 96.1813 96.7891 94.4247 94.843 95.3632C92.897 96.3018 92.0274 100.237 89.9091 100.719C87.7909 101.201 85.3369 98.0325 83.1412 98.0325C80.9455 98.0325 78.4226 101.184 76.3732 100.719C74.3239 100.254 73.3509 96.2932 71.4393 95.3632C69.5278 94.4333 65.851 96.1726 64.1805 94.838C62.5101 93.5033 63.397 89.5511 62.0537 87.872C60.7105 86.1929 56.6721 86.2015 55.7335 84.2555C54.795 82.3095 57.3265 79.1838 56.8443 77.057C56.3621 74.9302 52.7284 73.2511 52.7284 71.0554C52.7284 68.8597 56.3793 67.1031 56.8443 65.0538C57.3093 63.0044 54.8122 59.7755 55.7335 57.8553C56.6549 55.9351 60.7191 55.9093 62.0537 54.2388C63.3884 52.5683 62.5015 48.6161 64.1805 47.2728C65.8596 45.9295 69.4933 47.6861 71.4393 46.7476C73.3853 45.809 74.255 41.8739 76.3732 41.3917C78.4914 40.9095 80.9455 44.0782 83.1412 44.0782C85.3369 44.0782 87.8598 40.9268 89.9091 41.3917C91.9585 41.8567 92.9315 45.8176 94.843 46.7476C96.7546 47.6775 100.431 45.9382 102.102 47.2728C103.772 48.6075 102.885 52.5597 104.229 54.2388C105.572 55.9179 109.61 55.9093 110.549 57.8553C111.487 59.8013 108.956 62.9269 109.438 65.0538C109.92 67.1806 113.554 68.8597 113.554 71.0554Z" fill="white"></path><path d="M113.554 71.0554C113.554 73.2511 109.903 75.0077 109.438 77.057C108.973 79.1063 111.47 82.3353 110.549 84.2555C109.628 86.1757 105.563 86.2015 104.229 87.872C102.894 89.5424 103.781 93.4947 102.102 94.838C100.423 96.1813 96.7891 94.4247 94.843 95.3632C92.897 96.3018 92.0274 100.237 89.9091 100.719C87.7909 101.201 85.3369 98.0325 83.1412 98.0325C80.9455 98.0325 78.4226 101.184 76.3732 100.719C74.3239 100.254 73.3509 96.2932 71.4393 95.3632C69.5278 94.4333 65.851 96.1726 64.1805 94.838C62.5101 93.5033 63.397 89.5511 62.0537 87.872C60.7105 86.1929 56.6721 86.2015 55.7335 84.2555C54.795 82.3095 57.3265 79.1838 56.8443 77.057C56.3621 74.9302 52.7284 73.2511 52.7284 71.0554C52.7284 68.8597 56.3793 67.1031 56.8443 65.0538C57.3093 63.0044 54.8122 59.7755 55.7335 57.8553C56.6549 55.9351 60.7191 55.9093 62.0537 54.2388C63.3884 52.5683 62.5015 48.6161 64.1805 47.2728C65.8596 45.9295 69.4933 47.6861 71.4393 46.7476C73.3853 45.809 74.255 41.8739 76.3732 41.3917C78.4914 40.9095 80.9455 44.0782 83.1412 44.0782C85.3369 44.0782 87.8598 40.9268 89.9091 41.3917C91.9585 41.8567 92.9315 45.8176 94.843 46.7476C96.7546 47.6775 100.431 45.9382 102.102 47.2728C103.772 48.6075 102.885 52.5597 104.229 54.2388C105.572 55.9179 109.61 55.9093 110.549 57.8553C111.487 59.8013 108.956 62.9269 109.438 65.0538C109.92 67.1806 113.554 68.8597 113.554 71.0554Z" stroke="#333333" stroke-width="3.00343" stroke-miterlimit="10"></path><path d="M75.03 66.6208C77.1747 66.6208 78.9134 64.8822 78.9134 62.7374C78.9134 60.5927 77.1747 58.854 75.03 58.854C72.8853 58.854 71.1466 60.5927 71.1466 62.7374C71.1466 64.8822 72.8853 66.6208 75.03 66.6208Z" fill="#D43631"></path><path d="M71.6199 84.3424L95.9191 59.6729" stroke="#D43631" stroke-width="3.00343" stroke-miterlimit="10" stroke-linecap="round"></path><path d="M89.2289 85.6511C91.3736 85.6511 93.1122 83.9124 93.1122 81.7677C93.1122 79.6229 91.3736 77.8843 89.2289 77.8843C87.0841 77.8843 85.3455 79.6229 85.3455 81.7677C85.3455 83.9124 87.0841 85.6511 89.2289 85.6511Z" fill="#D43631"></path></svg>
        </div>
        <p class="mt-4 text-gray-800 font-medium">
          Easy EMIs
        </p>
      </div>

    </div>
  </div>
</section>
<section id="hassleFreeInterior" class="py-10 lg:py-20 bg-white">
  <div class="max-w-7xl mx-auto px-6">

    <!-- Header Row -->
    <div class="flex flex-col md:flex-row md:items-end md:justify-between gap-6">
      <div>
        <h2 class="text-2xl md:text-3xl font-bold mb-2 text-gray-900">
          Is designing your home interiors feeling like a chore?
        </h2>
        <p class="text-lg text-gray-600">
          Our interior designers handle everything, from concept to completion.
        </p>
      </div>

      <div class="md:text-right">
        <a
          href="#contact"
          class="inline-block px-6 py-3 rounded-lg bg-red-600 text-white font-semibold hover:bg-red-700 transition"
        >
          Book FREE Consultation
        </a>
      </div>
    </div>

    <!-- Cards -->
    <div class="mt-10">
      <ul class="grid grid-cols-1 md:grid-cols-3 gap-8">

        <!-- Card 1 -->
        <li>
          <div class="rounded-lg shadow-sm border overflow-hidden bg-white">
            <img
              src="https://images.livspace-cdn.com/w:348/h:260/plain/https://d3gq2merok8n5r.cloudfront.net/bumblebee/in/city-page/bought-new-home-1611302263-z8MOe/we-design-d-1611302293-REC52.jpg"
              alt="Interior designer in Guwahati"
              class="w-full h-60 object-cover"
              loading="lazy"
            />
            <div class="p-4">
              <p class="text-lg font-semibold text-gray-900">
                We design
              </p>
              <p class="mt-1 text-gray-600">
                Modular kitchens, wardrobes and storage — find everything you need in our extensive catalogue
              </p>
            </div>
          </div>
        </li>

        <!-- Card 2 -->
        <li>
          <div class="rounded-lg shadow-sm border overflow-hidden bg-white">
            <img
              src="https://images.livspace-cdn.com/w:348/h:260/plain/https://d3gq2merok8n5r.cloudfront.net/bumblebee/in/city-page/bought-new-home-1611302263-z8MOe/we-curate-d-1611302285-UWH0F.jpg"
              alt="Best interior designer in Guwahati"
              class="w-full h-60 object-cover"
              loading="lazy"
            />
            <div class="p-4">
              <p class="text-lg font-semibold text-gray-900">
                We curate
              </p>
              <p class="mt-1 text-gray-600">
                Modular kitchens, wardrobes and storage — find everything you need in our extensive catalogue
              </p>
            </div>
          </div>
        </li>

        <!-- Card 3 -->
        <li>
          <div class="rounded-lg shadow-sm border overflow-hidden bg-white">
            <img
              src="https://images.livspace-cdn.com/w:348/h:260/plain/https://d3gq2merok8n5r.cloudfront.net/bumblebee/in/city-page/bought-new-home-1611302263-z8MOe/we-deliver-d-1611302286-I0fPm.jpg"
              alt="Home interior design in Guwahati"
              class="w-full h-60 object-cover"
              loading="lazy"
            />
            <div class="p-4">
              <p class="text-lg font-semibold text-gray-900">
                We deliver
              </p>
              <p class="mt-1 text-gray-600">
                We'll do all the heavy lifting — flooring, painting, false ceiling, plumbing and everything in between
              </p>
            </div>
          </div>
        </li>

      </ul>
    </div>

  </div>
</section>

<section class="bg-gradient-to-r from-red-600 to-red-700 py-12" id='contact'>
  <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-10 items-center">

    <!-- Left Content -->
    <div class="text-white">
      <img
        src="https://images.livspace-cdn.com/w:295/h:177/plain/https://d3gq2merok8n5r.cloudfront.net/bumblebee/in/city-page/common-1658423984-3vSSL/footer-open-form-1669381899-lajjY/desktop-1669381906-uHJUR/city-illustration-d-1669381930-UJsEv.png"
        alt="City illustration"
        class="mb-6 w-64"
        loading="lazy"
      />

      <h2 class="text-3xl md:text-4xl font-bold mb-4">
        Your Dream Home Starts Here
      </h2>

      <p class="text-lg text-red-100 max-w-md">
        Get expert interior design guidance tailored to your space, style, and budget.
        From concept to execution—we take care of everything.
      </p>
    </div>

    <!-- Right Form Card -->
    <div class="bg-white rounded-xl shadow-xl p-6 md:p-8 max-w-md w-full justify-self-end">
      <h3 class="text-xl font-bold text-gray-900 mb-4 text-center">
        Talk to a Designer
      </h3>

      <form class="space-y-4">

        <!-- Name -->
        <div>
          <label class="block text-sm font-medium text-gray-700 mb-1">Name</label>
          <input
            type="text"
            placeholder="Enter your name"
            class="w-full rounded-lg border-gray-300 focus:border-red-500 focus:ring-red-500"
          />
        </div>

        <!-- Email -->
        <div>
          <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
          <input
            type="email"
            placeholder="Enter your email"
            class="w-full rounded-lg border-gray-300 focus:border-red-500 focus:ring-red-500"
          />
        </div>

        <!-- Phone -->
        <div>
          <label class="block text-sm font-medium text-gray-700 mb-1">Phone Number</label>
          <input
            type="tel"
            placeholder="+91 XXXXX XXXXX"
            class="w-full rounded-lg border-gray-300 focus:border-red-500 focus:ring-red-500"
          />
        </div>

        <!-- WhatsApp Checkbox -->
        <label class="flex items-center gap-2 text-sm text-gray-600">
          <input type="checkbox" class="rounded border-gray-300 text-red-600 focus:ring-red-500">
          Send me updates on WhatsApp
        </label>

        <!-- City -->
        <div>
          <label class="block text-sm font-medium text-gray-700 mb-1">City</label>
          <select class="w-full rounded-lg border-gray-300 focus:border-red-500 focus:ring-red-500">
            <option>Select your city</option>
            <option>Mumbai</option>
            <option>Bangalore</option>
            <option>Delhi</option>
            <option>Pune</option>
          </select>
        </div>

        <!-- CTA -->
        <button
          type="submit"
          class="w-full mt-4 bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-lg transition"
        >
          Get FREE Consultation
        </button>

        <!-- Disclaimer -->
        <p class="text-xs text-gray-500 text-center mt-3">
          By submitting this form, you agree to our
          <a href="#" class="text-red-600 hover:underline">Privacy Policy</a>
          &
          <a href="#" class="text-red-600 hover:underline">Terms & Conditions</a>.
        </p>

      </form>
    </div>

  </div>
</section>

@endsection