ADD landing

This commit is contained in:
Krivchikov Dmitry 2016-06-27 14:15:14 +03:00
parent e404b90839
commit f65129038c
14 changed files with 305 additions and 0 deletions

2
.gitignore vendored
View File

@ -23,6 +23,8 @@ public/photos/big/*.jpeg
public/photos/big/*.png
public/photos/big/*.gif
public/photos/articles/*
tracks/*.gpx
tracks/*.kml
tracks/*.kmz

View File

@ -0,0 +1,39 @@
<?php
class LpController extends Controller
{
public function __construct()
{
self::$layout = 'layouts/lp.php';
self::addScript('/js/jquery-2.1.0.min.js');
self::addScript('/js/jquery-ui-1.10.4.custom.min.js');
self::addScript('/js/bootstrap.min.js');
self::addStyle('/css/bootstrap.min.css');
self::addStyle('/css/bootstrap-theme.min.css');
self::addStyle('/css/lp.css');
}
public function actionSend()
{
$msg = '';
if ($_REQUEST) {
foreach ($_REQUEST as $key => $value) {
$msg .= $key. ': '.$value."\n";
}
}
if ($msg) {
Alarmer::send($msg);
} else {
App::error404();
}
die('OK');
}
public function actionExcursion()
{
self::render('/lp/excursion.php', array());
}
}

33
public/css/lp.css Normal file
View File

@ -0,0 +1,33 @@
.lp-header a {color: white;}
.list-marker {height: 40px; margin: 0 10px 0 0;}
.paralax { width: 100%;
background-size: cover;
text-align: center;
vertical-align: middle;
position: relative;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 50%;
padding: 30px 0 50px 0;}
table.header-table {margin: 20px 0; font-size: 18px;}
table tr td.header {font-size: 18px; color: #333; border-top: none;}
.header-big {font-size: 40px; font-weight: bold;}
.header-middle {font-size: 30px;}
.header-small {font-size: 20px;}
form {
border: solid 2px #999;
padding:10px;
background-color: #333;
}
form h2 {margin-top: 0;}
.digits-big {font-size: 80px; font-weight: bold;}
.digits-annotation {font-size: 18px;}
.paralax .container h2 {color: #fff; margin-bottom: 40px}
.paralax .container .table {background-color: #fff; border-radius: 5px 5px 0 0;}

BIN
public/img/lp/18.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
public/img/lp/19.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/img/lp/cafe.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/img/lp/hotel.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

51
views/layouts/lp.php Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" prefix="og: http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#">
<head>
<title><?= App::getConfig('title') ?></title>
<link rel="shortcut icon" href="/favicon.ico"></link>
<link rel="icon" href="/favicon.ico"></link>
<?php if ($styles): ?>
<?php foreach ($styles as $style): ?>
<link href="<?= $style ?>" media="all" rel="stylesheet" type="text/css" />
<?php endforeach; ?>
<?php endif; ?>
<?php if ($scripts): ?>
<?php foreach ($scripts as $script): ?>
<script src="<?= $script ?>" <?= (strpos($script, 'ulogin') !== FALSE) ? 'async':'' ?> type="text/javascript"></script>
<?php endforeach; ?>
<?php endif; ?>
<?php if ($vars): ?>
<script type="text/javascript">
<?php foreach ($vars as $varName => $var): ?>
var <?= $varName ?> = '<?= $var ?>';
<?php endforeach; ?>
</script>
<?php endif; ?>
<?php if (isset($data['og']) && $data['og']): ?>
<meta property="og:title" content="<?= $data['og']['title'] ?>" />
<meta property="og:description" content="<?= $data['og']['description'] ?>" />
<meta property="og:site_name" content="<?= $data['og']['site_name'] ?>" />
<meta property="og:type" content="<?= $data['og']['type'] ?>" />
<meta property="og:url" content="<?= $data['og']['url'] ?>" />
<meta property="og:image" content="<?= $data['og']['image'] ?>" />
<?php endif; ?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/css/font-ubuntu.css" />
<link rel="apple-touch-icon" href="/img/touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/img/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/img/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/img/touch-icon-ipad-retina.png" />
</head>
<body style="padding: 0; margin: 0; overflow-y: scroll;" role="document">
<?= isset($content) && !empty($content) ? $content : 'No content =(' ?>
<?= self::renderPartial('metrika.php', array(), true) ?>
<?= self::renderPartial('ganalytics.php', array(), true) ?>
</body>
</html>

180
views/lp/excursion.php Normal file
View File

@ -0,0 +1,180 @@
<div class="paralax" style="background-image: url('/img/lp/18.jpg');">
<div class="container" >
<div class="row lp-header" style="color: white; margin-bottom: 10px;">
<div class="col-md-7 text-left">
<a href="https://wikipoints.ru/?utm_source=lp" target="_blank">
<img src="/img/whiteLogo.png" class="pull-left" style="height: 75px; margin: 10px; margin-right: 20px;"/>
<div class="header-big">wikipoints.ru</div>
<div class="header-small">конструктор путешествий</div>
</a>
</div>
<div class="col-md-5 text-right">
<div class="header-small">
<a href="mailto:info@wikipoints.ru">info@wikipoints.ru</a>
</div>
<div class="header-middle">
<a href="tel:+79046106141">+7 (904) 610-61-41</a>
</div>
</div>
</div>
<div class="row" style="color: white;">
<div class="col-md-8 text-left" style="color: white;">
<table class="header-table">
<tr>
<td>
<img src="/img/lp/marker-star-white.png" class="pull-left list-marker"/>
</td>
<td>
<b>Для организаторов экскурсий</b><br/>
Любая точка на карте, о которой вы можете рассказать это ваша рекламная площадка. Мы готовы дать ваши контакты в описаниях.<br/>
</td>
</tr>
</table>
<table class="header-table">
<tr>
<td>
<img src="/img/lp/hotel-white.png" class="pull-left list-marker" style="height: 40px;"/>
</td>
<td>
<b>Для отелей и хостелов</b><br/>
Вы можете выбрать наиболее удобный для вас вариант размещения на карте. С абонентской платой или с платой за брони выбери то, что вам удобнее.<br/>
</td>
</tr>
</table>
<table class="header-table">
<tr>
<td>
<img src="/img/lp/cafe-white.png" class="pull-left list-marker" style="height: 40px;"/>
</td>
<td>
<b>Для кафе и ресторанов</b><br/>
Разместите своё заведение на карте помоги путешественникам найти вкусный обед именно вас!<br/>
</td>
</tr>
</table>
</div>
<form class="col-md-4 text-left" style="margin-top: 20px;" id="myForm">
<h2>Добавить организацию</h2>
<div class="form-group">
<label for="inputName">Ваше имя</label>
<input type="text" name="name" class="form-control" id="inputName" placeholder="Михаил">
</div>
<div class="form-group">
<label for="inputPhone">Телефон или email</label>
<input type="text" name="contacts" class="form-control" id="inputPhone" placeholder="">
</div>
<div class="text-center">
<button type="submit" class="btn btn-info" onclick="send('#myForm'); return false;">Отправить менеджеру</button>
</div>
</form>
</div>
</div>
</div>
<div style="padding: 30px 0 60px 0;" class="container">
<h2 class="text-center">Информация в цифрах</h2>
<div class="row">
<div class="col-md-3 text-center">
<div class="digits-big">1520</div>
<div class="digits-annotation">
Точек по всему миру
</div>
</div>
<div class="col-md-3 text-center">
<div class="digits-big">121</div>
<div class="digits-annotation">
Активных авторов
</div>
</div>
<div class="col-md-3 text-center">
<div class="digits-big">865</div>
<div class="digits-annotation">
Построенных маршрутов
</div>
</div>
<div class="col-md-3 text-center">
<div class="digits-big">5996</div>
<div class="digits-annotation">
Подписчиков в соц. сетях
</div>
</div>
</div>
</div>
<div class="paralax" style="background-image: url('/img/lp/18.jpg');">
<div style="padding: 0;" class="container">
<h2 class="text-center">Наши цены</h2>
<div class="row">
<div class="col-md-3 text-center">
<table class="table">
<tr><td class="header">Отели и хостелы</td></tr>
<tr><td>С фиксированной платой</td></tr>
<tr><td><img src="/img/lp/hotel.jpg" style="width: 100%;" /></td></tr>
<tr><td><b>500</b> рублей / месяц</td></tr>
<tr><td><b>5000</b> рублей / год</td></tr>
<tr><td>Прямые контакты</td></tr>
<tr><td><a href="https://wikipoints.ru/point/1391?utm_source=lp" target="_blank">Пример</a></td></tr>
</table>
</div>
<div class="col-md-3 text-center">
<table class="table">
<tr><td class="header">Отели и хостелы</td></tr>
<tr><td>С оплатой за бронь</td></tr>
<tr><td><img src="/img/lp/hotel.jpg" style="width: 100%;" /></td></tr>
<tr><td><b>15%</b> от стоимости брони</td></tr>
<tr><td>Форма заявки на бронь</td></tr>
<tr><td>Оповещение по SMS</td></tr>
</table>
</div>
<div class="col-md-3 text-center">
<table class="table">
<tr><td class="header">Кафе и рестораны</td></tr>
<tr><td>С фиксированной платой</td></tr>
<tr><td><img src="/img/lp/cafe.jpg" style="width: 100%;" /></td></tr>
<tr><td><b>500</b> рублей / месяц</td></tr>
<tr><td><b>5000</b> рублей / год</td></tr>
<tr><td>Прямые контакты</td></tr>
<tr><td><a href="https://wikipoints.ru/point/1392?utm_source=lp" target="_blank">Пример</a></td></tr>
</table>
</div>
<div class="col-md-3 text-center">
<table class="table">
<tr><td class="header">Экскурсоводы</td></tr>
<tr><td>С фиксированной платой</td></tr>
<tr><td><img src="/img/lp/excursions.jpg" style="width: 100%;" /></td></tr>
<tr><td><b>100</b> рублей / месяц</td></tr>
<tr><td><b>1000</b> рублей / год</td></tr>
<tr><td>Указана ссылка или телефон</td></tr>
<tr><td><a href="https://wikipoints.ru/point/9?utm_source=lp" target="_blank">Пример</a></td></tr>
</table>
</div>
</div>
</div>
</div>
<div class="container" style="margin-top: 20px; margin-bottom: 20px;">
<div class="row">
<div class="col-md-7 text-left">
<div class="header-small"><a href="https://wikipoints.ru/?utm_source=lp" target="_blank">wikipoints.ru</a></div>
<div class="header-small">конструктор путешествий</div>
</div>
<div class="col-md-5 text-right">
<div class="header-small">
<a href="mailto:info@wikipoints.ru">info@wikipoints.ru</a>
</div>
<div class="header-small">
<a href="tel:+79046106141">+7 (904) 610-61-41</a>
</div>
</div>
</div>
<script>
function send(selector)
{
$.ajax({
url: "/lp/send/?"+$(selector).serialize(),
success: function () {
alert('Ваш запрос успешно отправлен');
}
});
}
</script>