add_action('customize_register', 'logic_academy_customizer');
// ========== index.php ==========
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title(); ?></title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header-content">
<div class="logo">
<a href="<?php echo home_url(); ?>">
<?php bloginfo('name'); ?>
</a>
</div>
<nav class="nav">
<?php
wp_nav_menu(array(
'theme_location' => 'header-menu',
'container' => false,
'menu_class' => 'nav-menu',
));
?>
</nav>
<div class="header-cta">
<a href="#contact" class="btn btn-primary">Связаться</a>
</div>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<div class="hero-text">
<h1 class="hero-title">
<?php echo get_theme_mod('hero_title', 'Развивайте логическое мышление'); ?>
</h1>
<p class="hero-subtitle">
<?php echo get_theme_mod('hero_subtitle', 'Эффективные курсы для развития критического мышления и логики'); ?>
</p>
<div class="hero-buttons">
<a href="<?php echo get_theme_mod('hero_button_url', '#courses'); ?>" class="btn btn-primary btn-large">
<?php echo get_theme_mod('hero_button_text', 'Начать обучение'); ?>
</a>
<a href="#about" class="btn btn-secondary btn-large">Узнать больше</a>
</div>
</div>
<div class="hero-image">
<div class="hero-visual">
<div class="logic-symbols">
<div class="symbol">∧</div>
<div class="symbol">∨</div>
<div class="symbol">¬</div>
<div class="symbol">→</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section class="features" id="about">
<div class="container">
<div class="section-header">
<h2>Почему выбирают Logic Academy</h2>
<p>Наш подход к обучению логике основан на современных методиках</p>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">🧠</div>
<h3>Развитие мышления</h3>
<p>Системный подход к развитию критического и аналитического мышления</p>
</div>
<div class="feature-card">
<div class="feature-icon">📊</div>
<h3>Практические задачи</h3>
<p>Реальные кейсы и упражнения для закрепления теоретических знаний</p>
</div>
<div class="feature-card">
<div class="feature-icon">🎯</div>
<h3>Персональный подход</h3>
<p>Индивидуальные траектории обучения под ваши цели и уровень</p>
</div>
<div class="feature-card">
<div class="feature-icon">📈</div>
<h3>Измеримый результат</h3>
<p>Система оценки прогресса и детальная аналитика успеваемости</p>
</div>
</div>
</div>
</section>
<!-- Courses Section -->
<section class="courses" id="courses">
<div class="container">
<div class="section-header">
<h2>Наши курсы</h2>
<p>Выберите программу, которая подходит именно вам</p>
</div>
<div class="courses-grid">
<div class="course-card">
<div class="course-header">
<h3>Основы логики</h3>
<div class="course-price">
<span class="price">2 990 ₽</span>
<span class="period">/месяц</span>
</div>
</div>
<div class="course-content">
<ul class="course-features">
<li>Базовые принципы логики</li>
<li>Логические операции</li>
<li>Анализ аргументов</li>
<li>Практические упражнения</li>
</ul>
<a href="#" class="btn btn-outline">Подробнее</a>
</div>
</div>
<div class="course-card featured">
<div class="course-badge">Популярный</div>
<div class="course-header">
<h3>Критическое мышление</h3>
<div class="course-price">
<span class="price">4 990 ₽</span>
<span class="period">/месяц</span>
</div>
</div>
<div class="course-content">
<ul class="course-features">
<li>Все из базового курса</li>
<li>Критический анализ</li>
<li>Работа с предрассудками</li>
<li>Принятие решений</li>
<li>Персональный наставник</li>
</ul>
<a href="#" class="btn btn-primary">Выбрать курс</a>
</div>
</div>
<div class="course-card">
<div class="course-header">
<h3>Мастер логики</h3>
<div class="course-price">
<span class="price">7 990 ₽</span>
<span class="period">/месяц</span>
</div>
</div>
<div class="course-content">
<ul class="course-features">
<li>Все предыдущие курсы</li>
<li>Математическая логика</li>
<li>Формальные системы</li>
<li>Проектная работа</li>
<li>Сертификат эксперта</li>
</ul>
<a href="#" class="btn btn-outline">Подробнее</a>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="contact" id="contact">
<div class="container">
<div class="contact-content">
<div class="contact-info">
<h2>Готовы начать обучение?</h2>
<p>Свяжитесь с нами для получения консультации по выбору программы</p>
<div class="contact-methods">
<div class="contact-method">
<span class="contact-icon">📧</span>
<span>info@logicacademy.com</span>
</div>
<div class="contact-method">
<span class="contact-icon">📱</span>
<span>+7 (495) 123-45-67</span>
</div>
</div>
</div>
<div class="contact-form">
<form class="form">
<div class="form-group">
<input type="text" name="name" placeholder="Ваше имя" required>
</div>
<div class="form-group">
<input type="email" name="email" placeholder="Email" required>
</div>
<div class="form-group">
<select name="course">
<option value="">Выберите курс</option>
<option value="basics">Основы логики</option>
<option value="critical">Критическое мышление</option>
<option value="master">Мастер логики</option>
</select>
</div>
<div class="form-group">
<textarea name="message" placeholder="Ваше сообщение"></textarea>
</div>
<button type="submit" class="btn btn-primary btn-large">Отправить заявку</button>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-info">
<div class="footer-logo">
<h3><?php bloginfo('name'); ?></h3>
<p>Развивайте логическое мышление с профессионалами</p>
</div>
</div>
<div class="footer-links">
<div class="footer-column">
<h4>Курсы</h4>
<ul>
<li><a href="#">Основы логики</a></li>
<li><a href="#">Критическое мышление</a></li>
<li><a href="#">Мастер логики</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Компания</h4>
<ul>
<li><a href="#">О нас</a></li>
<li><a href="#">Преподаватели</a></li>
<li><a href="#">Карьера</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Поддержка</h4>
<ul>
<li><a href="#">Помощь</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© <?php echo date('Y'); ?> Logic Academy. Все права защищены.</p>
<div class="footer-social">
<a href="#" class="social-link">VK</a>
<a href="#" class="social-link">Telegram</a>
<a href="#" class="social-link">YouTube</a>
</div>
</div>
</div>
</footer>
<?php wp_footer(); ?>
</body>
</html>
/* ========== style.css ========== */
/*
Theme Name: Logic Academy
Description: Landing page theme for Logic Academy
Version: 1.0
*/
:root {
--primary-color: #2563eb;
--secondary-color: #1e40af;
--accent-color: #3b82f6;
--text-primary: #1e293b;
--text-secondary: #64748b;
--background: #ffffff;
--background-alt: #f8fafc;
--border-color: #e2e8f0;
--success-color: #10b981;
--warning-color: #f59e0b;
--error-color: #ef4444;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
line-height: 1.6;
color: var(--text-primary);
background-color: var(--background);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
.header {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border-color);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.logo a {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-color);
text-decoration: none;
}
.nav-menu {
display: flex;
list-style: none;
gap: 2rem;
}
.nav-menu a {
color: var(--text-primary);
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
.nav-menu a:hover {
color: var(--primary-color);
}
/* Buttons */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
text-decoration: none;
font-weight: 500;
transition: all 0.3s;
border: none;
cursor: pointer;
font-size: 0.875rem;
}
.btn-primary {
background: var(--primary-color);
color: white;
}
.btn-primary:hover {
background: var(--secondary-color);
transform: translateY(-1px);
}
.btn-secondary {
background: transparent;
color: var(--primary-color);
border: 2px solid var(--primary-color);
}
.btn-secondary:hover {
background: var(--primary-color);
color: white;
}
.btn-outline {
background: transparent;
color: var(--text-primary);
border: 1px solid var(--border-color);
}
.btn-outline:hover {
background: var(--background-alt);
}
.btn-large {
padding: 1rem 2rem;
font-size: 1rem;
}
/* Hero Section */
.hero {
padding: 8rem 0 4rem;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
min-height: 100vh;
display: flex;
align-items: center;
}
.hero-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.hero-title {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.1;
margin-bottom: 1.5rem;
background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-subtitle {
font-size: 1.25rem;
color: var(--text-secondary);
margin-bottom: 2rem;
line-height: 1.6;
}
.hero-buttons {
display: flex;
gap: 1rem;
}
.hero-visual {
display: flex;
align-items: center;
justify-content: center;
height: 400px;
position: relative;
}
.logic-symbols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
animation: float 6s ease-in-out infinite;
}
.symbol {
width: 120px;
height: 120px;
background: white;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 3rem;
font-weight: 700;
color: var(--primary-color);
box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
transition: transform 0.3s;
}
.symbol:hover {
transform: scale(1.1) rotate(5deg);
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
/* Features Section */
.features {
padding: 6rem 0;
background: var(--background);
}
.section-header {
text-align: center;
margin-bottom: 4rem;
}
.section-header h2 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
}
.section-header p {
font-size: 1.125rem;
color: var(--text-secondary);
max-width: 600px;
margin: 0 auto;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
}
.feature-card {
background: white;
padding: 2.5rem;
border-radius: 1rem;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.feature-icon {
font-size: 3rem;
margin-bottom: 1.5rem;
}
.feature-card h3 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem;
}
.feature-card p {
color: var(--text-secondary);
line-height: 1.6;
}
/* Courses Section */
.courses {
padding: 6rem 0;
background: var(--background-alt);
}
.courses-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 2rem;
}
.course-card {
background: white;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s;
position: relative;
}
.course-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}
.course-card.featured {
border: 2px solid var(--primary-color);
transform: scale(1.05);
}
.course-badge {
position: absolute;
top: 1rem;
right: 1rem;
background: var(--primary-color);
color: white;
padding: 0.5rem 1rem;
border-radius: 2rem;
font-size: 0.875rem;
font-weight: 500;
}
.course-header {
padding: 2rem 2rem 1rem;
text-align: center;
}
.course-header h3 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem;
}
.course-price {
display: flex;
align-items: baseline;
justify-content: center;
gap: 0.5rem;
}
.price {
font-size: 2rem;
font-weight: 700;
color: var(--primary-color);
}
.period {
color: var(--text-secondary);
}
.course-content {
padding: 0 2rem 2rem;
}
.course-features {
list-style: none;
margin-bottom: 2rem;
}
.course-features li {
padding: 0.5rem 0;
position: relative;
padding-left: 1.5rem;
}
.course-features li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--success-color);
font-weight: bold;
}
/* Contact Section */
.contact {
padding: 6rem 0;
background: var(--background);
}
.contact-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: start;
}
.contact-info h2 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
}
.contact-info p {
font-size: 1.125rem;
color: var(--text-secondary);
margin-bottom: 2rem;
}
.contact-methods {
display: flex;
flex-direction: column;
gap: 1rem;
}
.contact-method {
display: flex;
align-items: center;
gap: 1rem;
font-size: 1.125rem;
}
.contact-icon {
font-size: 1.5rem;
}
/* Form */
.form {
background: white;
padding: 2rem;
border-radius: 1rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.form-group {
margin-bottom: 1.5rem;
}
.form input,
.form select,
.form textarea {
width: 100%;
padding: 1rem;
border: 1px solid var(--border-color);
border-radius: 0.5rem;
font-size: 1rem;
transition: border-color 0.3s;
}
.form input:focus,
.form select:focus,
.form textarea:focus {
outline: none;
border-color: var(--primary-color);
}
.form textarea {
resize: vertical;
min-height: 120px;
}
/* Footer */
.footer {
background: var(--text-primary);
color: white;
padding: 3rem 0 1rem;
}
.footer-content {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 3rem;
margin-bottom: 2rem;
}
.footer-logo h3 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.footer-logo p {
color: var(--text-secondary);
}
.footer-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.footer-column h4 {
font-size: 1.125rem;
margin-bottom: 1rem;
}
.footer-column ul {
list-style: none;
}
.footer-column li {
margin-bottom: 0.5rem;
}
.footer-column a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s;
}
.footer-column a:hover {
color: white;
}
.footer-bottom {
border-top: 1px solid #374151;
padding-top: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-social {
display: flex;
gap: 1rem;
}
.social-link {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s;
}
.social-link:hover {
color: white;
}
/* Responsive Design */
@media (max-width: 768px) {
.header-<?php
// ========== functions.php ==========
function logic_academy_theme_setup() {
// Поддержка изображений и меню
add_theme_support('post-thumbnails');
add_theme_support('menus');
// Регистрация меню
register_nav_menus(array(
'header-menu' => 'Главное меню',
));
}
add_action('after_setup_theme', 'logic_academy_theme_setup');
// Подключение стилей и скриптов
function logic_academy_scripts() {
wp_enqueue_style('logic-academy-style', get_stylesheet_uri());
wp_enqueue_style('google-fonts', 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
wp_enqueue_script('logic-academy-script', get_template_directory_uri() . '/js/main.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'logic_academy_scripts');
// Регистрация виджетов
function logic_academy_widgets_init() {
register_sidebar(array(
'name' => 'Footer Widget Area',
'id' => 'footer-widget-area',
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
));
}
add_action('widgets_init', 'logic_academy_widgets_init');
// Поля для настройки лендинга
function logic_academy_customizer($wp_customize) {
// Секция Hero
$wp_customize->add_section('hero_section', array(
'title' => 'Hero секция',
'priority' => 30,
));
$wp_customize->add_setting('hero_title');
$wp_customize->add_control('hero_title', array(
'label' => 'Заголовок Hero',
'section' => 'hero_section',
'type' => 'text',
'default' => 'Развивайте логическое мышление',
));
$wp_customize->add_setting('hero_subtitle');
$wp_customize->add_control('hero_subtitle', array(
'label' => 'Подзаголовок Hero',
'section' => 'hero_section',
'type' => 'textarea',
'default' => 'Эффективные курсы для развития критического мышления и логики',
));
$wp_customize->add_setting('hero_button_text');
$wp_customize->add_control('hero_button_text', array(
'label' => 'Текст кнопки',
'section' => 'hero_section',
'type' => 'text',
'default' => 'Начать обучение',
));
$wp_customize->add_setting('hero_button_url');
$wp_customize->add_control('hero_button_url', array(
'label' => 'Ссылка кнопки',
'section' => 'hero_section',
'type' => 'url',
));
}
add_action('customize_register', 'logic_academy_customizer');
?>