1#@!#!123s

: / home / u193541357 / domains / racysanitaryware.com / public_html / 1 /
Filename : index.php
back
<?php include('header.php'); ?>
<div class="hero-scrolling-wrapper">
  <div class="hero-scrolling-target">
    <div class="home-hero">
      <div class="home-hero-content">
        <h1 class="home-hero-heading">A Legacy of Excellence
          <span class="span-brown-10">in ceramics</span>
        </h1>
        <div class="home-hero-slider-timeline">
          <div class="slider-timeline-block">
            <div
              style="-webkit-transform:translate3d(-100%, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-100%, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-100%, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-100%, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
              class="slider-timeline-color"></div>
          </div>
        </div>
        <div class="home-hero-block">
          <p class="home-hero-description-text">Experience ultimate relaxation in our luxurious haven of peace.
          </p>
        </div>
      </div>
      <div class="home-hero-slider">
        <div class="slider">
          <div class="hero-slider-overlay-color"></div>
          <div class="_3d-block for-image">
            <div class="_3d-trigger for-image">
              <div class="slider-absolute-block">
                <img src="assets/images/banner2.jpg" loading="eager" alt="" class="slider-image-1">
                <img alt="" src="assets/images/banner3.jpg" class="slider-image-2">
                <img src="assets/images/banner1.jpg" alt="" sizes="100vw" class="slider-image-3">
                <div class="slider-background-for-interaction"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="hero-scrolling-trigger"></div>
</div>

<!-- <section id="discover" class="section with-border-bottom">
        <div class="padding less-paddings">
          <div data-w-id="6aa97a5c-cdb1-a011-0d37-da33df3900ba" class="logo-carousel">
            <div class="logo-carousel-block"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04800302cd90e4468a_logoipsum-231%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04a7200dfbb111f8a4_logoipsum-232%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04800302cd90e4468a_logoipsum-231%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04a7200dfbb111f8a4_logoipsum-232%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"></div>
            <div class="logo-carousel-block"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04800302cd90e4468a_logoipsum-231%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04a7200dfbb111f8a4_logoipsum-232%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04800302cd90e4468a_logoipsum-231%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"><img
                src="65ccdc43fbbffc0bf011481f/65cf8e04a7200dfbb111f8a4_logoipsum-232%20%281%29.svg" loading="lazy"
                alt="" class="logo-carousel-image"></div>
          </div>
        </div>
        <div class="gradient-backgrounds">
          <div class="gradient-background-1"></div>
        </div>
      </section> -->

<section class="section">
  <div class="content-component">
    <div class="container">
      <div class="padding in-content-component">
        <div class="vertical-flex with-gap-4em is-align-center">
          <div class="dividers">
            <div class="divider">
              <div class="divider-line"></div>
            </div>
            <p class="medium-uppercase-title hauora-font">About Racy</p>
            <div class="divider">
              <div class="divider-line"></div>
            </div>
          </div>
          <h2 class="heading is-component-title hauora-font about-title">Experience Unmatched <span
              class="tomatoes-font">Comfort &amp; Luxury</span></h2>
          <p class="component-paragraph hauora-font">Racy Sanitaryware is one of the most renowned and respected
            manufacturers
            in the ceramic
            industry, backed by over a decade of experience in producing high-quality sanitary products. Our
            commitment to quality has earned us a strong reputation in both the international and
            domestic markets. With a diverse product range and continuous investment in research and
            technology, we have always focused on delivering top-tier products.</p>
          <p class="component-paragraph hauora-font">At Racy Sanitaryware, we strive for excellence in every
            product we
            create, ensuring the
            highest standards of quality every time. Our goal is to blend cutting-edge technology with
            the finest expertise and skilled craftsmanship to achieve the unparalleled levels of
            excellence we are known for.</p>
        </div>
      </div>
    </div>
  </div>
  <!-- <div class="padding top-0em">
          <div class="stay-wrap w-dyn-list">
            <div role="list" class="stay-list w-dyn-items">
              <div role="listitem" class="stay-item w-dyn-item"><a aria-label="Stay Link Block"
                  data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262a6" href="stay/" class="stay-link-block w-inline-block">
                  <div class="stay-content">
                    <h2 class="heading is-stay-large-title">Rooms</h2>
                    <div class="divider">
                      <div class="divider-line"></div>
                    </div>
                    <p class="stay-description-text">Discover Your Perfect Room With Us</p>
                  </div>
                  <div class="stay-image"><img loading="lazy" data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262b2"
                      alt="Rooms"
                      src="65ccdc43fbbffc0bf011482b/65cf62ce27b41a1fce499bea_pexels-max-rahubovskiy-7535044.jpg"
                      sizes="(max-width: 479px) 83vw, (max-width: 767px) 85vw, (max-width: 1439px) 86vw, (max-width: 1919px) 87vw, 88vw"
                      srcset="65ccdc43fbbffc0bf011482b/65cf62ce27b41a1fce499bea_pexels-max-rahubovskiy-7535044-p-500.jpg 500w, 65ccdc43fbbffc0bf011482b/65cf62ce27b41a1fce499bea_pexels-max-rahubovskiy-7535044-p-800.jpg 800w, 65ccdc43fbbffc0bf011482b/65cf62ce27b41a1fce499bea_pexels-max-rahubovskiy-7535044-p-1080.jpg 1080w, 65ccdc43fbbffc0bf011482b/65cf62ce27b41a1fce499bea_pexels-max-rahubovskiy-7535044.jpg 1920w"
                      class="cover-image">
                    <div class="stay-overlay-color"></div>
                    <div data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262b4" class="stay-background-color"></div>
                  </div>
                </a></div>
              <div role="listitem" class="stay-item w-dyn-item"><a aria-label="Stay Link Block"
                  data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262a6" href="stay/suites.html"
                  class="stay-link-block w-inline-block">
                  <div class="stay-content">
                    <h2 class="heading is-stay-large-title">Suites</h2>
                    <div class="divider">
                      <div class="divider-line"></div>
                    </div>
                    <p class="stay-description-text">Experience Suite Luxury at Its Best</p>
                  </div>
                  <div class="stay-image"><img loading="lazy" data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262b2"
                      alt="Suites"
                      src="65ccdc43fbbffc0bf011482b/65cf62ef27b41a1fce49a8b1_pexels-max-rahubovskiy-7535034.jpg"
                      sizes="(max-width: 479px) 83vw, (max-width: 767px) 85vw, (max-width: 1439px) 86vw, (max-width: 1919px) 87vw, 88vw"
                      srcset="65ccdc43fbbffc0bf011482b/65cf62ef27b41a1fce49a8b1_pexels-max-rahubovskiy-7535034-p-500.jpg 500w, 65ccdc43fbbffc0bf011482b/65cf62ef27b41a1fce49a8b1_pexels-max-rahubovskiy-7535034-p-800.jpg 800w, 65ccdc43fbbffc0bf011482b/65cf62ef27b41a1fce49a8b1_pexels-max-rahubovskiy-7535034-p-1080.jpg 1080w, 65ccdc43fbbffc0bf011482b/65cf62ef27b41a1fce49a8b1_pexels-max-rahubovskiy-7535034.jpg 1824w"
                      class="cover-image">
                    <div class="stay-overlay-color"></div>
                    <div data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262b4" class="stay-background-color"></div>
                  </div>
                </a></div>
              <div role="listitem" class="stay-item w-dyn-item"><a aria-label="Stay Link Block"
                  data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262a6" href="stay/villas.html"
                  class="stay-link-block w-inline-block">
                  <div class="stay-content">
                    <h2 class="heading is-stay-large-title">Villas</h2>
                    <div class="divider">
                      <div class="divider-line"></div>
                    </div>
                    <p class="stay-description-text">Private Villas for Your Exclusive Retreat</p>
                  </div>
                  <div class="stay-image"><img loading="lazy" data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262b2"
                      alt="Villas"
                      src="65ccdc43fbbffc0bf011482b/65cf62fd93270d50203b0b48_pexels-max-rahubovskiy-6492397.jpg"
                      sizes="(max-width: 479px) 83vw, (max-width: 767px) 85vw, (max-width: 1439px) 86vw, (max-width: 1919px) 87vw, 88vw"
                      srcset="65ccdc43fbbffc0bf011482b/65cf62fd93270d50203b0b48_pexels-max-rahubovskiy-6492397-p-500.jpg 500w, 65ccdc43fbbffc0bf011482b/65cf62fd93270d50203b0b48_pexels-max-rahubovskiy-6492397-p-800.jpg 800w, 65ccdc43fbbffc0bf011482b/65cf62fd93270d50203b0b48_pexels-max-rahubovskiy-6492397-p-1080.jpg 1080w, 65ccdc43fbbffc0bf011482b/65cf62fd93270d50203b0b48_pexels-max-rahubovskiy-6492397.jpg 1919w"
                      class="cover-image">
                    <div class="stay-overlay-color"></div>
                    <div data-w-id="7d6a19f1-9a71-16fd-ea0f-39da9c6262b4" class="stay-background-color"></div>
                  </div>
                </a></div>
            </div>
          </div>
        </div> -->
</section>


<section class="section with-bg-color-1 overflow-visible">
  <div class="padding">
    <div data-w-id="80675faf-6e90-19e1-fe64-bf72495c27f3" class="gallery-with-large-titles">
      <div class="gallery-images-layout">
        <div class="gallery-image-size">
          <div class="scrolling-animation">
            <div class="image-parallax-wrapper">
              <div class="parallax-animation">
                <img src="assets/images/memories1.jpg" class="cover-image is-parallax">
              </div>
            </div>
          </div>
        </div>
        <div class="gallery-image-size">
          <div class="scrolling-animation">
            <div class="image-parallax-wrapper">
              <div class="parallax-animation"><img src="assets/images/memories2.jpg" alt=""
                  class="cover-image is-parallax"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="large-titles">
        <div class="large-titles-layout">
          <p class="large-title is-1st">Moments</p>
          <p class="large-title is-2nd">Into</p>
          <p class="large-title is-3rd">Memories</p>
        </div>
      </div>
    </div>
  </div>
  <div class="background-absolute">
    <div class="background-sticky">
      <div class="image-3d-parallax">
        <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors">
          <div class="image-overlay-color-80"></div>
        </div>
        <div class="_3d-block for-image">
          <div class="_3d-trigger for-image">
            <div class="image-animation-trigger">
              <div class="parallax-animation">
                <div class="animation-color-background"></div>
                <img src="assets/images/memories-bg.jpg" alt="" class="cover-image is-parallax">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="linear-gradient-background"></div>
</section>


<section class="section with-bg-color-3">
  <div class="brown-top-gradient"></div>
  <div class="content-component">
    <div class="container">
      <div class="padding in-content-component">
        <div class="vertical-flex with-gap-4em is-align-center">
          <div class="dividers">
            <div class="divider">
              <div class="divider-line"></div>
            </div>
            <p class="medium-uppercase-title hauora-font">Collections</p>
            <div class="divider">
              <div class="divider-line"></div>
            </div>
          </div>
          <h2 class="heading is-component-title tomatoes-font">Discover Collections</h2>
          <p class="component-paragraph hauora-font">We offers a curated range of premium ceramic sanitaryware,
            crafted to elevate modern living spaces.</p>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="padding top-0em">
      <div class="vertical-flex with-gap-6em">
        <div class="rooms w-dyn-list">
          <div role="list" class="rooms-list w-dyn-items">
            <div data-w-id="e5e8006f-cc9b-bdce-0bb6-c9aa74ea8ccf" role="listitem" class="room-item w-dyn-item">
              <a aria-label="Room Link Block" data-w-id="afedcac3-4d94-1a86-8641-23a5a9f29756" href="https://racysanitaryware.com/collection-inner.php?category=smart-intelligent-toilet&category_id=2"
                class="room-link-block w-inline-block">
                <div class="room-images">
                  <div class="room-first-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background is-blue-color"></div>
                              <img src="assets/images/smart.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="room-second-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background"></div><img src="assets/images/smart.jpg"
                                alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <h3 class="heading is-medium-title hauora-font">Smart Intelligent Toilet</h3>
              </a>
            </div>
            <div data-w-id="e5e8006f-cc9b-bdce-0bb6-c9aa74ea8ccf" role="listitem" class="room-item w-dyn-item">
              <a aria-label="Room Link Block" data-w-id="afedcac3-4d94-1a86-8641-23a5a9f29756" href="https://racysanitaryware.com/collection-inner.php?category=glorious-glossy-%26-matt-surface&category_id=1"
                class="room-link-block w-inline-block">
                <div class="room-images">
                  <div class="room-first-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background is-blue-color"></div>
                              <img src="assets/images/memories1.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="room-second-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background"></div>
                              <img src="assets/images/memories1.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <h3 class="heading is-medium-title hauora-font">Glorious Glossy & Matt</h3>
              </a>
            </div>
            <div data-w-id="e5e8006f-cc9b-bdce-0bb6-c9aa74ea8ccf" role="listitem" class="room-item w-dyn-item">
              <a aria-label="Room Link Block" data-w-id="afedcac3-4d94-1a86-8641-23a5a9f29756" href="https://racysanitaryware.com/collection-inner.php?category=wall-hung-toilet&category_id=6"
                class="room-link-block w-inline-block">
                <div class="room-images">
                  <div class="room-first-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background is-blue-color"></div>
                              <img src="assets/images/wallhung.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="room-second-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background"></div>
                              <img src="assets/images/wallhung.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <h3 class="heading is-medium-title hauora-font">Wall Hung Toilet</h3>
              </a>
            </div>
            <div data-w-id="e5e8006f-cc9b-bdce-0bb6-c9aa74ea8ccf" role="listitem" class="room-item w-dyn-item">
              <a aria-label="Room Link Block" data-w-id="afedcac3-4d94-1a86-8641-23a5a9f29756" href="https://racysanitaryware.com/collection-inner.php?category=table-top-basin&category_id=8"
                class="room-link-block w-inline-block">
                <div class="room-images">
                  <div class="room-first-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background is-blue-color"></div>
                              <img src="assets/images/tabletop.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="room-second-image">
                    <div class="image-3d-parallax">
                      <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                      <div class="_3d-block for-image">
                        <div class="_3d-trigger for-image">
                          <div class="image-animation-trigger">
                            <div class="parallax-animation">
                              <div class="animation-color-background"></div>
                              <img src="assets/images/tabletop.jpg" alt="" class="cover-image is-parallax">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <h3 class="heading is-medium-title hauora-font">Table Top Basin</h3>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="gradient-backgrounds">
    <div class="gradient-background-1"></div>
  </div>
</section>

<div class="section-scrolling-wrapper">
  <div class="section-scrolling-target">
    <section class="section is-min-120vh">
      <div class="container is-wider">
        <div class="large-call-to-action">
          <h3 class="heading is-large-call-to-action-title hauora-font transforming-text">Transforming Ordinary
            Moments
            <span class="span-brown-10 tomatoes-font">into Extraordinary Memories</span>
          </h3>
        </div>
      </div>
      <div class="image-parallax-wrapper">
        <!-- <div class="image-overlay-color-90"></div> -->
        <div class="parallax-animation">
          <img src="assets/images/transform.jpg" alt="" class="cover-image is-parallax">
        </div>
      </div>
    </section>

  </div>
  <div class="section-scrolling-trigger"></div>
</div>

<!-- <section class="section is-about-content-section">
        <div class="about-content-wrap">
          <h2 class="heading is-about-large-title">Table Top Basin</h2>
          <div class="w-layout-grid about-content">
            <div id="w-node-_7aa70686-48ab-c7f5-1775-f58cba33f052-f0114823" class="about-content-layout">
              <div class="about-content-wrapper">
                <div class="about-content-block">
                  <div class="about-content-image-size">
                    <div class="image-parallax-wrapper">
                      <div class="image-animation-trigger">
                        <div class="parallax-animation">
                          <div class="animation-color-background"></div><img
                            src="65ccdc43fbbffc0bf011481f/65ccea357cae2af4efd8b600_johnny-briggs-n5woEfyDobk-unsplash.webp"
                            alt=""
                            sizes="(max-width: 479px) 67vw, (max-width: 767px) 60vw, (max-width: 991px) 398px, (max-width: 1439px) 30vw, (max-width: 1919px) 398px, 438px"
                            srcset="65ccdc43fbbffc0bf011481f/65ccea357cae2af4efd8b600_johnny-briggs-n5woEfyDobk-unsplash-p-500.webp 500w, 65ccdc43fbbffc0bf011481f/65ccea357cae2af4efd8b600_johnny-briggs-n5woEfyDobk-unsplash-p-800.webp 800w, 65ccdc43fbbffc0bf011481f/65ccea357cae2af4efd8b600_johnny-briggs-n5woEfyDobk-unsplash-p-1080.webp 1080w, 65ccdc43fbbffc0bf011481f/65ccea357cae2af4efd8b600_johnny-briggs-n5woEfyDobk-unsplash-p-1600.webp 1600w, 65ccdc43fbbffc0bf011481f/65ccea357cae2af4efd8b600_johnny-briggs-n5woEfyDobk-unsplash.webp 2400w"
                            class="cover-image is-parallax">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="max-width-30">
                    <div class="vertical-flex with-gap-2em is-align-center">
                      <h3 class="heading is-about-content-title">Our Heritage</h3>
                      <div class="max-width-30">
                        <p class="paragraph is-large">Discover the rich history and unmatched excellence of our esteemed
                          hotel.</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="about-content-block">
                  <div class="about-content-image-size">
                    <div class="image-parallax-wrapper">
                      <div class="image-animation-trigger">
                        <div class="parallax-animation">
                          <div class="animation-color-background"></div><img
                            src="65ccdc43fbbffc0bf011481f/65ccea36050c89225df8fba1_johnny-briggs-O5oWRlW7yoA-unsplash.jpg"
                            alt=""
                            sizes="(max-width: 479px) 67vw, (max-width: 767px) 60vw, (max-width: 991px) 398px, (max-width: 1439px) 30vw, (max-width: 1919px) 398px, 438px"
                            srcset="65ccdc43fbbffc0bf011481f/65ccea36050c89225df8fba1_johnny-briggs-O5oWRlW7yoA-unsplash-p-500.webp 500w, 65ccdc43fbbffc0bf011481f/65ccea36050c89225df8fba1_johnny-briggs-O5oWRlW7yoA-unsplash-p-800.webp 800w, 65ccdc43fbbffc0bf011481f/65ccea36050c89225df8fba1_johnny-briggs-O5oWRlW7yoA-unsplash-p-1080.webp 1080w, 65ccdc43fbbffc0bf011481f/65ccea36050c89225df8fba1_johnny-briggs-O5oWRlW7yoA-unsplash-p-1600.webp 1600w, 65ccdc43fbbffc0bf011481f/65ccea36050c89225df8fba1_johnny-briggs-O5oWRlW7yoA-unsplash.jpg 2400w"
                            class="cover-image is-parallax">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="max-width-30">
                    <div class="vertical-flex with-gap-2em is-align-center">
                      <h3 class="heading is-about-content-title">Unrivaled Experience</h3>
                      <div class="max-width-30">
                        <p class="paragraph is-large">Experience the pinnacle of service and comfort with our dedicated
                          team.</p>
                      </div><a href="" class="main-button w-inline-block">
                        <div class="main-button-inner">
                          <p class="main-button-name">About</p>
                          <div class="main-button-icon"><img loading="lazy"
                              src="65ccdc43fbbffc0bf011481f/65ce60a37ba16a8cfc793569_arrow-forward-fill1-wght600-grad0-opsz24.svg"
                              alt="" class="icon is-medium"></div>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="about-content-block">
                  <div class="about-content-image-size">
                    <div class="image-parallax-wrapper">
                      <div class="image-animation-trigger">
                        <div class="parallax-animation">
                          <div class="animation-color-background"></div><img
                            src="65ccdc43fbbffc0bf011481f/65ccea36b752193d5929c3a9_johnny-briggs-yjG-AwsgOLs-unsplash.jpg"
                            alt=""
                            sizes="(max-width: 479px) 67vw, (max-width: 767px) 60vw, (max-width: 991px) 398px, (max-width: 1439px) 30vw, (max-width: 1919px) 398px, 438px"
                            srcset="65ccdc43fbbffc0bf011481f/65ccea36b752193d5929c3a9_johnny-briggs-yjG-AwsgOLs-unsplash-p-500.webp 500w, 65ccdc43fbbffc0bf011481f/65ccea36b752193d5929c3a9_johnny-briggs-yjG-AwsgOLs-unsplash-p-800.webp 800w, 65ccdc43fbbffc0bf011481f/65ccea36b752193d5929c3a9_johnny-briggs-yjG-AwsgOLs-unsplash-p-1080.webp 1080w, 65ccdc43fbbffc0bf011481f/65ccea36b752193d5929c3a9_johnny-briggs-yjG-AwsgOLs-unsplash-p-1600.webp 1600w, 65ccdc43fbbffc0bf011481f/65ccea36b752193d5929c3a9_johnny-briggs-yjG-AwsgOLs-unsplash.jpg 2400w"
                            class="cover-image is-parallax">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="vertical-flex with-gap-2em is-align-center">
                    <h3 class="heading is-about-content-title">A Sanctuary of Luxury</h3>
                    <div class="max-width-30">
                      <p class="paragraph is-large">Indulge in unparalleled luxury and serene beauty in every corner.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="w-node-_7aa70686-48ab-c7f5-1775-f58cba33f071-f0114823" class="about-content-video">
              <div class="about-video-size">
                <div
                  data-poster-url="https://cdn.prod.website-files.com/65ccdc43fbbffc0bf011481f/65cf758e71a8d9b1cfce6ebf_0a3d4a2-8335-86d7-532e-13c8fd1e2-poster-00001.jpg"
                  data-video-urls="https://cdn.prod.website-files.com/65ccdc43fbbffc0bf011481f/65cf758e71a8d9b1cfce6ebf_0a3d4a2-8335-86d7-532e-13c8fd1e2-transcode.mp4,https://cdn.prod.website-files.com/65ccdc43fbbffc0bf011481f/65cf758e71a8d9b1cfce6ebf_0a3d4a2-8335-86d7-532e-13c8fd1e2-transcode.webm"
                  data-autoplay="true" data-loop="true" data-wf-ignore="true"
                  class="cover-video w-background-video w-background-video-atom"><video
                    id="7aa70686-48ab-c7f5-1775-f58cba33f074-video" autoplay="" loop=""
                    style="background-image:url(&quot;65ccdc43fbbffc0bf011481f/65cf758e71a8d9b1cfce6ebf_0a3d4a2-8335-86d7-532e-13c8fd1e2-poster-00001.jpg&quot;)"
                    muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
                    <source
                      src="65ccdc43fbbffc0bf011481f/65cf758e71a8d9b1cfce6ebf_0a3d4a2-8335-86d7-532e-13c8fd1e2-transcode.mp4"
                      data-wf-ignore="true">
                    <source
                      src="65ccdc43fbbffc0bf011481f/65cf758e71a8d9b1cfce6ebf_0a3d4a2-8335-86d7-532e-13c8fd1e2-transcode.webm"
                      data-wf-ignore="true">
                  </video></div>
              </div>
            </div>
          </div>
        </div>
      </section> -->
<!-- <section class="section">
        <div class="container">
          <div class="padding">
            <div class="vertical-flex with-gap-6em is-align-center">
              <div class="max-width-50">
                <h3 class="heading is-large-title">Guests Love Their Stay <span class="span-brown-10">in the Otello
                    Hotel</span></h3>
              </div>
              <div class="divider">
                <div class="divider-line"></div>
              </div>
              <div class="carousel-layout">
                <div data-delay="4000" data-animation="slide" class="carousel w-slider" data-autoplay="false"
                  data-easing="ease-in-out-circ" data-hide-arrows="false" data-disable-swipe="false"
                  data-autoplay-limit="0" data-nav-spacing="0" data-duration="900" data-infinite="false">
                  <div class="carousel-mask w-slider-mask">
                    <article class="carousel-slide w-slide">
                      <div href="#" class="carousel-block">
                        <p class="carousel-testimonial">Our stay at the Otello was nothing short of magical. From the
                          warm welcome at check-in to the breathtaking views from our suite, every detail was perfectly
                          curated to ensure our comfort and satisfaction. The staff went above and beyond, making us
                          feel like royalty.</p>
                        <div class="vertical-flex with-gap-1em is-align-center">
                          <p class="large-uppercase-title">Sophia and Luca</p>
                          <p class="medium-uppercase-title span-brown-10">Rome, Italy</p>
                        </div>
                      </div>
                    </article>
                    <article class="carousel-slide w-slide">
                      <div href="#" class="carousel-block">
                        <p class="carousel-testimonial">The Otello has set a new standard for luxury for me. The
                          attention to detail in the design and service is unparalleled. I was particularly impressed by
                          the concierge&#x27;s knowledge and recommendations for local experiences, making my business
                          trip unexpectedly enjoyable.</p>
                        <div class="vertical-flex with-gap-1em is-align-center">
                          <p class="large-uppercase-title">Elijah Smith</p>
                          <p class="medium-uppercase-title span-brown-10">New York, USA</p>
                        </div>
                      </div>
                    </article>
                    <article class="carousel-slide w-slide">
                      <div href="#" class="carousel-block">
                        <p class="carousel-testimonial">As a travel blogger, I&#x27;ve stayed in numerous hotels around
                          the world, and the Otello stands out for its exquisite blend of luxury and culture. The staff
                          made me feel welcomed and valued, and the room&#x27;s comfort was unmatched. The culinary
                          delights offered were a journey through local flavors and international cuisine.</p>
                        <div class="vertical-flex with-gap-1em is-align-center">
                          <p class="large-uppercase-title">Amira Patel</p>
                          <p class="medium-uppercase-title span-brown-10">Mumbai, India</p>
                        </div>
                      </div>
                    </article>
                  </div>
                  <div class="carousel-button is-left w-slider-arrow-left"></div>
                  <div class="carousel-button w-slider-arrow-right"></div>
                  <div class="carousel-nav w-slider-nav"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="image-only-wrapper">
          <div class="image-overlay-color-90"></div><img alt=""
            src="65ccdc43fbbffc0bf011481f/65d395ee9e85b13ed2715f21_pexels-monstera-production-6621002.webp"
            sizes="100vw"
            srcset="65ccdc43fbbffc0bf011481f/65d395ee9e85b13ed2715f21_pexels-monstera-production-6621002-p-500.webp 500w, 65ccdc43fbbffc0bf011481f/65d395ee9e85b13ed2715f21_pexels-monstera-production-6621002-p-800.webp 800w, 65ccdc43fbbffc0bf011481f/65d395ee9e85b13ed2715f21_pexels-monstera-production-6621002-p-1080.webp 1080w, 65ccdc43fbbffc0bf011481f/65d395ee9e85b13ed2715f21_pexels-monstera-production-6621002.webp 1920w"
            class="cover-image">
        </div>
      </section> -->
<!-- <section class="section">
        <div class="content-component">
          <div class="container">
            <div class="padding in-content-component">
              <div class="vertical-flex with-gap-4em is-align-center">
                <div class="dividers">
                  <div class="divider">
                    <div class="divider-line"></div>
                  </div>
                  <p class="medium-uppercase-title">Store Packages</p>
                  <div class="divider">
                    <div class="divider-line"></div>
                  </div>
                </div>
                <h2 class="heading is-component-title">Exclusive Offers</h2>
                <div class="component-main-button"><a href="#" class="main-button w-inline-block">
                    <div class="main-button-inner">
                      <p class="main-button-name">All packages</p>
                      <div class="main-button-icon"><img loading="lazy"
                          src="65ccdc43fbbffc0bf011481f/65ce60a37ba16a8cfc793569_arrow-forward-fill1-wght600-grad0-opsz24.svg"
                          alt="" class="icon is-medium"></div>
                    </div>
                  </a></div>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="padding top-0em">
            <div class="featured-products w-dyn-list">
              <div role="list" class="featured-products-list w-dyn-items">
                <div role="listitem" class="featured-product-item w-dyn-item"><a aria-label="Store Link Block"
                    data-w-id="e988acb4-8d0c-6d65-a554-b4eb6dd2b6f7" href="product/spa-retreat-package.html"
                    class="featured-product-link w-inline-block">
                    <div class="featured-product-content">
                      <div class="featured-product-price">
                        <p data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D"
                          class="small-uppercase-title">$ 890.00 USD</p>
                      </div>
                      <h3 class="heading is-featured-product-title">Spa Retreat Ultimate Package</h3>
                      <p data-w-id="5643d502-6376-3a96-d79f-65a671828e28" class="paragraph">Relaxation awaits: spa
                        treatments, wellness access, and gourmet.</p>
                    </div>
                    <div data-w-id="7781b780-be60-845a-cfc7-635da9dcb274" class="small-text-link">Details</div>
                    <div class="featured-product-background">
                      <div class="featured-product-overlay-color"></div>
                      <div class="parallax-animation"><img alt="Spa Retreat Ultimate Package"
                          data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D"
                          src="65ccdc43fbbffc0bf011482b/65d3872cfcb48ae0e9d18ae8_pexels-max-rahubovskiy-7598366.jpg"
                          sizes="(max-width: 479px) 85vw, (max-width: 767px) 86vw, (max-width: 991px) 83vw, (max-width: 1439px) 28vw, (max-width: 1919px) 406px, 399px"
                          srcset="65ccdc43fbbffc0bf011482b/65d3872cfcb48ae0e9d18ae8_pexels-max-rahubovskiy-7598366-p-500.jpg 500w, 65ccdc43fbbffc0bf011482b/65d3872cfcb48ae0e9d18ae8_pexels-max-rahubovskiy-7598366-p-800.jpg 800w, 65ccdc43fbbffc0bf011482b/65d3872cfcb48ae0e9d18ae8_pexels-max-rahubovskiy-7598366-p-1080.jpg 1080w, 65ccdc43fbbffc0bf011482b/65d3872cfcb48ae0e9d18ae8_pexels-max-rahubovskiy-7598366.jpg 1919w"
                          class="cover-image is-parallax"></div>
                    </div>
                  </a></div>
                <div role="listitem" class="featured-product-item w-dyn-item"><a aria-label="Store Link Block"
                    data-w-id="e988acb4-8d0c-6d65-a554-b4eb6dd2b6f7" href="product/romantic-getaway-package.html"
                    class="featured-product-link w-inline-block">
                    <div class="featured-product-content">
                      <div class="featured-product-price">
                        <p data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D"
                          class="small-uppercase-title">$ 1,490.00 USD</p>
                      </div>
                      <h3 class="heading is-featured-product-title">Romantic Getaway Package</h3>
                      <p data-w-id="5643d502-6376-3a96-d79f-65a671828e28" class="paragraph">Indulge in romance: suite
                        stay, dinner, champagne, and late checkout.</p>
                    </div>
                    <div data-w-id="7781b780-be60-845a-cfc7-635da9dcb274" class="small-text-link">Details</div>
                    <div class="featured-product-background">
                      <div class="featured-product-overlay-color"></div>
                      <div class="parallax-animation"><img alt="Romantic Getaway Package"
                          data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D"
                          src="65ccdc43fbbffc0bf011482b/65d38905965eb6f49fa62c80_pexels-rodnae-productions-6517944%20%281%29.jpg"
                          sizes="(max-width: 479px) 85vw, (max-width: 767px) 86vw, (max-width: 991px) 83vw, (max-width: 1439px) 28vw, (max-width: 1919px) 406px, 399px"
                          srcset="65ccdc43fbbffc0bf011482b/65d38905965eb6f49fa62c80_pexels-rodnae-productions-6517944%20%281%29-p-500.jpg 500w, 65ccdc43fbbffc0bf011482b/65d38905965eb6f49fa62c80_pexels-rodnae-productions-6517944%20%281%29-p-800.jpg 800w, 65ccdc43fbbffc0bf011482b/65d38905965eb6f49fa62c80_pexels-rodnae-productions-6517944%20%281%29-p-1080.jpg 1080w, 65ccdc43fbbffc0bf011482b/65d38905965eb6f49fa62c80_pexels-rodnae-productions-6517944%20%281%29.jpg 1920w"
                          class="cover-image is-parallax"></div>
                    </div>
                  </a></div>
                <div role="listitem" class="featured-product-item w-dyn-item"><a aria-label="Store Link Block"
                    data-w-id="e988acb4-8d0c-6d65-a554-b4eb6dd2b6f7" href="product/gourmet-experience-package.html"
                    class="featured-product-link w-inline-block">
                    <div class="featured-product-content">
                      <div class="featured-product-price">
                        <p data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D"
                          class="small-uppercase-title">$ 1,190.00 USD</p>
                      </div>
                      <h3 class="heading is-featured-product-title">Gourmet Experience Package</h3>
                      <p data-w-id="5643d502-6376-3a96-d79f-65a671828e28" class="paragraph">A culinary adventure:
                        tasting menu, cooking class, and wine dinner.</p>
                    </div>
                    <div data-w-id="7781b780-be60-845a-cfc7-635da9dcb274" class="small-text-link">Details</div>
                    <div class="featured-product-background">
                      <div class="featured-product-overlay-color"></div>
                      <div class="parallax-animation"><img alt="Gourmet Experience Package"
                          data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D"
                          src="65ccdc43fbbffc0bf011482b/65d389499f06c978fc220560_pexels-roman-odintsov-4552131%20%281%29.jpg"
                          sizes="(max-width: 479px) 85vw, (max-width: 767px) 86vw, (max-width: 991px) 83vw, (max-width: 1439px) 28vw, (max-width: 1919px) 406px, 399px"
                          srcset="65ccdc43fbbffc0bf011482b/65d389499f06c978fc220560_pexels-roman-odintsov-4552131%20%281%29-p-500.jpg 500w, 65ccdc43fbbffc0bf011482b/65d389499f06c978fc220560_pexels-roman-odintsov-4552131%20%281%29-p-800.jpg 800w, 65ccdc43fbbffc0bf011482b/65d389499f06c978fc220560_pexels-roman-odintsov-4552131%20%281%29-p-1080.jpg 1080w, 65ccdc43fbbffc0bf011482b/65d389499f06c978fc220560_pexels-roman-odintsov-4552131%20%281%29.jpg 1920w"
                          class="cover-image is-parallax"></div>
                    </div>
                  </a></div>
              </div>
            </div>
          </div>
        </div>
      </section> -->

<section class="section with-borders">
  <div class="container">
    <div class="padding">
      <div class="vertical-flex with-gap-4em is-align-center">
        <div class="max-width-60">
          <h3 class="heading is-large-title hauora-font">Our Latest<span class="span-brown-10 tomatoes-font">
              Blogs</span></h3>
        </div>
        <div class="divider">
          <div class="divider-line"></div>
        </div>
        <div class="featured-articles w-dyn-list">
          <div role="list" class="featured-articles-list w-dyn-items">
            <div role="listitem" class="featured-article-item w-dyn-item"><a aria-label="Article Link Block"
                href="#" class="featured-article-image w-inline-block">
                <div class="image-3d-parallax">
                  <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                  <div class="_3d-block for-image">
                    <div class="_3d-trigger for-image">
                      <div class="image-animation-trigger">
                        <div class="parallax-animation">
                          <div class="animation-color-background"></div>
                          <img src="assets/images/blog1.jpg" alt="" class="cover-image is-parallax">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </a>
              <div class="featured-article-content">
                <a aria-label="Article Link Block" href="#" class="featured-article-link w-inline-block">
                  <h3 class="heading is-featured-article-title hauora-font fw-600">How Can A Wash Basin Enhance
                    The Look
                    Of Your Bathroom?</h3>
                </a>
                <p class="paragraph is-medium hauora-font">A wash basin is an integral part of any bathroom. With
                  the right
                  design, you can change the entire aesthetics…</p>
                <div class="featured-article-button">
                  <a href="#" class="main-button w-inline-block">
                    <div class="main-button-inner">
                      <p class="main-button-name">Read now</p>
                      <div class="main-button-icon"><img loading="lazy"
                          src="65ccdc43fbbffc0bf011481f/65ce60a37ba16a8cfc793569_arrow-forward-fill1-wght600-grad0-opsz24.svg"
                          alt="" class="icon is-medium"></div>
                    </div>
                  </a>
                </div>
              </div>
            </div>

            <div role="listitem" class="featured-article-item w-dyn-item"><a aria-label="Article Link Block"
                href="#" class="featured-article-image w-inline-block">
                <div class="image-3d-parallax">
                  <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                  <div class="_3d-block for-image">
                    <div class="_3d-trigger for-image">
                      <div class="image-animation-trigger">
                        <div class="parallax-animation">
                          <div class="animation-color-background"></div>
                          <img src="assets/images/blog1.jpg" alt="" class="cover-image is-parallax">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </a>
              <div class="featured-article-content">
                <a aria-label="Article Link Block" href="#" class="featured-article-link w-inline-block">
                  <h3 class="heading is-featured-article-title hauora-font fw-600">How to Choose The Right
                    Sanitary Items for
                    Bathroom Makeover</h3>
                </a>
                <p class="paragraph is-medium hauora-font">The bathroom has also become an important part of modern interior
                  design. It is not simply a place to use.…</p>
                <div class="featured-article-button">
                  <a href="#" class="main-button w-inline-block">
                    <div class="main-button-inner">
                      <p class="main-button-name">Read now</p>
                      <div class="main-button-icon"><img loading="lazy"
                          src="65ccdc43fbbffc0bf011481f/65ce60a37ba16a8cfc793569_arrow-forward-fill1-wght600-grad0-opsz24.svg"
                          alt="" class="icon is-medium"></div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="gradient-backgrounds">
    <div class="gradient-background-1"></div>
  </div>
</section>

<!-- <section class="section">
        <div class="container">
          <div class="padding">
            <div class="vertical-flex with-gap-6em is-align-center">
              <div class="max-width-60">
                <h3 class="heading is-large-title">Join Our Community <span class="span-brown-10">for Insider
                    Updates</span></h3>
              </div>
              <div class="divider">
                <div class="divider-line"></div>
              </div>
              <div class="newsletter-form w-form">
                <form id="wf-form-Newsletter-Form" name="wf-form-Newsletter-Form" data-name="Newsletter Form"
                  method="get" class="newsletter-layout" data-wf-page-id="65ccdc43fbbffc0bf0114823"
                  data-wf-element-id="a2f0cb58-6675-7b3f-8f90-3e6ed5ca80eb"><input
                    class="text-field is-newsletter w-input" maxlength="256" name="Name" data-name="Name"
                    placeholder="Your Name" type="text" id="Newsletter-Name" required=""><input
                    class="text-field is-newsletter w-input" maxlength="256" name="Email" data-name="Email"
                    placeholder="Your email" type="email" id="Newsletter-sEmail" required=""><input type="submit"
                    data-wait="Please wait..." class="newsletter-submit-button w-button"
                    value="Subscribe for Newsletter"><label id="Footer-Newsletter-Checkbox"
                    class="w-checkbox checkbox-field in-newsletter">
                    <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input
                      type="checkbox" name="Newsletter-Privacy-Policy-2" id="Newsletter-Privacy-Policy-2"
                      data-name="Newsletter Privacy Policy 2" required=""
                      style="opacity:0;position:absolute;z-index:-1"><span
                      class="checkbox-label in-newsletter w-form-label" for="Newsletter-Privacy-Policy-2">By clicking
                      this button, you agree to our <a href="#" class="checkbox-field-link in-newsletter">Terms of
                        Service</a>‍</span>
                  </label></form>
                <div class="success-message in-newsletter w-form-done">
                  <div class="success-message-text in-newsletter">Fantastic! <span class="opacity-70">You are now our
                      subscriber.</span></div>
                </div>
                <div class="error-message in-newsletter w-form-fail">
                  <div class="error-message-text">Oops! Something went wrong while submitting the form.</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section> -->
<?php include('footer.php'); ?>