rahul.katari
/
anwisystems


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <link href="./dist/css/plugins/aos.css" rel="stylesheet" />
    <link rel="stylesheet" href="./all.css" />
    <script src="https://cdn.tailwindcss.com"></script>

    <title>Anwi</title>
  </head>

  <body>
    <!-- navbar -->
    <!-- <auth-loader></auth-loader> -->
    <div id="navbar-head" class=""></div>
    <!-- end-navbar -->
    <!-- main-body -->
    <main
      class="main-body home-main-container loading-main"
      id="home-main-container"
    >
      <!-- banner section  -->
      <section>
        <div class="px-0 bg-gradient-to-b from-[#8bd2d5] to-[#e2dbe2] py-40">
          <div
            class="text-center md:grid md:grid-cols-5 justify-center container-lg items-center md:gap-5"
          >
            <div class="col-span-3">
              <h2 class="md:text-5xl text-4xl text-center font-semibold">
                Anwi Zeno AIO
              </h2>
              <h4 class="md:text-4xl text-2xl text-center my-3 font-medium">
                Sleek Elegance,<span class="font-bold">
                  Powerful Performance</span
                >
              </h4>
              <p class="text-center md:text-xl m-auto md:my-5 my-2">
                <strong class="text-[#340d70]"
                  >We don’t just build machines;</strong
                >
                we create tools that make your life easier and better.
              </p>
              <p class="md:text-xl font-bold">
                Every product is made with love, understanding what you really
                need.
              </p>
            </div>
            <div class="col-span-2 flex justify-center w-full">
              <img src="./dist/assets/imgs/zeno/aio/aio.png" alt="" />
            </div>
          </div>
        </div>
      </section>
      <!-- display section  -->
      <section class="d-none">
        <div class="container px-0">
          <div class="max-w-5xl m-auto md:text-center my-5 relative">
            <h2 class="text-2xl uppercase">
              <span class="tracking-widest border-t-2 pt-2">Display</span>
            </h2>
            <h3 class="md:text-5xl text-3xl font-semibold my-4">
              <span>Display of brilliance</span>
            </h3>
            <div class="md:text-xl font-medium">
              The space-saving ANWI Zeno is remarkably slim and light, and its
              NanoEdge display<sup class="footnote-num"
                ><a href="#footnote-3" aria-label="Footnote 3">3</a></sup
              >
              features a thin bezel for edge-to-edge viewing and an impressive
              up to 88% screen-to-body ratio. This stunning widescreen display
              includes 178<sup class="sign-deg">°</sup> viewing angles and 100%
              sRGB color gamut for vivid and realistic-looking colors. The
              24-inch touchscreen<sup class="footnote-num"
                ><a href="#footnote-2" aria-label="Footnote 2">2</a></sup
              >
              also boasts 1920x1080 resolution and features an anti-glare
              coating and certified by TÜV Rheinland for eye comfort and low
              blue-light emissions — so your eyes stay fresh during long viewing
              sessions.
            </div>

            <div class="grid md:grid-cols-5 grid-cols-2 my-12 font-bold">
              <div class="flex flex-col space-y-3">
                <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
                  24”
                </div>
                <div class=""><span class="">FHD NanoEdge display</span></div>
              </div>
              <div class="flex flex-col space-y-3">
                <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
                  88%
                </div>
                <div class=""><span>screen-to-body ratio</span></div>
              </div>
              <div class="flex flex-col space-y-3">
                <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
                  100%
                </div>
                <div class=""><span>sRGB color gamut</span></div>
              </div>
              <div class="flex flex-col space-y-3">
                <div class="">
                  <img
                    class="m-auto"
                    src="./dist/assets/imgs/zeno/aio/tuv.png"
                    alt="eye care"
                  />
                </div>
                <div class="">
                  <span
                    >TÜV Rheinland- <br />
                    certified eye care</span
                  >
                </div>
              </div>
              <div class="flex flex-col space-y-3">
                <div class="">
                  <img
                    class="m-auto"
                    src="./dist/assets/imgs/zeno/aio/anti-glare.png"
                    alt="An icon for anti-glare display"
                  />
                </div>
                <div class=""><span>anti-glare display</span></div>
              </div>
            </div>
          </div>
          <div class="md:mt-[-300px] mt-[-100px]">
            <img src="./dist/assets/imgs/zeno/aio/Banner-2-DT.jpg" alt="" />
          </div>
        </div>
      </section>
      <!-- audio section  -->
      <section class="d-none">
        <div class="relative container px-0">
          <div>
            <img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="" />
          </div>
          <div class="md:absolute left-2/3 bottom-1/3">
            <h2 class="uppercase tracking-widest">
              <span class="border-t-2 text-2xl">Audio</span>
            </h2>
            <h3 class="md:text-5xl text-3xl font-semibold leading-snug my-4">
              <span>High-fidelity SonicMaster sound, expertly optimized</span>
            </h3>
            <div class="font-medium md:text-xl">
              ANWI SonicMaster, developed by the ANWI Golden Ear team, empowers
              ANWI Zeno with quality audio that delivers wider frequency range
              for clearer vocals and rich, deep bass. SonicMaster is a tailored
              mix of superior hardware and clever software designed to give you
              full audio controls for truly immersive sound for movies, music
              and games.
            </div>
          </div>
        </div>
      </section>
      <!-- touch screen section  -->
      <section class="d-none">
        <div class="container my-5 px-0">
          <div class="grid md:grid-cols-2 gap-5 mx-3">
            <div class="">
              <img
                src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg"
                alt="Desktops For Beginners"
                data-src=""
                class="img_width_100"
              />
              <div class="show-in-mobile"></div>
            </div>
            <div class="md:me-44">
              <h3 class="text-blue-800 text-xl">Engage More</h3>
              <h5 class="text-2xl font-medium">
                Optional Touchscreen Perfect for Interactive Displays, Kiosks.
              </h5>
              <ul class="space-y-3 divide-y-2 divide-black">
                <li>Designed for eye comfort</li>
                <li>Big, anti-glare screen</li>
                <li>Safe for kids privacy with HD Wide Vision Camera</li>
                <li class="mt-4 pt-4">
                  Starting from
                  <span class="lowest_price">
                    <span class="price">₹36,499</span>
                  </span>
                </li>
              </ul>
              <div class="mt-8">
                <a
                  href="#"
                  class="bg-black text-white px-3 py-2 mt-8"
                  tabindex="0"
                  >Shop Now</a
                >
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- ports section  -->
      <section>
        <div class="container">
          <div class="md:mt-5 pt-5 md:text-center">
            <h2 class="uppercase tracking-widest">
              <span class="border-t-2 text-2xl">Connectivity</span>
            </h2>
            <h3 class="md:text-5xl text-3xl font-semibold my-3">
              <span>Fast, reliable connectivity</span>
            </h3>
            <div class="max-w-4xl m-auto md:text-xl font-medium d-none">
              ANWI Zeno is loaded with the latest connectivity, including an
              HDMI-in port that lets you hook up video and audio from an
              external source — enabling amazing big-screen experiences for your
              laptop, mobile device, game console or even a set-top TV box.
              There are also three USB 3.2 Gen 1 ports for connecting all your
              peripherals, an HDMI-out port for attaching an external display
              and an SD card reader<sup class="footnote-num"
                ><a href="#" aria-label="Footnote 2">2</a></sup
              >
              for everyday convenience. ANWI Zeno also has integrated security,
              with a built-in Kensington lock slot for simple and effective
              physical protection.
            </div>

            <div
              class="grid md:grid-cols-4 grid-cols-2 gap-8 text-center max-w-4xl mx-auto md:my-24 my-8 font-medium"
            >
              <div class="flex flex-col justify-between space-y-4">
                <div>
                  <img
                    class="m-auto"
                    src="./dist/assets/imgs/zeno/aio/icon_typea.png"
                    alt="An icon for USB 3.2 Gen 1 Type-A x 3"
                  />
                </div>
                <div class="">
                  <span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
                </div>
              </div>
              <div class="flex flex-col justify-between space-y-4">
                <div>
                  <img
                    class="m-auto"
                    src="./dist/assets/imgs/zeno/aio/icon_typec.png"
                    alt="icon for USB-C"
                  />
                </div>
                <div class="">
                  <span class="font-bold"
                    >USB-C<sup role="img" aria-label="registered">®</sup> 3.2
                    Gen 1</span
                  >
                </div>
              </div>
              <div class="flex flex-col justify-between space-y-4">
                <div class="text-5xl font-normal">10x</div>
                <div class="">
                  <span class="font-bold">faster than USB 2.0</span>
                </div>
              </div>
              <div class="flex flex-col justify-between space-y-4">
                <div class="text-5xl font-medium text-center">
                  <img
                    class="m-auto"
                    src="./dist/assets/imgs/zeno/aio/icon_typed.png"
                    alt="An icon for HDMI-in Port"
                  />
                </div>
                <div class=""><span class="font-bold">HDMI-out Port</span></div>
              </div>
            </div>
          </div>
          <img
            src="./dist/assets/imgs/zeno/aio/ports.png"
            alt=""
            class="py-5 bg-[#c4c8d3] rounded"
          />
        </div>
      </section>
      <!-- secure section  -->
      <section class="d-none">
        <div class="container max-sm:my-12 px-0">
          <div class="relative">
            <img
              src="./dist/assets/imgs/zeno/aio/security.jpg"
              alt=""
              class=""
            />
            <div class="md:absolute top-16 max-w-xl right-16">
              <h2 class="uppercase tracking-widest">
                <span class="border-t-2 text-2xl">Secure Your Data</span>
              </h2>
              <h3 class="my-6 md:text-5xl text-3xl font-semibold">
                <span>Optional Fingerprint Scanner for Peace of Mind.</span>
              </h3>
              <div class="md:text-xl font-medium">
                Remote working is accelerating, and with it the need to keep
                your crucial data safe. That’s why ANWI Zeno is equipped with
                first-class security. The camera’s shutter slides across in a
                moment for instant privacy, whenever you need it. There’s also
                the all-new Microsoft Pluton chip that bakes security into the
                CPU core, ensuring both code integrity and the latest protection
                — virtually eliminating the risk of leaks through hacking. ANWI
                Zeno also has a Kensington slot that provides a way to
                physically safeguard the machine, preventing theft of the PC
                from unsupervised locations.
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- power backup section  -->

      <!-- sleek section  -->
      <section class="d-none">
        <div class="text-center container max-w-7xl m-auto">
          <div class="mt-12 md:mt-24 max-w-5xl mx-auto">
            <h2 class="uppercase tracking-widest">
              <span class="border-t-2 text-2xl">Sleek</span>
            </h2>
            <h3 class="my-6 md:text-5xl text-3xl font-semibold">
              <span>Minimalist aesthetic</span>
            </h3>
            <div class="font-medium text-xl">
              ASUS M3402WFA has a fresh and minimalist aesthetic look to
              complement vibrant lifestyles, with a beautiful integrated stand.
              Designed for complete stability and a sleek appearance, it fits
              perfectly almost anywhere — from modern homes to home offices.
            </div>
          </div>
          <div>
            <img
              class="w-full mt-[-170px]"
              src="./dist/assets/imgs/zeno/aio/sleek.png"
              alt=""
            />
          </div>
        </div>
      </section>
      <section>
        <div class="container p-3 max-w-6xl my-12 md:my-24">
          <div class="md:grid grid-cols-2 items-center gap-5">
            <div>
              <h2 class="font-bold text-2xl md:text-4xl text-[#434f2b]">
                Zeno - Experience Desktop Power
              </h2>
              <h4 class="md:flex items-center text-xl md:text-xl md:mt-5 my-3">
                Upgradability in
                <span class="font-bold px-md-2"> Sleek All-in-One </span>
                Design
              </h4>
            </div>
            <div>
              <img
                src="./dist/assets/imgs/zeno/aio/desktop-power.png"
                alt=""
                class="w-100 rounded-3xl"
              />
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="container max-w-6xl my-12 md:my-24">
          <div
            class="md:grid grid-cols-2 items-center gap-5 bg-gradient-to-r from-[#1f2126] to-[#8c887e] rounded-3xl"
          >
            <div>
              <img
                src="./dist/assets/imgs/zeno/aio/aio.png"
                alt=""
                class="w-100 rounded"
              />
            </div>
            <div class="max-sm:p-5">
              <h2 class="font-bold text-2xl md:text-4xl text-white">
                Cut Energy Bills
              </h2>
              <h3 class="md:flex text-xl text-white mt-3 font-semibold">
                Zeno Saves upto
                <strong class="px-2 font-bold">33% More Power</strong>
                than Desktops.
              </h3>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="container p-3 max-w-6xl my-12 md:my-24">
          <div class="md:grid grid-cols-2 items-center gap-5">
            <div>
              <img
                src="./dist/assets/imgs/zeno/aio/anwi-aio-battery (1).png"
                alt=""
                class="w-100 rounded-3xl"
              />
            </div>
            <div class="max-sm:p-5">
              <h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
                Zeno's Never Stop
              </h2>
              <h3 class="md:flex text-xl mt-3">
                Upto 45-Min
                <strong class="px-2 font-semibold">Power Backup</strong>
                Keeps You Productive.
              </h3>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="container p-3 max-w-6xl my-12 md:my-24">
          <div
            class="md:grid grid-cols-2 flex flex-column-reverse items-center md:gap-5"
          >
            <div class="max-sm:p-5">
              <h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
                Reclaim Your Space
              </h2>
              <h3 class="md:flex text-xl mt-3">
                Zeno's Compact Design
                <strong class="font-bold px-2">Maximizes</strong>
                Desk Area.
              </h3>
            </div>
            <div>
              <img
                src="./dist/assets/imgs/zeno/aio/reclaim-your-space.png"
                alt=""
                class="w-100 rounded-3xl"
              />
            </div>
          </div>
        </div>
      </section>
      <!-- stand section  -->
      <section>
        <div class="bg-black md:py-20 py-12">
          <div class="md:grid grid-cols-5 max-w-7xl my-5 mx-auto">
            <div class="text-white col-span-2 flex flex-col justify-center">
              <h2 class="text-3xl font-semibold">View Flexibly</h2>
              <p class="text-xl mt-3">
                Rotate Zeno's Screen 180°, Horizontal to Landscape.
              </p>
            </div>
            <div class="col-span-3 flex justify-center max-sm:mt-24">
              <img
                src="./dist/assets/imgs/zeno/aio/flexibility.png"
                alt=""
                class="w-4/6"
              />
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="container p-3 max-w-6xl my-12 md:my-24">
          <div class="md:grid grid-cols-2 items-center gap-5">
            <div>
              <img
                src="./dist/assets/imgs/zeno/aio/metal-keyboard.png"
                alt=""
                class="w-100 rounded-3xl"
              />
            </div>
            <div class="max-sm:p-5">
              <h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
                Stay Charged
              </h2>
              <h3 class="md:flex text-xl mt-3">
                Enjoy the Convenience of
                <strong class="md:px-2 font-semibold">Rechargeable</strong>
                Metal Keyboard.
              </h3>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="container p-3 max-w-6xl my-12 md:my-24">
          <div
            class="md:grid grid-cols-2 flex flex-column-reverse items-center gap-5"
          >
            <div class="max-sm:p-5">
              <h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
                Affordable Excellence
              </h2>
              <h3 class="md:flex text-xl mt-3">
                Get Premium
                <strong class="px-2 font-semibold">All-in-One Features</strong>
                at Desktop Prices.
              </h3>
            </div>
            <div>
              <img
                src="./dist/assets/imgs/zeno/aio/Renders/2.png"
                alt=""
                class="w-100 rounded-3xl bg-[#575c67]"
              />
            </div>
          </div>
        </div>
      </section>
    </main>
    <!-- footer -->
    <div id="footer-head"></div>
    <!-- end-footer -->

    <!-- <script src="https://player.vimeo.com/api/player.js"></script> -->
    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="./dist/js/jquery.min.js"></script>
    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

    <script src="./libs/axios.min.js"></script>

    <script src="./libs/cookies.min.js"></script>

    <script src="./dist/toaster/toastr.js"></script>
    <script src="./dist/js/fontawesome.all.js"></script>
    <script src="./dist/js/fontawesome.min.js"></script>
    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
    <script src="./dist/js/vendor/bootstrap.min.js"></script>
    <script src="./dist/js/plugins/slick.js"></script>
    <script src="./dist/js/plugins/wow.js"></script>
    <script src="./dist/js/plugins/svg-injector.min.js"></script>
    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

    <!-- Main JS -->
    <script src="./dist/js/utils/helpers.js"></script>
    <script src="./dist/js/footer.js"></script>
    <script src="./dist/js/auth/apiservice.js"></script>
    <script src="./dist/js/navbar.js"></script>
    <script src="./dist/js/main.js"></script>
    <script src="./dist/js/index/index.js"></script>

    <script>
      AOS.init();
      $("#navbar-head").addClass("absolute w-100 shadow-none");
    </script>
  </body>
</html>