@rk-web/create 0.0.1

package/templates/blog/src/pages/index.html

@@ -0,0 +1,29 @@
+<!-- layout: layouts/base.html -->
+
+<!-- slot: content -->
+<main class="home">
+  <section class="hero">
+    <h1>Добро пожаловать в мой блог</h1>
+    <p>Пишу о разработке, дизайне и технологиях</p>
+  </section>
+
+  <section class="recent-posts">
+    <h2>Последние публикации</h2>
+    
+    <!-- for: post in blog.posts -->
+    <article class="post-card">
+      <h2 class="post-title">
+        <a href="/blog/{{ post.slug }}">{{ post.title }}</a>
+      </h2>
+      <div class="post-meta">
+        <time datetime="{{ post.date }}">{{ post.date }}</time>
+        <span class="post-tags">{{ post.tags }}</span>
+      </div>
+      <p class="post-excerpt">{{ post.excerpt }}</p>
+      <a href="/blog/{{ post.slug }}" class="read-more">Читать далее →</a>
+    </article>
+    <!-- endfor -->
+  </section>
+</main>
+
+<!-- data-define: blog = src/data/posts.json -->

package/templates/landing/config.json

@@ -0,0 +1,28 @@
+{
+  "site": {
+    "title": "Продукт — Лучшее решение для вашего бизнеса",
+    "description": "Увеличьте конверсию и автоматизируйте процессы с нашей платформой",
+    "lang": "ru",
+    "url": "https://product-landing.com",
+    "author": "Company Name",
+    "email": "hello@product.com"
+  },
+  "seo": {
+    "ogImage": "images/og-default.jpg",
+    "ogType": "website",
+    "twitterCard": "summary_large_image"
+  },
+  "navigation": [
+    { "label": "Возможности", "url": "#features" },
+    { "label": "Отзывы", "url": "#testimonials" },
+    { "label": "Цены", "url": "#pricing" },
+    { "label": "Контакты", "url": "#contact" }
+  ],
+  "footer": {
+    "copyright": "2024",
+    "links": [
+      { "label": "Политика конфиденциальности", "url": "/privacy/" },
+      { "label": "Условия использования", "url": "/terms/" }
+    ]
+  }
+}

package/templates/landing/src/assets/styles/main.css

@@ -0,0 +1,474 @@
+/* Landing page styles */
+:root {
+  --color-primary: #6366f1;
+  --color-primary-dark: #4f46e5;
+  --color-text: #111827;
+  --color-text-light: #6b7280;
+  --color-bg: #ffffff;
+  --color-bg-alt: #f9fafb;
+  --color-border: #e5e7eb;
+  --max-width: 1200px;
+  --radius: 0.75rem;
+  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  line-height: 1.6;
+  color: var(--color-text);
+  background: var(--color-bg);
+  -webkit-font-smoothing: antialiased;
+}
+
+.container {
+  max-width: var(--max-width);
+  margin: 0 auto;
+  padding: 0 1.5rem;
+}
+
+/* Header */
+.landing-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid var(--color-border);
+  padding: 1rem 0;
+}
+
+.landing-header .container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.logo {
+  font-size: 1.5rem;
+  font-weight: bold;
+  text-decoration: none;
+  color: var(--color-text);
+}
+
+.header-nav {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+}
+
+.nav-link {
+  text-decoration: none;
+  color: var(--color-text-light);
+  font-weight: 500;
+  transition: color 0.2s;
+}
+
+.nav-link:hover {
+  color: var(--color-primary);
+}
+
+/* Buttons */
+.btn {
+  display: inline-block;
+  padding: 0.75rem 1.5rem;
+  border-radius: 0.5rem;
+  text-decoration: none;
+  font-weight: 600;
+  transition: all 0.2s;
+  cursor: pointer;
+  border: none;
+  font-size: 1rem;
+}
+
+.btn-primary {
+  background: var(--color-primary);
+  color: white;
+}
+
+.btn-primary:hover {
+  background: var(--color-primary-dark);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow);
+}
+
+.btn-outline {
+  background: transparent;
+  color: var(--color-text);
+  border: 2px solid var(--color-border);
+}
+
+.btn-outline:hover {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+
+.btn-sm {
+  padding: 0.5rem 1rem;
+  font-size: 0.875rem;
+}
+
+.btn-lg {
+  padding: 1rem 2rem;
+  font-size: 1.125rem;
+}
+
+.btn-block {
+  display: block;
+  text-align: center;
+  width: 100%;
+}
+
+/* Hero */
+.hero-section {
+  padding: 6rem 0;
+  text-align: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+}
+
+.hero-title {
+  font-size: clamp(2.5rem, 5vw, 4rem);
+  font-weight: 800;
+  line-height: 1.1;
+  margin-bottom: 1.5rem;
+}
+
+.hero-subtitle {
+  font-size: 1.25rem;
+  opacity: 0.9;
+  max-width: 600px;
+  margin: 0 auto 2rem;
+}
+
+.hero-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-bottom: 3rem;
+}
+
+.hero-section .btn-primary {
+  background: white;
+  color: var(--color-primary);
+}
+
+.hero-section .btn-outline {
+  border-color: rgba(255, 255, 255, 0.3);
+  color: white;
+}
+
+.hero-stats {
+  display: flex;
+  justify-content: center;
+  gap: 3rem;
+  flex-wrap: wrap;
+}
+
+.stat {
+  text-align: center;
+}
+
+.stat-number {
+  display: block;
+  font-size: 2rem;
+  font-weight: bold;
+}
+
+.stat-label {
+  font-size: 0.875rem;
+  opacity: 0.8;
+}
+
+/* Sections */
+section {
+  padding: 5rem 0;
+}
+
+.section-header {
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.section-header h2 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.section-header p {
+  font-size: 1.25rem;
+  color: var(--color-text-light);
+}
+
+/* Features */
+.features-section {
+  background: var(--color-bg-alt);
+}
+
+.features-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 2rem;
+}
+
+.feature-card {
+  background: white;
+  padding: 2rem;
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.feature-card:hover {
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-lg);
+}
+
+.feature-icon {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.feature-title {
+  font-size: 1.25rem;
+  margin-bottom: 0.5rem;
+}
+
+.feature-description {
+  color: var(--color-text-light);
+}
+
+/* Testimonials */
+.testimonials-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 2rem;
+}
+
+.testimonial-card {
+  background: white;
+  padding: 2rem;
+  border-radius: var(--radius);
+  border: 1px solid var(--color-border);
+}
+
+.testimonial-content p {
+  font-size: 1.125rem;
+  font-style: italic;
+  margin-bottom: 1.5rem;
+  color: var(--color-text);
+}
+
+.testimonial-author {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.author-avatar {
+  font-size: 2rem;
+}
+
+.author-info strong {
+  display: block;
+}
+
+.author-info span {
+  font-size: 0.875rem;
+  color: var(--color-text-light);
+}
+
+/* Pricing */
+.pricing-section {
+  background: var(--color-bg-alt);
+}
+
+.pricing-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 2rem;
+  align-items: start;
+}
+
+.pricing-card {
+  background: white;
+  padding: 2rem;
+  border-radius: var(--radius);
+  border: 2px solid var(--color-border);
+  position: relative;
+}
+
+.pricing-card.featured {
+  border-color: var(--color-primary);
+  box-shadow: var(--shadow-lg);
+  transform: scale(1.05);
+}
+
+.pricing-badge {
+  position: absolute;
+  top: -12px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--color-primary);
+  color: white;
+  padding: 0.25rem 1rem;
+  border-radius: 1rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+.pricing-name {
+  font-size: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.pricing-price {
+  margin-bottom: 2rem;
+}
+
+.price-amount {
+  font-size: 2.5rem;
+  font-weight: bold;
+}
+
+.price-period {
+  color: var(--color-text-light);
+}
+
+.pricing-features {
+  list-style: none;
+  margin-bottom: 2rem;
+}
+
+.pricing-features li {
+  padding: 0.5rem 0;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.pricing-features li:last-child {
+  border-bottom: none;
+}
+
+/* CTA */
+.cta-section {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  text-align: center;
+}
+
+.cta-content h2 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.cta-content p {
+  font-size: 1.25rem;
+  opacity: 0.9;
+  margin-bottom: 2rem;
+}
+
+.cta-form {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-bottom: 1rem;
+}
+
+.cta-form input {
+  padding: 1rem 1.5rem;
+  border: none;
+  border-radius: 0.5rem;
+  font-size: 1rem;
+  min-width: 300px;
+}
+
+.cta-form .btn-primary {
+  background: white;
+  color: var(--color-primary);
+}
+
+.cta-note {
+  font-size: 0.875rem;
+  opacity: 0.8;
+}
+
+/* Footer */
+.landing-footer {
+  background: var(--color-text);
+  color: white;
+  padding: 3rem 0 1.5rem;
+}
+
+.footer-grid {
+  display: flex;
+  justify-content: space-between;
+  align-items: start;
+  flex-wrap: wrap;
+  gap: 2rem;
+  margin-bottom: 2rem;
+}
+
+.footer-brand h3 {
+  margin-bottom: 0.5rem;
+}
+
+.footer-brand p {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.footer-links {
+  display: flex;
+  gap: 2rem;
+}
+
+.footer-links a {
+  color: rgba(255, 255, 255, 0.7);
+  text-decoration: none;
+}
+
+.footer-links a:hover {
+  color: white;
+}
+
+.footer-bottom {
+  text-align: center;
+  padding-top: 2rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .header-nav {
+    flex-direction: column;
+    gap: 1rem;
+  }
+  
+  .hero-section {
+    padding: 4rem 0;
+  }
+  
+  .hero-stats {
+    gap: 1.5rem;
+  }
+  
+  .pricing-card.featured {
+    transform: none;
+  }
+  
+  .cta-form input {
+    min-width: 100%;
+  }
+  
+  .footer-grid {
+    flex-direction: column;
+  }
+}

package/templates/landing/src/components/cta.html

@@ -0,0 +1,13 @@
+<section class="cta-section" id="contact">
+  <div class="container">
+    <div class="cta-content">
+      <h2>Готовы начать?</h2>
+      <p>Присоединяйтесь к 10,000+ компаний, которые уже используют нашу платформу</p>
+      <form class="cta-form" action="#" method="POST">
+        <input type="email" name="email" placeholder="Введите ваш email" required>
+        <button type="submit" class="btn btn-primary btn-lg">Начать бесплатно →</button>
+      </form>
+      <p class="cta-note">✓ Бесплатный план ✓ Без карты ✓ Отмена в любой момент</p>
+    </div>
+  </div>
+</section>

package/templates/landing/src/components/features.html

@@ -0,0 +1,17 @@
+<section class="features-section" id="features">
+  <div class="container">
+    <div class="section-header">
+      <h2>Всё что вам нужно</h2>
+      <p>Мощные инструменты для роста вашего бизнеса</p>
+    </div>
+    <div class="features-grid">
+      <!-- for: feature in landing.features -->
+      <div class="feature-card">
+        <div class="feature-icon">{{ feature.icon }}</div>
+        <h3 class="feature-title">{{ feature.title }}</h3>
+        <p class="feature-description">{{ feature.description }}</p>
+      </div>
+      <!-- endfor -->
+    </div>
+  </div>
+</section>

package/templates/landing/src/components/footer.html

@@ -0,0 +1,18 @@
+<footer class="landing-footer">
+  <div class="container">
+    <div class="footer-grid">
+      <div class="footer-brand">
+        <h3>🚀 Product</h3>
+        <p>Лучшее решение для вашего бизнеса</p>
+      </div>
+      <div class="footer-links">
+        <!-- for: link in footer.links -->
+        <a href="{{ link.url }}">{{ link.label }}</a>
+        <!-- endfor -->
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <p>&copy; {{ footer.copyright }} Product. Все права защищены.</p>
+    </div>
+  </div>
+</footer>

package/templates/landing/src/components/header.html

@@ -0,0 +1,11 @@
+<header class="landing-header">
+  <div class="container">
+    <a href="/" class="logo">🚀 Product</a>
+    <nav class="header-nav">
+      <!-- for: item in site.navigation -->
+      <a href="{{ item.url }}" class="nav-link">{{ item.label }}</a>
+      <!-- endfor -->
+      <a href="#contact" class="btn btn-primary btn-sm">Начать бесплатно</a>
+    </nav>
+  </div>
+</header>

package/templates/landing/src/components/hero.html

@@ -0,0 +1,26 @@
+<section class="hero-section">
+  <div class="container">
+    <div class="hero-content">
+      <h1 class="hero-title">Автоматизируйте бизнес с умом</h1>
+      <p class="hero-subtitle">Увеличьте конверсию на 40% с нашей платформой. Без кода, без сложностей, без лишних затрат.</p>
+      <div class="hero-actions">
+        <a href="#pricing" class="btn btn-primary btn-lg">Попробовать бесплатно</a>
+        <a href="#features" class="btn btn-outline btn-lg">Узнать больше</a>
+      </div>
+      <div class="hero-stats">
+        <div class="stat">
+          <span class="stat-number">10,000+</span>
+          <span class="stat-label">Пользователей</span>
+        </div>
+        <div class="stat">
+          <span class="stat-number">99.9%</span>
+          <span class="stat-label">Uptime</span>
+        </div>
+        <div class="stat">
+          <span class="stat-number">24/7</span>
+          <span class="stat-label">Поддержка</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

package/templates/landing/src/components/pricing.html

@@ -0,0 +1,28 @@
+<section class="pricing-section" id="pricing">
+  <div class="container">
+    <div class="section-header">
+      <h2>Простые и прозрачные цены</h2>
+      <p>Выберите тариф, который подходит вам</p>
+    </div>
+    <div class="pricing-grid">
+      <!-- for: plan in landing.pricing -->
+      <div class="pricing-card{{ plan.featured }}">
+        <!-- if: plan.featured -->
+        <div class="pricing-badge">Популярный</div>
+        <!-- endif -->
+        <h3 class="pricing-name">{{ plan.name }}</h3>
+        <div class="pricing-price">
+          <span class="price-amount">{{ plan.price }}</span>
+          <span class="price-period">{{ plan.period }}</span>
+        </div>
+        <ul class="pricing-features">
+          <!-- for: feature in plan.features -->
+          <li>✓ {{ feature }}</li>
+          <!-- endfor -->
+        </ul>
+        <a href="#contact" class="btn btn-primary btn-block">Выбрать план</a>
+      </div>
+      <!-- endfor -->
+    </div>
+  </div>
+</section>

package/templates/landing/src/components/testimonials.html

@@ -0,0 +1,24 @@
+<section class="testimonials-section" id="testimonials">
+  <div class="container">
+    <div class="section-header">
+      <h2>Что говорят клиенты</h2>
+      <p>Реальные отзывы от реальных пользователей</p>
+    </div>
+    <div class="testimonials-grid">
+      <!-- for: testimonial in landing.testimonials -->
+      <div class="testimonial-card">
+        <div class="testimonial-content">
+          <p>"{{ testimonial.content }}"</p>
+        </div>
+        <div class="testimonial-author">
+          <div class="author-avatar">👤</div>
+          <div class="author-info">
+            <strong>{{ testimonial.name }}</strong>
+            <span>{{ testimonial.role }}</span>
+          </div>
+        </div>
+      </div>
+      <!-- endfor -->
+    </div>
+  </div>
+</section>