233 lines
12 KiB
PHTML
233 lines
12 KiB
PHTML
<!-- WELCOME -->
|
||
<section class="position-relative py-8 py-md-11 bg-white">
|
||
|
||
<!-- Shape -->
|
||
<!--<div class="shape shape-fluid-x shape-blur-1" style="color: #f0f3ec;">-->
|
||
<div class="shape shape-fluid-x shape-blur-1 text-gray-200">
|
||
<svg viewBox="0 0 723 569" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M703.969 241.602l-.006-.003C716.081 262.97 723 287.677 723 314c0 68.917-47.425 126.757-111.42 142.665L246.7 556.937C226.465 564.729 204.481 569 181.5 569 81.26 569 0 487.74 0 387.5c0-34.256 9.49-66.296 25.985-93.633l-.016.008L141.512 77.548C162.753 33.305 207.123 2.273 258.951.12l.008-.12h251.04l.003.01c41.848.557 78.081 24.378 96.356 59.12l.001-.005 97.61 182.477z"
|
||
fill="currentColor"/>
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- Contetn -->
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-12 col-md-6 order-md-2">
|
||
|
||
<!-- Image -->
|
||
<div class="img-skewed img-skewed-start mb-8 mb-md-0">
|
||
<img src="assets/img/screenshots/desktop/home_screen.jpg" alt="..."
|
||
class="screenshot img-fluid mw-md-130" data-aos="img-skewed-item-start" data-aos-delay="100">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-12 col-md-6 order-md-1" data-aos="fade-up">
|
||
|
||
<!-- Heading -->
|
||
<h1 class="display-3">
|
||
Gestione
|
||
<span class="text-primary">Spiaggia</span>
|
||
</h1>
|
||
|
||
<!-- Text -->
|
||
<p class="lead text-muted mb-6 mb-md-8">
|
||
Intuitivo e di facile uso, GestioneSpiaggia.it vi permetterà di gestire con pochi click gli affitti
|
||
dello stabilimento balnare.
|
||
</p>
|
||
|
||
<!-- Buttons -->
|
||
<a href="<?= $this->url(['action' => 'downloadsoftware'], 'it', true); ?>"
|
||
class="btn btn-primary text-white me-1 lift">
|
||
Download <i class="fe fe-arrow-right ms-3"></i>
|
||
</a>
|
||
<a href="<?= $this->url(['action' => 'acquista'], 'it', true); ?>" class="btn btn-primary-soft lift">
|
||
Acquista
|
||
</a>
|
||
|
||
</div>
|
||
</div> <!-- / .row -->
|
||
</div> <!-- / .container -->
|
||
|
||
</section>
|
||
|
||
<!-- FEATURES -->
|
||
<section class="py-8 py-md-12 bg-white">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 col-md-4" data-aos="fade-up">
|
||
|
||
<!-- Icon -->
|
||
<div class="icon text-primary mb-3">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
<polygon points="0 0 24 0 24 24 0 24"/>
|
||
<path d="M8,16 C8,13.790861 9.790861,12 12,12 C14.209139,12 16,13.790861 16,16 C16,16 8,16 8,16 Z M4,18 L20,18 C20.5522847,18 21,18.4477153 21,19 C21,19.5522847 20.5522847,20 20,20 L4,20 C3.44771525,20 3,19.5522847 3,19 C3,18.4477153 3.44771525,18 4,18 Z"
|
||
fill="#000000" fill-rule="nonzero"/>
|
||
<path d="M19.5,13 L21,13 C21.8284271,13 22.5,13.6715729 22.5,14.5 C22.5,15.3284271 21.8284271,16 21,16 L19.5,16 C18.6715729,16 18,15.3284271 18,14.5 C18,13.6715729 18.6715729,13 19.5,13 Z M16.0606602,8.87132034 L17.1213203,7.81066017 C17.7071068,7.22487373 18.6568542,7.22487373 19.2426407,7.81066017 C19.8284271,8.39644661 19.8284271,9.34619408 19.2426407,9.93198052 L18.1819805,10.9926407 C17.5961941,11.5784271 16.6464466,11.5784271 16.0606602,10.9926407 C15.4748737,10.4068542 15.4748737,9.45710678 16.0606602,8.87132034 Z M3,13 L4.5,13 C5.32842712,13 6,13.6715729 6,14.5 C6,15.3284271 5.32842712,16 4.5,16 L3,16 C2.17157288,16 1.5,15.3284271 1.5,14.5 C1.5,13.6715729 2.17157288,13 3,13 Z M12,4.5 C12.8284271,4.5 13.5,5.17157288 13.5,6 L13.5,7.5 C13.5,8.32842712 12.8284271,9 12,9 C11.1715729,9 10.5,8.32842712 10.5,7.5 L10.5,6 C10.5,5.17157288 11.1715729,4.5 12,4.5 Z M4.81066017,7.81066017 C5.39644661,7.22487373 6.34619408,7.22487373 6.93198052,7.81066017 L7.99264069,8.87132034 C8.57842712,9.45710678 8.57842712,10.4068542 7.99264069,10.9926407 C7.40685425,11.5784271 6.45710678,11.5784271 5.87132034,10.9926407 L4.81066017,9.93198052 C4.22487373,9.34619408 4.22487373,8.39644661 4.81066017,7.81066017 Z"
|
||
fill="#000000" fill-rule="nonzero" opacity="0.3"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- Heading -->
|
||
<h3>
|
||
Planning Spiaggia
|
||
</h3>
|
||
|
||
<!-- Text -->
|
||
<p class="text-muted mb-6 mb-md-0">
|
||
Possibilità di personalizzare la spiaggia, disegnandola a proprio piacimento con la possibilità di
|
||
utilizzare grafiche personali.
|
||
</p>
|
||
|
||
</div>
|
||
<div class="col-12 col-md-4" data-aos="fade-up" data-aos-delay="50">
|
||
|
||
<!-- Icon -->
|
||
<div class="icon text-primary mb-3">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
<rect x="0" y="0" width="24" height="24"/>
|
||
<path d="M12.2674799,18.2323597 L12.0084872,5.45852451 C12.0004303,5.06114792 12.1504154,4.6768183 12.4255037,4.38993949 L15.0030167,1.70195304 L17.5910752,4.40093695 C17.8599071,4.6812911 18.0095067,5.05499603 18.0083938,5.44341307 L17.9718262,18.2062508 C17.9694575,19.0329966 17.2985816,19.701953 16.4718324,19.701953 L13.7671717,19.701953 C12.9505952,19.701953 12.2840328,19.0487684 12.2674799,18.2323597 Z"
|
||
fill="#000000" fill-rule="nonzero"
|
||
transform="translate(14.701953, 10.701953) rotate(-135.000000) translate(-14.701953, -10.701953) "/>
|
||
<path d="M12.9,2 C13.4522847,2 13.9,2.44771525 13.9,3 C13.9,3.55228475 13.4522847,4 12.9,4 L6,4 C4.8954305,4 4,4.8954305 4,6 L4,18 C4,19.1045695 4.8954305,20 6,20 L18,20 C19.1045695,20 20,19.1045695 20,18 L20,13 C20,12.4477153 20.4477153,12 21,12 C21.5522847,12 22,12.4477153 22,13 L22,18 C22,20.209139 20.209139,22 18,22 L6,22 C3.790861,22 2,20.209139 2,18 L2,6 C2,3.790861 3.790861,2 6,2 L12.9,2 Z"
|
||
fill="#000000" fill-rule="nonzero" opacity="0.3"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- Heading -->
|
||
<h3>
|
||
Prenotazioni
|
||
</h3>
|
||
|
||
<!-- Text -->
|
||
<p class="text-muted mb-6 mb-md-0">
|
||
Gestione prenotazioni sia giornaliere che stagionali, con la possibilità di visualizzare velocemente
|
||
lo stato di ogni cliente.
|
||
</p>
|
||
|
||
</div>
|
||
<div class="col-12 col-md-4" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<!-- Icon -->
|
||
<div class="icon text-primary mb-3">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
<rect x="0" y="0" width="24" height="24"/>
|
||
<rect fill="#000000" opacity="0.3" x="17" y="4" width="3" height="13" rx="1.5"/>
|
||
<rect fill="#000000" opacity="0.3" x="12" y="9" width="3" height="8" rx="1.5"/>
|
||
<path d="M5,19 L20,19 C20.5522847,19 21,19.4477153 21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 C4.55228475,3 5,3.44771525 5,4 L5,19 Z"
|
||
fill="#000000" fill-rule="nonzero"/>
|
||
<rect fill="#000000" opacity="0.3" x="7" y="11" width="3" height="6" rx="1.5"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- Heading -->
|
||
<h3>
|
||
Statistiche
|
||
</h3>
|
||
|
||
<!-- Text -->
|
||
<p class="text-muted mb-0">Statistiche con possibilità di un contronto grafico tra più anni, sia degli
|
||
incassi che dell’utilizzo delle attrezzature.</p>
|
||
|
||
</div>
|
||
</div> <!-- / .row -->
|
||
|
||
</div> <!-- / .container -->
|
||
</section>
|
||
|
||
<div class="position-relative">
|
||
<div class="shape shape-bottom shape-fluid-x text-light">
|
||
<svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M720 0c720 240 1440 240 1440 240h720v240H0V0h720z"
|
||
fill="currentColor"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="pt-8 pt-md-12 pb-10 pb-md-12 pb-lg-12">
|
||
<div class="container">
|
||
<div class="row align-items-center justify-content-between">
|
||
<div class="col-12 col-md-7">
|
||
|
||
<!-- Image -->
|
||
<div class="img-skewed img-skewed-end mb-10 mb-md-0">
|
||
<img src="assets/img/screenshots/desktop/home_screen_2.png" alt="..." class="img-fluid"
|
||
data-aos="img-skewed-item-end">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-12 col-md-5 col-lg-5">
|
||
|
||
<!-- Heading -->
|
||
<h2>
|
||
Intuitivo, Veloce<br>
|
||
<span class="text-primary">Affidabile.</span>
|
||
</h2>
|
||
|
||
<!-- Text -->
|
||
<p class="fs-lg text-gray-700 mb-6">
|
||
Intuitivo e di facile uso, GestioneSpiaggia.it vi permetterà di gestire con pochi click gli affitti
|
||
dello stabilimento balnare.
|
||
</p>
|
||
|
||
<p class="fs-lg text-gray-700 mb-6">
|
||
E' possibile personalizzare la spiaggia, disegnandola a proprio piacimento con la possibilità di
|
||
utilizzare grafiche personali.
|
||
</p>
|
||
|
||
<p class="fs-lg text-gray-700 mb-6">
|
||
Nessun limite sulla quantità di ombrelloni gestibili, GestioneSpiaggia.it provvederà a dimensionare
|
||
le grafiche in base allo schermo con cui si lavora.
|
||
</p>
|
||
|
||
|
||
</div>
|
||
</div> <!-- / .row -->
|
||
</div> <!-- / .container -->
|
||
</section>
|
||
|
||
<!-- CTA -->
|
||
<section class="pt-8 pt-md-11 pb-10 pb-md-10 bg-primary">
|
||
|
||
<!-- Content -->
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-12 col-md-10 col-lg-8 text-center">
|
||
|
||
<!-- Heading -->
|
||
<h2 class="display-3 text-white">
|
||
Scopri tutte le caratteristiche ...
|
||
</h2>
|
||
|
||
<!-- Text -->
|
||
<p class="fs-lg text-gray-200 mb-6 mb-md-8">
|
||
Scarica il software gratuitamente e prova tutte le sue funzionalità
|
||
</p>
|
||
|
||
<!-- Button -->
|
||
<a href="<?= $this->url(['action' => 'downloadsoftware'], 'it', true); ?>"
|
||
class="btn btn-secondary-soft text-white lift">
|
||
Provalo Ora <i class="fe fe-arrow-right ms-2"></i>
|
||
</a>
|
||
|
||
</div>
|
||
</div> <!-- / .row -->
|
||
</div> <!-- / .container -->
|
||
|
||
</section>
|
||
|
||
<!-- CURVE -->
|
||
<div class="position-relative">
|
||
<div class="shape shape-bottom shape-fluid-x text-gray-200">
|
||
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|