<?php /* Template Name: FRONT HOME PAGE */ ?>

<?php get_header(); ?>



<!--
================================
SEZIONE HERO
================================
-->

<section class="hero home">

    <div class="hero__content">

      <div class="swiper-container">

          <div class="swiper-wrapper">

            <div class="swiper-slide" style="background-image: url(/wp-content/uploads/2021/02/viewer.jpg);">
				
			<h2> <?php echo __('Progettiamo e realizziamo illuminazione', 'puraluce'); ?>  <br>

             <?php echo __ ('dal progetto alla produzione nei nostri laboratori', 'puraluce'); ?> </h2>
 
          </div>

          <div class="swiper-slide" style="background-image: url(/wp-content/uploads/2021/02/round-squre.jpg);">
              <h2> <?php echo __('Laboratori interni ed esterni per la tua illuminazione', 'puraluce'); ?>  <br>
			  	<?php echo __ ('completamente custom', 'puraluce'); ?> </h2>
          </div>

          <div class="swiper-slide" style="background-image: url(/wp-content/uploads/2021/02/ottani__4391.jpg);">
              <h2><?php echo __('Architetti illuminotecnici a vostro servizio', 'puraluce'); ?></h2>
          </div>


          </div>

          <!-- Add Navigation -->
          <div class="swiper-button-prev swiper-button-white"></div>
          <div class="swiper-button-next swiper-button-white"></div>
        </div>

        <div class="socials socials--hero hero__fade__slide--1">
            <!--social item -->
            <div class="socials__item"><a href="https://www.facebook.com/puraluce.ita" target="_blank">
            <img src="<?php echo get_template_directory_uri() ?>/img/socials/facebook.svg"></a></div>
            <!--social item -->
            <!--social item -->
            <div class="socials__item"><a href="https://www.instagram.com/puraluce.ita/" target="_blank">
              <img src="<?php echo get_template_directory_uri() ?>/img/socials/instagram.svg"></a></div>
            <!--social item -->
        </div>

    </div>

</section>


<!--
================================
FASCIA DI TESTO
================================
-->

<section class="fascia_di_testo padding--vh animazione--appare--up">
    <div class="container-100">
        <div class="paragrafo-home">
			
		<div class="banner">

            <div class="grid-banner-img">

                <img src="/wp-content/uploads/2021/04/BANNER.jpg" alt="">


              </div>

              <div class="grid-banner-testo">

                <h2><?php echo __('LA7 - Servizio dedicato all&#39arredamento e alla ristrutturazione', 'puraluce'); ?></h2>
                <p><?php echo __('Dal <strong>28 Aprile</strong> sarà possibile seguirci anche in TV! Grazie al servizio dedicato all&#39arredamento e alla ristrutturazione di LA7. Il noto canale Tv farà uno speciale dedicato alla nostra Azienda.', 'puraluce'); ?></p>

                <p class="neon"><a href="https://www.la7.it/mga-comunicazione/video/puraluce-eccellenza-tecnica-rivestita-da-un-design-elegante-08-04-2021-374267/"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>

                </div>

        </div>
			
        <div class="text-align-center container-80">
			
          <h2 class="block-margin-top"><?php echo __('I nostri Prodotti', 'puraluce'); ?></h2>
          <p><?php echo __('Naviga all&#39 interno del nostro sito web e cerca il prodotto illuminotecnico adatto alle tue esigenze.', 'puraluce'); ?> <br>
		  	<?php echo __('Ampia scelta di modelli e finiture per prodotti di eccellenza, naturalmente Made in Italy.', 'puraluce'); ?></p>
          
		  <!-- SEARCHFORM -->
          <form class="search text-center" role="search" method="get" class="searchform group" action="<?php echo home_url( '/' ); ?>">

              <div class="search_row">


                  <input type="search" class="search-field search-searchform d-lg-block" placeholder="<?php echo __('Cerca...', 'puraluce'); ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />


                  <input class="cerca_lente" type="submit" value="" style="background:url(<?php echo get_template_directory_uri() ?>/img/svg/search.svg) no-repeat top center; ">

              </div>

          </form>
        </div>

<!--
================================
FILTRI PRODOTTI
================================
-->
<div class="container-griglia">



  <div class="griglia_categorie">

    <div class="griglia_col_1">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-step-img1.jpg" alt="">

      <h3><?php echo __('Segnapasso', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/segnapasso/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>



    </div>

    <div class="griglia_col_2">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-nubes-img5.jpg" alt="">

      <h3><?php echo __('Sospensioni', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/sospensioni/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>

    </div>

    <div class="griglia_col_3">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-domino2incasso-img1.jpg" alt="">

      <h3><?php echo __('Incasso', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/incassi/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>

    </div>

  </div>

  <div class="griglia_categorie">

    <div class="griglia_col_1">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-geco-img2.jpg" alt="">

      <h3><?php echo __('Proiettori', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/proiettori/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>


    </div>

    <div class="griglia_col_2">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-foglio-img1.jpg" alt="">

      <h3><?php echo __('Paletti Luminosi', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/paletti-luminosi/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>


    </div>

    <div class="griglia_col_3">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-area-img4.jpg" alt="">

      <h3><?php echo __('Parete-Soffitto', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/parete-soffitto/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>

    </div>

  </div>

  <div class="griglia_categorie">

    <div class="griglia_col_1">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-arco-img1.jpg" alt="">

      <h3><?php echo __('Illuminazioni di facciate', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/illuminazione-di-facciate/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>


    </div>

    <div class="griglia_col_2">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-xy-img8.jpg" alt="">

      <h3><?php echo __('Lettura', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/lettura/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>


    </div>

    <div class="griglia_col_3">

      <img src="https://puraluce.com/wp-content/uploads/2021/04/art-arielsm-img1.jpg" alt="">

      <h3><?php echo __('Piscina', 'puraluce'); ?></h3>

      <p class="neon"><a href="<?php echo __('https://puraluce.com/categoria-prodotto/piscina/', 'puraluce'); ?>"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>

    </div>

  </div>



</div>
<!--
================================
COME LAVORIAMO
================================
-->

    <div class="wp-block-group" style="background-color:#232323; padding-bottom: 50px;">
      <div class="wp-block-columns container-80 padding--vh block-margin-top">
        <div class="wp-block-column" style="flex-basis:33.33%">
          <h3 class="has-white-color has-text-color"><?php echo __('Come lavoriamo', 'puraluce'); ?></h3>
        </div>

      <div class="wp-block-column" style="flex-basis:66.66%">
      </div>
    </div>



    <div class="wp-block-columns container-80">
      <div class="wp-block-column is-vertically-aligned-top">
        <div class="wp-block-image"><figure class="aligncenter size-large"><svg xmlns="http://www.w3.org/2000/svg" width="136" height="144" viewBox="0 0 136 144">
          <defs>
            <style>
              .cls-1 {
                fill: none;
                stroke: #707070;
                stroke-width: 2px;
                font-size: 100px;
                font-family: Poppins-Bold, Poppins;
                font-weight: 700;
               }

            </style>
          </defs>
          <text id="_01." data-name="01." class="cls-1" transform="translate(68 107)"><tspan x="-65.5" y="0">01.</tspan></text>
        </svg></figure></div>



        <p class="has-text-align-center has-white-color has-text-color"><?php echo __('Studio illuminotecnico e progettazione fascio di luce', 'puraluce'); ?></p>



          <p class="has-text-align-center has-white-color has-text-color neon" style="margin-top: 20px;"><a href="https://puraluce.com/azienda/come-lavoriamo/"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>
</div>



<div class="wp-block-column is-vertically-aligned-top">
  <div class="wp-block-image"><figure class="aligncenter size-large"><svg xmlns="http://www.w3.org/2000/svg" width="156" height="144" viewBox="0 0 156 144">
    <defs>
      <style>
        .cls-1 {
          fill: none;
          stroke: #707070;
          stroke-width: 2px;
          font-size: 100px;
          font-family: Poppins-Bold, Poppins;
          font-weight: 700;
        }
      </style>
    </defs>
    <text id="_02." data-name="02." class="cls-1" transform="translate(78 107)"><tspan x="-75.25" y="0">02.</tspan></text>
  </svg></figure></div>



<p class="has-text-align-center has-white-color has-text-color"><?php echo __('Il Design esterno', 'puraluce'); ?> <br> <?php echo __('della lampada', 'puraluce'); ?></p>



<p class="has-text-align-center has-white-color has-text-color neon" style="margin-top: 20px;"><a href="https://puraluce.com/azienda/come-lavoriamo/"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>
</div>



<div class="wp-block-column is-vertically-aligned-top">
<div class="wp-block-image"><figure class="aligncenter size-large"><svg xmlns="http://www.w3.org/2000/svg" width="158" height="144" viewBox="0 0 158 144">
  <text id="_03." data-name="03." transform="translate(79 107)" fill="none" stroke="#707070" stroke-width="2" font-size="100" font-family="Poppins-Bold, Poppins" font-weight="700"><tspan x="-76.95" y="0">03.</tspan></text>
</svg></figure></div>



<p class="has-text-align-center has-white-color has-text-color neon"><?php echo __('Forme evolute e', 'puraluce'); ?><br><?php echo __('finiture raffinate', 'puraluce'); ?></p>



<p class="has-text-align-center has-white-color has-text-color neon" style="margin-top: 20px;"><a href="https://puraluce.com/azienda/come-lavoriamo/"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>
</div>



<div class="wp-block-column is-vertically-aligned-top">
  <div class="wp-block-image"><figure class="aligncenter size-large"><svg xmlns="http://www.w3.org/2000/svg" width="166" height="144" viewBox="0 0 166 144">
    <text id="_04." data-name="04." transform="translate(83 107)" fill="none" stroke="#707070" stroke-width="2" font-size="100" font-family="Poppins-Bold, Poppins" font-weight="700"><tspan x="-80.55" y="0">04.</tspan></text>
  </svg></figure></div>


<p class="has-text-align-center has-white-color has-text-color"><?php echo __('Prototipazione e', 'puraluce'); ?><br> <?php echo __('produzione', 'puraluce'); ?></p>


<p class="has-text-align-center has-white-color has-text-color neon" style="margin-top: 20px;"><a href="https://puraluce.com/azienda/come-lavoriamo/"><?php echo __('SCOPRI DI PIU’', 'puraluce'); ?></a></p>
</div>
</div>
</div></div>

<!--
================================
FASCIA DI TESTO
================================
-->

<div class="paragrafo-home">
<div class="text-align-center container-80">
  <h2 class="block-margin-top"><?php echo __('Progetti realizzati', 'puraluce'); ?></h2>
  <p><?php echo __('I prodotti Puraluce sono stati utilizzati per illuminare edifici prestigiosi - da monumenti storici a lussuosi resort.', 'puraluce'); ?><br> <?php echo __('Progetti guidati dai nostri architetti illuminotecnici e non solo.', 'puraluce'); ?> <br><?php echo __('Ecco alcuni esempi nella gallery.', 'puraluce'); ?></p>
</div>


<!--
================================
FILTRI PROGETTI
================================
-->
<div class="text-align-center container-80">
	<?php
	
	
	
	
if(ICL_LANGUAGE_CODE=='en'){
   echo do_shortcode('[PFG id=7944]'); 
	
	
	
	
	
	
	}
	
	
	
	
	else {
	 echo do_shortcode('[PFG id=7343]'); 
	}

	
	
	
	
	
?>
</div>
<!--
================================
CITAZIONE
================================
-->

<blockquote class="wp-block-quote has-text-align-center is-style-large" style="margin-top: 30px;"><p><?php echo __('“Quando l’illuminazione diventa sartoriale”', 'puraluce'); ?></p></blockquote>



<div class="wp-block-image"><figure class="aligncenter size-large"><img src="<?php echo get_template_directory_uri() ?>/img/logo-puraluce-nero.png" alt="" width="256" height="77" sizes="(max-width: 256px) 100vw, 256px"></figure></div>
        </div>
    </div>
</section>


<!--
================================
IL TEAM
================================
-->

<div class="wp-block-group" style="background-color:#232323; padding-bottom: 50px;">
  <div class="wp-block-columns container-80 padding--vh block-margin-top">
    <div class="wp-block-column" style="flex-basis:33.33%">
      <h3 class="has-white-color has-text-color"><?php echo __('Il Team', 'puraluce'); ?></h3>
    </div>

  <div class="wp-block-column" style="flex-basis:66.66%">
  </div>
</div>



<div class="wp-block-columns container-80">
	
  <div class="wp-block-column is-vertically-aligned-top">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/1.jpg"></figure></div>

    <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
      <h5>Manrico Sborgi</h5>
      <h4>General Director</h4>
    </div>
  </div>



  <div class="wp-block-column is-vertically-aligned-top">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/7.jpg"></figure></div>
      <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
        <h5>Paolo Data Blin</h5>
        <h4>Creative Director</h4>
      </div>
    </div>



  <div class="wp-block-column is-vertically-aligned-top">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/6.jpg"></figure></div>

      <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
        <h5>Luca Butelli</h5>
        <h4>Technical Director</h4>
      </div>
  </div>


</div>
	
<div class="wp-block-columns container-80" style="margin-top: 30px;">
	
  <div class="wp-block-column is-vertically-aligned-top">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/5.jpg"></figure></div>

    <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
      <h5>Maurizio Paggetti</h5>
      <h4>Production Department</h4>
    </div>
  </div>



  <div class="wp-block-column is-vertically-aligned-top">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/4-1.jpg"></figure></div>
      <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
        <h5>Virginia Barbetti</h5>
        <h4>Lighting Consultant</h4>
      </div>
    </div>



  <div class="wp-block-column is-vertically-aligned-top">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/2.jpg"></figure></div>

      <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
        <h5>Cristina Galeotti</h5>
        <h4>Administrative Office</h4>
      </div>
  </div>


</div>
	
<div class="wp-block-columns container-80" style="margin-top: 30px;">
	
  <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33%">
    <div class="wp-block-image"><figure class="aligncenter size-large"><img src="/wp-content/uploads/2021/02/3.jpg"></figure></div>

    <div style="background-color:#fff; padding: 5%; margin-top: -15px;">
      <h5>Elsa Tidu</h5>
      <h4>Production Department</h4>
    </div>
  </div>


</div>
	
</div>

<!--
================================
CONTATTI
================================
-->

<section class="hero hero--page">

    <div class="hero__sfondo" style="background:linear-gradient( #ffffff7a 100%, rgba(0, 0, 0, 0.5)100%), url(/wp-content/uploads/2016/08/art-travesosp-img4.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;"></div>

    <div class="hero--page--title">
        <h3><?php echo __('Contattaci', 'puraluce'); ?></h3>
        <p><?php echo __('Lascia la tua email e verrai riconttato', 'puraluce'); ?></p>
		
			<?php
		
if(ICL_LANGUAGE_CODE=='en'){
   echo do_shortcode('[contact-form-7 id="8105" title="Modulo di contatto 1 eng"]'); 	
	
	}
	
	else {
	 echo do_shortcode('[contact-form-7 id="144" title="Modulo di contatto 1"]'); 
	}	
	
?>
		
    </div>

</section>

<!--
================================
CURSORE
================================
-->

<div class="cursor-dot-outline"></div>
<div class="cursor-dot"></div>



<!-- ==================
 FOOTER
 ======================= -->

<?php get_footer(); ?>
