url = "/"
layout = "default"
title = "Home"

[blogPosts]
pageNumber = "{{ :page }}"
postsPerPage = 3
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "blogs"
postPage = "blog"
==
<!-- Hero Area Start -->
<div id="hero-area" class="hero-area section">
    <!-- Hero Slider -->
    <div id="hero-slider" class="nivoSlider">
        <img src="{{this.theme.slider_item | media}}" alt="" title="#herocaption-1" />
    </div>
    <!-- Hero Slider Caption -->
    <div id="herocaption-1" class="nivo-html-caption">
        <div class="container">
            <div class="row">
                <!-- Hero Content -->
                <div class="hero-content col-xs-12">
                    <h4 class="wow cusFadeInRight" data-wow-duration=".5s" data-wow-delay="0.5s">Defining</h4>
                    <h1 class="wow cusFadeInRight" data-wow-duration=".5s" data-wow-delay="0.5s">electronic distribution</h1>
                    <h6 class="wow cusFadeInRight" data-wow-duration=".5s" data-wow-delay="0.5s">to nurture business</h4>
                    <a href="{{ url('/about') }}" class="learn-more wow cusFadeInRight" data-wow-duration=".5s" data-wow-delay="1.5s">Learn More</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Hero Area End -->

<div class="why-us sec-padd-top">
    <div class="container">
        
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="section-title">
                  <h2>{{this.theme.title}}</h2>
                </div>
            </div>
        </div>
        
        <div class="row">
        {% for item in this.theme.service_desc %}
            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{item.item_icon| media}}">
                    </div>
                    <a href="{{item.item_link}}"><h4 class="text-center">{{item.item_title}}</h4></a>
                  <p>{{item.item_desc|raw}}</p>
                </div>
            </div>
        {% endfor %}
        </div>
<!--
            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{ 'icons/manufactutor/2.png'|media }}" />
                    </div>
                    <a href="single-service.html"><h4>ATTEND</h4></a>
                    <p>ATTEND Technology is a pioneering connectivity solutions provider based in Taiwan. Established in 2002, the company chose SMET as its able distributor to serve the Indian market. ATTEND is specialized in several connectors and cable products.</p>
                </div>
            </div>


            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{ 'icons/manufactutor/3.png'|media }}" />
                    </div>
                    <a href="single-service.html"><h4>AOS</h4></a>
                    <p>With exceptional designing capabilities and expertise in various areas of power semiconductor technology, AOS develops pioneering products by differentiating itself via Mosfets, IGBT, integrated Discrete and IC semiconductor process technology, advanced packaging, and...</p>
                </div>
            </div>
        </div>


        <div class="row">
            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{ 'icons/manufactutor/4.png'|media }}" />
                    </div>
                    <a href="#single-service.html"><h4>GIGAVAC</h4></a>
                    <p>The American-based electronic solutions manufacturer started in 2002 offers a range of advanced electronic equipment, including high voltage relays, sealed contractors, MX high-reliability contactors, GX industrial contactors, and sensing contactors.</p>
                </div>
            </div>


            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{ 'icons/manufactutor/5.png'|media }}" />
                    </div>
                    <a href="#single-service.html"><h4>TIANMA</h4></a>
                    <p>Custom – Built LCD Panels, LCD Modules, Graphic Modules, Character Modules, Color STN Modules, TFT Color Modules ranging from 1.4” to 10.4” with CPU, Digital RGB, Analog TGB and LVDS Interface. Also supports LCD with capacitive and resistive touch panel.</p>
                </div>
            </div>


            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{ 'icons/manufactutor/6.png'|media }}" />
                    </div>
                    <a href="#single-service.html"><h4>YAGEO</h4></a>
                    <p>Multilayer Ceramic Chip Capacitors, Capacitor Arrays, Chip Resistors, High Frequency Resistors, Resistor Arrays, Leaded Resistors, Cement resistors, Aluminium Housed resistors, RC – Networks and Inductors, Bluetooth Antenna, Electrolytic Capacitors</p>
                </div>
            </div>

-->
        <div class="section-footer">
            <a href="{{ url('/manufacturers') }}" class="thm-btn bg-clr1">View more</a>
        </div>
    </div>
</div>

<div class="our-services sec-padd-top">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-sm-12">
        <div class="about-text">
          <div class="section-title">
            <h2>Our Solutions</h2>
            <div class="text">
              <p>There are many valid reasons why you should choose us to take care of your valuable device.</p>
            </div>
          </div>

          <div class="text-icon-grid">
{% for item in this.theme.solution_desc %}
            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{item.solution_icon| media}}" />
                </div>
              <a href="{{item.solution_link}}"> <h5 class="title" style="height: 28px;">{{item.solution_title}}</h5></a>
                <div class="text" style="height: 48px;">{{item.solution_desc|raw}}</div>
              </div>
            </div>
        {% endfor %}
<!--
            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{ 'icons/product/2.png'|media }}" />
                </div>
                <h5 class="title" style="height: 28px;">Batteries</h5>
                <div class="text" style="height: 48px;">A battery is a device that stores chemical energy and converts it to electrical energy. The chemical reactions in a battery involve the flow of electrons...</div>
              </div>
            </div>

            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{ 'icons/product/3.png'|media }}" />
                </div>
                <h5 class="title" style="height: 28px;">Capacitors</h5>
                <div class="text" style="height: 48px;">A capacitor is an electronic device that is used to store electrical energy. It consists of two metal plates which are separated by a non-conducting substance.</div>
              </div>
            </div>

            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{ 'icons/product/4.png'|media }}" />
                </div>
                <h5 class="title" style="height: 28px;">Circuit protection</h5>
                <div class="text" style="height: 48px;">Circuit protection, at its simplest, is the intentional addition of a weak link in an electrical circuit. This link will be broken in the event of a fault...</div>
              </div>
            </div>

            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{ 'icons/product/5.png'|media }}" />
                </div>
                <h5 class="title" style="height: 28px;">Displays</h5>
                <div class="text" style="height: 48px;">A display is an electronic device for the visual presentation of data or images, they are often coupled with computers or other electronics.</div>
              </div>
            </div>

            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{ 'icons/product/6.png'|media }}" />
                </div>
                <h5 class="title" style="height: 28px;">Discrete</h5>
                <div class="text" style="height: 48px;">SMET is an authorized and preferred channel partner of discrete electronics from leading manufacturer – Alfa and omega semiconductors...</div>
              </div>
            </div>

-->

          </div>

          <div class="section-footer">
            <a href="{{ url('/solutions') }}" class="thm-btn bg-clr1">View more</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="counter-area">
  <div class="container">
    <div class="row">
{% for item in this.theme.counter %}
      <div class="col-md-3">
        <div class="counter-box"> <img src="{{item.counter_icon| media}}" /> <span class="counter plus"> <p>{{item.counter_title|raw}}</p></span>
          <p>{{item.counter_desc|raw}}</p>
        </div>
      </div>
        {% endfor %}
<!--
      <div class="col-md-3">
        <div class="counter-box"> <img src="{{ 'icons/counter/solutions.png'|media }}" /> <span class="counter plus">20</span>
          <p>Solutions</p>
        </div>
      </div>

      <div class="col-md-3">
        <div class="counter-box"> <img src="{{ 'icons/counter/years.png'|media }}" /> <span class="counter">20</span>
          <p>Years</p>
        </div>
      </div>

      <div class="col-md-3">
        <div class="counter-box"> <img src="{{ 'icons/counter/locations.png'|media }}" /> <span class="counter">6</span>
          <p>Locations</p>
        </div>
      </div>
      -->
    </div>
  </div>
</div>

<!--
<div class="process-area">
  <div class="container-fluid">   
    <div class="row">
      <div class="col-md-3 col-sm-6">
        <div class="process-item text-center">
          <div class="process-item-content">
            <span class="process-item-number">1</span>
            <h3 class="process-item-title">broken device</h3>
            <p>If your device breaks, don't panic. We offer a huge range of mobile phone & tablet repair services.</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="process-item text-center highlight">
          <div class="process-item-content">
            <span class="process-item-number">2</span>
            <h3 class="process-item-title">send it to us </h3>
            <p>We offer free postage with all mobile phone & table repairs. Saving you time and money. Just print the label and send. </p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="process-item text-center">
          <div class="process-item-content">
            <span class="process-item-number">3</span>
            <h3 class="process-item-title">quick fix </h3>
            <p>Our trained technicians will repair your mobile phone or tablet device quickly & efficiently, keeping you informed all the way. </p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="process-item text-center highlight">
        <div class="process-item-content">
          <span class="process-item-number">4</span>
          <h3 class="process-item-title">fast return </h3>
          <p>Choose the delivery method that matches your requirements. We will make sure you repaired device is returned safely. </p>
        </div>
        </div>
      </div>
    </div>
  </div>
</div>
-->

 
 
 
<div class="project-content sec-padd-top">
    <div class="container">
 <div class="section-title">
            <h2>Awards and Achievements</h2>
        </div>
		
		        <div class="row masonary-layout filter-layout">
				
				 <div class="col-md-4 mix col-sm-6 ipad filter-item">
                <div class="single-project-item">
                    <div class="img-box">
                        <img src="https://october2.webbazaar.co.in/storage/app/media/awards/awards2.jpeg" alt="Awesome Image"/>
                        <div class="overlay">
                            <div class="box">
                                <div class="top-box">
                                    <div class="title">
                                       <h3> Our Team has been 
Awarded the "Best PM Award", from SG Micro </h3> 
                                    </div>
                                </div>
                                <div class="bottom-box">
                                    <ul>
                                        <li><a data-group="1" href="https://october2.webbazaar.co.in/storage/app/media/awards/awards2.jpeg" class="img-popup"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
				
				<div class="col-md-4 mix col-sm-6 ipad filter-item">
                <div class="single-project-item">
                    <div class="img-box">
                        <img src="https://october2.webbazaar.co.in/storage/app/media/awards/awards3.jpeg" alt="Awesome Image"/>
                        <div class="overlay">
                            <div class="box">
                                <div class="top-box">
                                    <div class="title">
                                       <h3> SMET has been Awarded the "Best Delivery & Support 
Award" from Genus Energizing Lives </h3> 
                                    </div>
                                </div>
                                <div class="bottom-box">
                                    <ul>
                                        <li><a data-group="1" href="https://october2.webbazaar.co.in/storage/app/media/awards/awards3.jpeg" class="img-popup"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


<div class="col-md-4 mix col-sm-6 ipad filter-item">
                <div class="single-project-item">
                    <div class="img-box">
                        <img src="https://october2.webbazaar.co.in/storage/app/media/awards/awards4.jpg" alt="Awesome Image"/>
                        <div class="overlay">
                            <div class="box">
                                <div class="top-box">
                                    <div class="title">
                                         <h3> Renesas has Recognized our FAE Team for Actively 
Participating in the "Renesas Embedded Processing Seminar 2023" </h3> 
                                    </div>
                                </div>
                                <div class="bottom-box">
                                    <ul>
                                        <li><a data-group="1" href="https://october2.webbazaar.co.in/storage/app/media/awards/awards4.jpg" class="img-popup"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
				  <div class="section-footer">
            <a href="{{ url('/news') }}" class="thm-btn bg-clr1">View more</a>
        </div>
				
			</div>
			</div>
			</div>



<!-- 
{% set posts = blogPosts.posts %}
<div class="blog-section sec-padd2">
    <div class="container">
    <div class="section-title">
      <h2>Our Latest News</h2>
      <div class="text">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </div>
    </div>
        <div class="row">
        {% for post in posts %}
            {% if loop.first %}
            <div class="col-md-6 col-sm-6 hidden-sm col-xs-12">
                <div class="default-blog-news">
                    <figure class="img-holder">
                        {% set path = 'blogs/1.jpg' %}
                        <a href="{{ post.url }}"><img src="{{path| media}}" alt="{{ post.title }}"></a>
                        <figcaption class="overlay">
                            <div class="box">
                                <div class="content">
                                    <a href="{{ post.url }}"><i class="fa fa-link" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                    <div class="lower-content">
                        <a href="{{ post.url }}"><h4>{{ post.title }}</h4></a>
                        <div class="post-meta">{{ post.published_at|date('M d, Y') }}</div>
                        <div class="text">
                            <p>{{ str_limit(post.summary|raw, 300) }}</p>               
                        </div>
                        <div class="link">
                            <a href="{{ post.url }}" class="default_link">Read More</a>
                        </div>
                        
                    </div>
                </div>
            </div>
            {% else %}
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="default-blog-news">
                    <figure class="img-holder">
                        <a href="{{ post.url }}"><img src="{{'blogs/1.jpg'| media}}" alt="{{ post.title }}"></a>
                        <figcaption class="overlay">
                            <div class="box">
                                <div class="content">
                                    <a href="{{ post.url }}"><i class="fa fa-link" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </figcaption>
                    </figure>
                    <div class="lower-content">
                        <a href="{{ post.url }}"><h4>{{ post.title }}</h4></a>
                        <div class="post-meta">{{ post.published_at|date('M d, Y') }}</div>
                        <div class="text">
                            <p>{{ str_limit(post.summary|raw, 300) }}</p>                            
                        </div>
                        <div class="link">
                            <a href="{{ post.url }}" class="default_link">Read More</a>
                        </div>
                        
                    </div>
                </div>
            </div>
            {% endif %}
        {% endfor %}
        </div>
    </div>
</div>
-->
<!--
<div class="testimonial nrb">
    <div class="container">
        <div class="section-title center">
            <h2>What Clients Say?</h2>
      <p>There are many valid reasons why you should choose us to take care of your valuable device</p>
        </div>
        <div class="testimonial-carousel">
            <div class="testimonial-item">
                <div class="content">
                    <span class="fa fa-quote-left"></span>
                    <p>Lorem ipsum dolor sit amet ment tionim sea. Ei explicari evertitur uptatum vi core zupitor inciderint reforin alienum</p>

                    <ul class="rating">
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                    </ul>
                </div>
                <div class="author">
                    <ul class="list-inline">
                        <li>
                            <img src="{{ 'dp.png'|media }}" alt="">
                        </li>
                        <li>
                            <h5>Marik Anderson</h5>
                            <p>CFO, Tech NY</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="testimonial-item">
                <div class="content">
                    <span class="fa fa-quote-left"></span>
                    <p>Lorem ipsum dolor sit amet ment tionim sea. Ei explicari evertitur uptatum vi core zupitor inciderint reforin alienum</p>

                    <ul class="rating">
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                    </ul>
                </div>
                <div class="author">
                    <ul class="list-inline">
                        <li>
                            <img src="{{ 'dp.png'|media }}" alt="">
                        </li>
                        <li>
                            <h5>John Smith</h5>
                            <p>Manager, Tele Service</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="testimonial-item">
                <div class="content">
                    <span class="fa fa-quote-left"></span>
                    <p>Lorem ipsum dolor sit amet ment tionim sea. Ei explicari evertitur uptatum vi core zupitor inciderint reforin alienum</p>

                    <ul class="rating">
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                        <li class="fa fa-star"></li>
                    </ul>
                </div>
                <div class="author">
                    <ul class="list-inline">
                        <li>
                            <img src="{{ 'dp.png'|media }}" alt="">
                        </li>
                        <li>
                            <h5>Linda Ohara</h5>
                            <p>Co-Founder, InfoLabs</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
-->

<div class="call-out2">
    <div class="container">
        <div class="clearfix">
            <div class="float_left">
                <h4>Have any question or need any business consultation?</h4>
            </div>
            <div class="float_right">
                <a href="#" class="thm-btn bg-clr2">Request Quote</a>
            </div>
        </div>
                
    </div>
</div>


<div class="brand-logo sec-padd">
    <div class="container">
        <ul class="brand-carousel">
          {% for item in this.theme.partner_logo %}
            <li><a href="#"><img src="{{item.logo| media}}" alt=""></a></li>
           {% endfor %}
           <!--
            <li><a href="#"><img src="{{ 'clients/2.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/3.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/4.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/5.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/6.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/1.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/2.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/3.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/4.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/5.png'|media }}" alt=""></a></li>
            <li><a href="#"><img src="{{ 'clients/6.png'|media }}" alt=""></a></li>
         -->
        </ul>
    </div>
</div>