<?php
$html_head_title = "Evelyn Molina Studio";
require("componentes/header.php");
?>

<!-- Sección 1 -->
<header class="w3-padding-200 w3-container w3-red w3-center" style="padding:16px 16px">
  
  <h1 class="w3-jumbo"><?php echo $ph["seccion1_linea1_principal"][$idioma];?></h1>
  <h2 class="w3-xxlarge"><?php echo $ph["seccion1_linea2_secundario"][$idioma];?></h2>
  <h1 class="w3-xlarge"><?php echo $ph["seccion1_linea3"][$idioma];?></h1>
  <button class="w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion1_call_to_action"][$idioma]; ?></button>
  
</header>

<!-- Sección 2 -->
<div class="w3-row-padding w3-padding-16 w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto w3-container">
    <div>
      <h1 class="w3-jumbo interlineado"><?php echo $ph["seccion2_linea1_principal"][$idioma];?></h1>
      <h2 class="w3-xxlarge interlineado"><?php echo $ph["seccion2_linea1_secundario"][$idioma];?></h2>
      <h5 class="w3-padding-32"><?php echo $ph["seccion2_linea2_secundario"][$idioma];?></h5>
      <?php
      $seccion_numero="2";
      $parrafo_numero="1";
      $linea_numero="3";
      $linea_limite="5";
      for ($parrafo_numero=1;$parrafo_numero<2;$parrafo_numero++) {
        require("componentes/parrafos.php");
      }
      $parrafo_numero="2";
      $linea_numero="5";
      $linea_limite="7";
      for ($parrafo_numero=2;$parrafo_numero<3;$parrafo_numero++) {
        require("componentes/parrafos.php");
      }
      ?>
    </div>
  </div>
 <?php require("formcontacto.php"); ?>
</div>


<!-- Sección 3 -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <div>
      <h1 class="w3-jumbo interlineado"><?php echo $ph["seccion3_linea1_principal"][$idioma];?></h1>
      <h2 class="w3-xxlarge interlineado"><?php echo $ph["seccion3_linea1_secundario"][$idioma];?></h2>
      <h5 class="w3-padding-16 w3-section"><?php echo $ph["seccion3_linea2_secundario"][$idioma];?></h5>
      <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion3_linea3"][$idioma];?></p>
    </div>
  </div>
</div>

<!-- Sección 4 -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <h1 class="w3-margin w3-jumbo interlineado"><?php echo $ph["seccion4_linea1_principal"][$idioma];?></h1>

  <div class="w3-auto">
    <div class="w3-section contenedor">
      <div class="w3-section hide-smaller">
        <p class=""><img src="images/img2.png"></img></p>
      </div>
      <div class="w3-half w3-section">
        <h2 class="subseccion"><?php echo $ph["seccion4_subtitulo1"][$idioma];?></h2>
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion4_parrafo1"][$idioma];?></p>
        <div class="w3-section hide-medlar centrado-img">
          <p class="adorno"><img class="centrarimg" src="images/img2.png"></img></p>
        </div>
        <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion4_call_to_action1"][$idioma];?></button></div>
      </div>
    </div>
    
    <div class="w3-section contenedor menuder">
	
      <div class="w3-half w3-section">
        <h2 class="subseccion"><?php echo $ph["seccion4_subtitulo2"][$idioma];?></h2>
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion4_parrafo2"][$idioma];?></p>
        <div class="w3-section hide-medlar centrado-img">
          <p class="adorno"><img class="centrarimg" src="images/img2.png"></img></p>
        </div>
        <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion4_call_to_action2"][$idioma];?></button></div>
      </div>
      <div class="w3-section hide-smaller">
        <p class="adorno"><img src="images/img2.png"></img></p>
      </div>
    </div>

    <div class="w3-section contenedor">
      <div class="w3-section hide-smaller">
        <p class=""><img src="images/img2.png"></img></p>
      </div>
	  
      <div class="w3-half w3-section">
      <h2 class="subseccion"><?php echo $ph["seccion4_subtitulo3"][$idioma];?></h2>
      <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion4_parrafo3"][$idioma];?></p>
      <div class="w3-section hide-medlar centrado-img">
          <p class="adorno"><img class="centrarimg" src="images/img2.png"></img></p>
      </div>
      <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["seccion4_call_to_action3"][$idioma];?></button></div>
	  
    </div>

  </div>
</div>
</div>

<!--Sección Nueva: Galería -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid orange !important">
  <div class="w3-auto">
    <h1><?php echo $ph["galeria_titulo"][$idioma];?></h1>
	<?php  
    $ruta_plantilla_slide = "componentes/product-slide.php";
    $array_de_slides = $ph["galeria_producto"];   
	crear_slide($ruta_plantilla_slide, $array_de_slides);
	?>
  </div>
</div> 

<!-- Sección 5 -->
<div class="w3-row-padding w3-padding-16 w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <h1 class="w3-margin w3-jumbo interlineado"><?php echo $ph["seccion5_titulo"][$idioma];?></h1>
    <div>
      <div class="colizquierda w3-section contenedor2 centrado-small">
        <h2 class="w3-cursive interlineado-small-parrafo"><?php echo $ph["seccion5_linea1"][$idioma];?></h2>
        <p class="w3-section interlineado-small-parrafo"><?php echo $ph["seccion5_parrafo1"][$idioma];?></p>
        <div class="w3-hide-medium w3-hide-large">
        <img src="images/img3.png" class="adorno"></img>
        <p class="w3-hide-medium w3-hide-large"><?php echo $ph["seccion5_parrafo2"][$idioma];?></p>
      </div>
        <div class="centrado"><button class="button w3-button w3-black w3-padding-large w3-large w3-margin-top"><?php echo $ph["sección5_call_to_action"][$idioma];?></button></div>
      </div>
      <div class="derecha">
        <img src="images/img3.png" class="adorno w3-hide-small"></img>
        <p class="w3-hide-small"><?php echo $ph["seccion5_parrafo2"][$idioma];?></p>
      </div>
    </div>
  </div>  
</div>

<!-- Sección 6 TESTIMONIALS-->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <h1 class="w3-margin w3-xxlarge w3-jumbo"><?php echo $ph["seccion6_titulo"][$idioma];?></h1>

	<?php 
		$cuantos_slides_individuales = 4;
		$ruta_plantilla_slide = "componentes/testimonial-slide.php";
		crear_slide($ruta_plantilla_slide, $cuantos_slides_individuales);		
	?>                  
    
  </div>
</div>

<!-- Sección 7 -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <div>
      <h1><?php echo $ph["sección7_titulo"][$idioma];?></h1>
      
      <!-- Espacio en blanco para colocar allí el contenido correspondiente-->

    </div>
  </div>
</div>

<!-- Sección 8 Creativity section -->
<div class="w3-row-padding w3-padding-16 w3-container w3-text-grey" style="border: 2px solid blue !important">
  <div class="w3-auto">
    <h1><?php echo $ph["seccion8_titulo"][$idioma];?></h1>    
	<?php 
	  $cuantos_slides_individuales=9;
	  $ruta_plantilla_slide = "componentes/creativity-slide.php";
	  crear_slide($ruta_plantilla_slide, $cuantos_slides_individuales);
	?>    
  </div>
</div>
<?php require("componentes/footer.php");