added new sections

accesories section.txt

+accesories section
+know more for each
+landing : aio - fyro -2
+          laptop
+
+
+AIO page:
+1. power backup section
+2. sleek section
+3. cut enerygy bills
+4. compact
+5. affordable

dist/css/style.css

   line-height: inherit;
   text-decoration: none;
   cursor: pointer;
-  color: #333333 !important;
+  color: #333333;
 }
 
 a,

index.html

                     </div>
                 </div>
             </div>
-            </div>
         </section>
         <!-- end-banner -->
 
                             <div class="">
                                 <div
                                     class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4 pt-5">
-                                    <img src="./dist/assets/imgs/productimg/home-aio.png"
+                                    <img src="./dist/assets/imgs/zeno/aio/aio.png"
                                         class="img-fluid  w-65 w-sm-75 mx-auto success-img" alt="...">
                                     <div class="card-body px-lg-5 pb-lg-5 pt-0">
                                         <h5 class="card-text satoshi_font fw-bold ms-md-0 ms-5">Zeno All-in-One 23.8
                                         </ul>
 
                                         <h5 class="card-text my-3"><small class="satoshi_font text-black-50">Starting
-                                                from ₹ 37,990</small></h5>
-                                        <a class="btn btn-dark "
-                                            href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Buy
-                                            Now</a>
+                                                from ₹ 35,585</small></h5>
+                                        <a class="btn btn-dark " href="/zeno-aio-landing.html">Know More</a>
                                         <p></p>
                                     </div>
                                 </div>

zeno-aio-landing.html

     <main class="main-body home-main-container loading-main" id="home-main-container">
         <!-- banner section  -->
         <section>
-            <div class="container">
+            <div class="container px-0">
                 <img src="./dist/assets/imgs/zeno/aio/banner-1-DT.jpg" alt="">
                 <h2 class="md:text-7xl text-4xl text-center font-semibold">Anwi Zeno AIO</h2>
                 <h4 class="md:text-5xl text-2xl text-center my-3">Sleek Elegance,<span class="font-semibold"> Powerful
         </section>
         <!-- stand section  -->
         <section>
-            <div class="container bg-black md:py-24 py-12">
+            <div class="container bg-black md:py-20 py-12 md:my-24 my-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>
         </section>
         <!-- display section  -->
         <section>
-            <div class="container">
-                <div class=" max-w-7xl m-auto md:text-center my-5 relative">
+            <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="text-cyan-700 tracking-widest border-t-2 border-cyan-700 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:mx-44 md:text-xl font-medium">The space-saving ANWI M3402WFA is remarkably slim and
+                    <div class="md:text-xl font-medium">The space-saving ANWI Zeno is remarkably slim and
                         light,
                         and
                         its NanoEdge
                         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">
-                        <div class="" data-gaid="" data-index="1">
-                            <div class="md:text-5xl text-3xl font-medium text-cyan-700">24”</div>
-                            <div class=""><span>FHD NanoEdge display</span>
+                    <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="" data-gaid="" data-index="2">
-                            <div class="md:text-5xl text-3xl font-medium text-cyan-700">88%</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="" data-gaid="" data-index="3">
-                            <div class="md:text-5xl text-3xl font-medium text-cyan-700">100%</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="" data-gaid="" data-index="4">
-                            <div class=""><img class="img img__icon img__icon4"
-                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
-                                    alt="An icon for TÜV Rheinland-certified eye care">
+                        <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-certified eye care</span>
+                            <div class=""><span>TÜV Rheinland- <br> certified eye care</span>
                             </div>
                         </div>
-                        <div class="" data-gaid="" data-index="5">
-                            <div class=""><img class="img img__icon img__icon5"
-                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
+                        <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>
         </section>
         <!-- audio section  -->
         <section>
-            <div class="relative container">
+            <div class="relative container px-0">
                 <div>
                     <img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="">
                 </div>
                     <div class="font-medium md:text-xl">ANWI SonicMaster, developed by the ANWI Golden Ear team,
                         empowers
                         ANWI
-                        M3402WFA with
+                        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>
         </section>
         <!-- beginners section  -->
         <section>
-            <div class="container my-5">
+            <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"
                         <span>Fast, reliable connectivity</span>
                     </h3>
                     <div class="max-w-4xl m-auto md:text-xl font-medium">
-                        ANWI M3402WFA is loaded with the latest connectivity, including an HDMI-in port that lets you
+                        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 M3402WFA also has
+                                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-3xl mx-auto md:my-24 my-8 font-medium">
-                        <div class="">
-                            <div class="text-5xl font-medium text-cyan-700"><img class="m-auto"
-                                    src="./dist/assets/imgs/zeno/aio/icon_typea.png"
+                        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="wd__feature__describe"><span>USB 3.2 Gen 1 Type-A x 3</span>
+                            <div class=""><span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
                             </div>
                         </div>
-                        <div class="">
-                            <div class="text-5xl font-medium text-cyan-700"><img class="img img__icon img__icon1"
-                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
-                                    alt="An icon for USB-C® 3.2 Gen 1">
+                        <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>USB-C<sup role="img" aria-label="registered" class="sign-reg">®</sup>
+                            <div class=""><span class="font-bold">USB-C<sup role="img" aria-label="registered">®</sup>
                                     3.2 Gen 1</span>
                             </div>
                         </div>
-                        <div class="">
-                            <div class="text-3xl font-medium text-cyan-700 ">10x</div>
-                            <div class=""><span>faster than USB 2.0</span>
+                        <div class="flex flex-col justify-between space-y-4">
+                            <div class="text-5xl font-normal text-cyan-700 ">10x</div>
+                            <div class=""><span class="font-bold">faster than USB 2.0</span>
                             </div>
                         </div>
-                        <div class="">
+                        <div class="flex flex-col justify-between space-y-4">
                             <div class="text-5xl font-medium text-cyan-700 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>HDMI-in Port</span>
+                            <div class=""><span class="font-bold">HDMI-in Port</span>
                             </div>
                         </div>
                     </div>
         </section>
         <!-- secure section  -->
         <section>
-            <div class="container max-sm:my-12">
+            <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">
                             <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 M3402WFA
+                            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 M3402WFA also has a Kensington
+                            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  -->
         <section>
-            <div class="container p-3" style="background: #e2e2e2;">
-                <h2 class="text-center font-weight-600 my-4">
+            <div class="container max-w-5xl">
+                <div class="content">
+                    <div class="text-center space-y-5">
+                        <h3 class="text-4xl text-red-800 font-semibold">Never Stop</h3>
+                        <h4 class="text-3xl font-normal text-black">Zeno's 60-Min Power Backup Keeps You
+                            Productive.</h4>
+                    </div>
+                </div>
+                <div>
+                    <div>
+                        <img src="./dist/assets/imgs/zeno/aio/power-backup.jpg" alt="">
+                    </div>
+                </div>
+                <div class="d-none">
+                    <div>
+                        <div>
+                            <div>100W</div>
+                            <p>Type-C Portable Hyper Charger*</p>
+                            <p>*Type-C Charger is not available in India.</p>
+                        </div>
+                        <div>
+                            <div>10 Hours</div>
+                            <p>1080P Video Playing</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- sleek section  -->
+        <section>
+            <div class=" text-center container max-w-7xl m-auto">
+                <div class="my-12 md:my-24 max-w-5xl mx-auto">
+                    <h2 class="uppercase tracking-widest"><span
+                            class="text-cyan-700 border-t-2 border-cyan-700 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" src="./dist/assets/imgs/zeno/aio/sleek.jpg" alt="">
+                </div>
+            </div>
+        </section>
+        <section>
+            <div class="container p-3 max-w-6xl my-12 md:my-24">
+                <h2 class="font-semibold text-2xl md:text-4xl">
                     Zeno: Experience Desktop Power
                 </h2>
-                <div class="d-flex">
-                    <h3 class="font-weight-lighter">
+                <div class="md:grid grid-cols-2">
+                    <h3 class="flex flex-col justify-center text-xl md:text-3xl">
                         Upgradability in <br>
-                        <div style="white-space: nowrap; font-weight: 800;" class="pt-4">Sleek
+                        <div class="pt-2 font-semibold">Sleek
                             All-in-One</div> Design
                     </h3>
                     <div class="ms-5">
-                        <img src="./dist/assets/imgs/zeno/aio/aio1.jpeg" alt="" class="w-100">
+                        <img src="./dist/assets/imgs/zeno/aio/aio.png" alt="" class="w-100">
                     </div>
                 </div>
             </div>
         </section>
         <section>
-            <div class="container">
-                <img src="./dist/assets/imgs/zeno/aio/front.jpeg" alt="">
-            </div>
-        </section>
-        <section>
-            <div class="container">
+            <div class="container px-0">
 
                 <img src="./dist/assets/imgs/zeno/aio/inner-panel.jpeg" alt="">
             </div>
         </section>
         <section>
-            <div class="container">
+            <div class="container px-0">
 
                 <img src="./dist/assets/imgs/zeno/aio/rear.jpeg" alt="">
             </div>
     <script src="./dist/js/plugins/aos.js"></script>
     <script>
         AOS.init();
+        $('#navbar-head').addClass('absolute w-100 shadow-none');
     </script>
 </body>