<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Amazon-Home</title>
    <link rel="stylesheet" href="/stylesheets/style.css">
    
    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
</head>
<body>

   

    
   <div class="yourProfile">
    <a href="/home"><li>Profile</li></a>
    <a href="/your-products/<%=user._id%>"><li>Your Products</li></a>
    <a href="/vendorView/<%=user._id%>"><li>Customer Orders</li></a>

  <% if(user.verified){ %>
    <a href="/sendmail" style="color: green;"><li>Verified Account</li></a>
  <% }else{ %>
    <a href="/sendmail" style="color: red;"><li>Verify Account</li></a>
 <%  }%>

    <a href="/logout"><li>Logout</li></a>
   </div>
    <div class="main">
        <nav class="navbar" style="background-color: rgb(19,25,33);">
            <div class="container-fluid" id="navbar">
             <div class="logo"><img src="/images/Amazon_logo.svg.png" alt="logo"></div>

             <div class="location">
                <h6 class="fr">Hello</h6>
                <h5 class="sd" style="margin-left: -1vw;"><i class="ri-map-pin-line"></i>Select your address</h5>
             </div>

             <div class="search">
                <input class="form-control" type="search" name="q" placeholder="Search" aria-label="Search">
                <div class="icon"><i class="ri-search-line"></i></div>
             </div>

             <div class="signin">
                <h6 class="fr">Hello, <%= usernameLimit %>...</h6>
                <h5 class="sd" id="profileDets">Account & lists <i class="ri-arrow-down-s-fill"></i></h5>
             </div>

             <div class="order">
                <h6 class="fr">Returns</h6>
                <a href="/your-order/<%=user._id%>" class="sd"> <h5 class="sd">& Orders</h5></a>
             </div>

             <div class="cart">
                <h6 class="fr1"><%=count%></h6>
                <div class="ot">
                    <i class="ri-shopping-cart-line"></i> 
                    <a href="/cart" class="sd"><h5 class="sd">Cart</h5></a>
                </div>
               
             </div>
              
               
             
            </div>
          </nav>

          <div class="mini-nav">
            <div class="list">
             <li><i class="ri-menu-line"></i>All</li>
            <li>Amazon miniTV</li>
            <li><a href="/create">Sell</a></li>
            <li>Best seller's</li>
            <li>Mobiles</li>
            <li><a href="#pdtContainer">Today's deals</a></li>
            <li>Customer service</li>
            <li>New Release</li>
            <li>Electronics</li>
            </div>


            <div class="advt">
                <img src="https://m.media-amazon.com/images/G/31/AmazonVideo/2021/X-site/SingleTitle/Citadel-FinalEpisode/400x39-SWM_NP._CB589129823_.jpg" alt="Promo">
            </div>
          </div>
         
          <div class="top-slider">
             <!-- Swiper -->
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide swImage"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img22/Unrec/TallHero_3000X1200_Unrec._CB593464763_.jpg" alt=""></div>
      <div class="swiper-slide swImage"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img21/Wireless/Shreyansh/BAU/Unrexc/D70978891_INWLD_BAU_Unrec_Uber_PC_Hero_3000x1200._CB594707876_.jpg" alt=""></div>
      <div class="swiper-slide swImage"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img23/Softlines_JWL_SH_GW_Assets/July_23/ATF/Unrec/Kotak_bankStripe/Sports/Sports_3000._CB599886124_.jpg" alt=""></div>
      <div class="swiper-slide swImage"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img22/WLA/October/GW/Unrec/D60755841_PC_3000x1200de._CB606447388_.jpg" alt=""></div>
      <div class="swiper-slide swImage"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/Biss_2023/BISS_GW/GWNEW/GWNEW2/3000x1200-copy-2._CB600251575_.jpg" alt=""></div>
      <div class="swiper-slide swImage"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img2020/Vernac/2021/Gw-Hero/Mobile_tall_Hero_revision_3000x1200._CB604857279_.jpg" alt=""></div>
    </div>
    <div class="swiper-button-next" style="color: #000; margin-top: -12vh; margin-right: 1vw;"></div>
    <div class="swiper-button-prev" style="color: #000; margin-top: -12vh; "></div>
  </div>
          </div>

    <div class="bg"></div>          
    <div class="suggestionSection">
      <!-- CARD-1 -->
      <div class="cards">
        <div class="head-card"> <h4>50% - 80% off | <br> Wardrobe Refresh Sale</h4></div>
        <div class="body-card">

          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img23/Fashion/Event/Gateway/JuneWRS/BTF/PCQC/M-clothing-186-116._SY116_CB587890891_.png" alt="Clothing"></div>
            <div class="ttl"><span>Clothing</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img23/Fashion/Event/Gateway/JuneWRS/BTF/PCQC/shoes-186-116._SY116_CB587890891_.png" alt="Footwear"></div>
            <div class="ttl"><span>Footwear</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img23/Fashion/Event/Gateway/JuneWRS/BTF/PCQC/M-watches-186-116._SY116_CB587890891_.png" alt="Watches"></div>
            <div class="ttl"><span>Watches</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img23/Fashion/Event/Gateway/JuneWRS/BTF/PCQC/luggage-186-116._SY116_CB587890891_.png" alt="Bags & Luggage"></div>
            <div class="ttl"><span>Bags & Luggage</span></div>
          </div>
          
        </div>
      </div>

       <!-- CARD-2 -->
       <div class="cards">
        <div class="head-card"><h4>Bluetooth Calling Smartwatch starts at...</h4></div>
        <div class="body-card">

          <div class="item-card" id="sq1">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img22/Wearables/PC_CategoryCard_379X304_1._SY304_CB614835787_.jpg" alt=""></div>
            <div class="ttl"><span>Show Now</span></div>
          </div>
          <div class="item-card sq">
            <div class="photo"><img src="https://m.media-amazon.com/images/I/61TI0T87SpL._AC_UY218_.jpg" alt=""></div>
            <div class="ttl"><span>Noise</span></div>
          </div>
          <div class="item-card sq">
            <div class="photo"><img src="https://m.media-amazon.com/images/I/71tH69LXCML._AC_UY218_.jpg" alt=""></div>
            <div class="ttl"><span>Oneplus</span></div>
          </div>
          <div class="item-card sq">
            <div class="photo"><img src="https://m.media-amazon.com/images/I/71XBcl6bNjL._AC_UY218_.jpg" alt=""></div>
            <div class="ttl"><span>Apple</span></div>
          </div>
          
        </div>
      </div>

       <!-- CARD-3 -->
       <div class="cards">
        <div class="head-card"><h4>Appliances for your home | Up to 55% off</h4></div>
        <div class="body-card">

          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/IMG15/Irfan/GATEWAY/MSO/Appliances-QC-PC-186x116--B08RDL6H79._SY116_CB667322346_.jpg" alt=""></div>
            <div class="ttl"><span>Air Conditioners</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/IMG15/Irfan/GATEWAY/MSO/Appliances-QC-PC-186x116--B08345R1ZW._SY116_CB667322346_.jpg" alt=""></div>
            <div class="ttl"><span>Refrigerators</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/IMG15/Irfan/GATEWAY/MSO/Appliances-QC-PC-186x116--B07G5J5FYP._SY116_CB667322346_.jpg" alt=""></div>
            <div class="ttl"><span>Microwave</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/IMG15/Irfan/GATEWAY/MSO/186x116---wm._SY116_CB667322346_.jpg" alt=""></div>
            <div class="ttl"><span>Washing Machine</span></div>
          </div>
          
        </div>
      </div>

       <!-- CARD-4 -->
       <div class="cards">
        <div class="head-card">
          <h4>Starting ₹79 | Amazon brands & more</h4>
        </div>
        <div class="body-card">

          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img22/AmazonBrands/Bikram/Bikram1/xcm_banners_juicert186_186x116_in-en._SY116_CB591184479_.jpg" alt=""></div>
            <div class="ttl"><span>Choppers & more</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img22/AmazonBrands/Bikram/Bikram1/xcm_banners_light186_186x116_in-en._SY116_CB591199501_.jpg" alt=""></div>
            <div class="ttl"><span>Lights & more</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/img22/AmazonBrands/Bikram/Bikram1/kitchen186._SY116_CB592083129_.jpg" alt=""></div>
            <div class="ttl"><span>Containers & more</span></div>
          </div>
          <div class="item-card">
            <div class="photo"><img src="https://images-eu.ssl-images-amazon.com/images/G/31/home_private_label/moritika/baugwsept/xcm_banners_tile4-home_186x116_in-en._SY116_CB612501080_.jpg" alt=""></div>
            <div class="ttl"><span>Sticker & more</span></div>
          </div>
          
        </div>
      </div>
    </div>

    </div>

  
<!-- PRODUCT PAGE -->
    <div class="heading"><h2>Daily Deals</h2> <div class="tag">50% OFF</div></div>
    <div class="pointer"><h2><i class="ri-arrow-right-s-line"></i></h2></div>
    <div class="pointerPrev"><h2><i class="ri-arrow-left-s-line"></i></h2></div>
    <div class="productsContainer" id="pdtContainer">

   <%   productTypeTwo.forEach(function(item){ %>
        <div class="product-card">
          <div class="product-img"><img src="<%=item.pimage%>" alt=""></div>
          <div class="dets newDets">
            <div class="product-desc prd"><span><%=item.pname%></span></div>
          <div class="product-price prp"><span>₹<%=item.price%></span><span id="discount">50% OFF</span></div>
          <a href="/product/<%=item._id%>"><i class="ri-arrow-right-line arrow"></i></a>
          <!-- <div class="overlay"></div> -->
          <!-- <a href="#" class="icn1"> <i class="ri-delete-bin-fill"></i></a> -->
         </div>
       
        </div> 

   <%   })  %>
 
      <!-- <div class="product-card">
        <div class="product-img"><img src="" alt=""></div>
        <div class="dets">
          <div class="product-desc"></div>
          <div class="product-price"></div>
        </div>
      </div>   -->

      
    </div>

     <!--Advertisement page-->
     <div class="advtPage">
      
      <div class="adOne">
        <div class="adCircle"><img src="https://i.pinimg.com/564x/41/31/c0/4131c070168f5222a5601eae1014d1ee.jpg" alt=""></div>
        <div class="adTitle"><span class="tt">HeadPhone</span> <br> <span class="ds">30%-50% Off Deal</span> <br> <span style="color: maroon; font-family: booktwo;  ">Starts at 499</span></div>
      </div>

      <div class="adOne">
        <div class="adCircle"><img src="https://in-media.apjonlinecdn.com/catalog/product/cache/b3b166914d87ce343d4dc5ec5117b502/6/7/67U19PA-1_T1680317366.png" alt=""></div>
        <div class="adTitle"><span class="tt">Laptop</span> <br> <span class="ds">30%-70% Off Deal</span> <br> <span style="color: maroon; font-family: booktwo;  ">Starts at 29,999</span></div>
      </div>

      <div class="adOne">
        <div class="adCircle"><img src="https://images.samsung.com/is/image/samsung/p6pim/in/sm-m135flgqins/gallery/in-galaxy-m13-sm-m135-sm-m135flgqins-533230710?$730_584_PNG$" alt=""></div>
        <div class="adTitle"><span class="tt">Mobile</span> <br> <span class="ds">50%-70% Off Deal</span> <br> <span style="color: maroon; font-family: booktwo;  ">Starts at 8,999</span></div>
      </div>
     
     </div>

      </div>
    </div>
 
 <!--Product section 2-->
 <div class="heading2"><h2>Special Offers</h2> <div class="tag2">70% OFF</div></div>
 <div class="pointer2"><h2><i class="ri-arrow-right-s-line"></i></h2></div>
 <div class="pointerPrev2"><h2><i class="ri-arrow-left-s-line"></i></h2></div>
    <div class="productsContainerTwo">

      <%   productTypeOne.forEach(function(item){ %>
           <div class="product-card">
             <div class="product-img"><img src="<%=item.pimage%>" alt=""></div>
             <div class="dets2">
               <div class="product-desc"><span><%=item.pname%></span></div>
             <div class="product-price"><span>₹<%=item.price%></span><span id="discount">70% OFF</span></div>
             <a href="/product/<%=item._id%>"><i class="ri-arrow-right-line arrow"></i></a>
             <div class="overlay2"></div>
            </div>
          
           </div> 
   
      <%   })  %>
    
         <!-- <div class="product-card">
           <div class="product-img"><img src="" alt=""></div>
           <div class="dets">
             <div class="product-desc"></div>
             <div class="product-price"></div>
           </div>
         </div>   -->
   
         
       </div>

        <!--Product section 3-->
 <div class="heading3"><h2>Other Offers</h2> <div class="tag2">30% OFF</div></div>

    <div class="productsContainerThree">

      <%   productTypeThree.forEach(function(item){ %>
           <div class="product-card3">
             <div class="product-img"><img src="<%=item.pimage%>" alt=""></div>
             <div class="dets2">
               <div class="product-desc"><span><%=item.pname%></span></div>
             <div class="product-price"><span>₹<%=item.price%></span><span id="discount">30% OFF</span></div>
             <a href="/product/<%=item._id%>"><i class="ri-arrow-right-line arrow"></i></a>
             <div class="overlay2"></div>
            </div>
          
           </div> 
   
      <%   })  %>
    
         <!-- <div class="product-card">
           <div class="product-img"><img src="" alt=""></div>
           <div class="dets">
             <div class="product-desc"></div>
             <div class="product-price"></div>
           </div>
         </div>   -->
         
   
         
       </div>
            


               

    <!-- <div class="verify" style="position: absolute; top: 20vh;">
        <a href="/sendmail">click here to verify Email</a>
    </div> -->
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
  var swiper = new Swiper(".mySwiper", {
    pagination: {
      el: ".swiper-pagination",
      type: "progressbar",
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });


if(window.innerWidth <= 600){
  alert("Please open it in Desktop or Laptop for optimal experience");
}
 

</script>
    <script src="/javascripts/script.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>

</body>
</html>
