init
This commit is contained in:
33
frontend/src/components/HeroSection.vue
Normal file
33
frontend/src/components/HeroSection.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<section class="mb-10 rounded-2xl bg-gradient-to-br from-primary-600 to-primary-800 p-8 sm:p-12 text-white">
|
||||
<div class="max-w-2xl">
|
||||
<h1 class="text-3xl sm:text-4xl font-bold leading-tight mb-4">
|
||||
3D-печать на заказ<br />с мгновенным расчётом
|
||||
</h1>
|
||||
<p class="text-base sm:text-lg text-primary-100 leading-relaxed mb-6">
|
||||
Загрузите 3D-модель — получите точную стоимость за секунды.
|
||||
7 материалов, AI-подбор, от прототипа до серии в 500 штук.
|
||||
</p>
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<div class="flex items-center gap-2">
|
||||
<svg class="h-5 w-5 text-primary-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
<span class="text-sm text-primary-100">Расчёт за секунды</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<svg class="h-5 w-5 text-primary-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z" />
|
||||
</svg>
|
||||
<span class="text-sm text-primary-100">AI-подбор материала</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<svg class="h-5 w-5 text-primary-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.429 9.75L2.25 12l4.179 2.25m0-4.5l5.571 3 5.571-3m-11.142 0L2.25 7.5 12 2.25l9.75 5.25-4.179 2.25m0 0L12 12.75 6.429 9.75m11.142 0l4.179 2.25-4.179 2.25m0 0L12 17.25l-5.571-3" />
|
||||
</svg>
|
||||
<span class="text-sm text-primary-100">7 материалов</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
66
frontend/src/components/SiteFooter.vue
Normal file
66
frontend/src/components/SiteFooter.vue
Normal file
@@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<footer class="mt-16 border-t border-gray-200 bg-white">
|
||||
<div class="mx-auto max-w-6xl px-4 py-10 sm:px-6">
|
||||
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<!-- Brand -->
|
||||
<div>
|
||||
<div class="flex items-center gap-2.5 mb-3">
|
||||
<div class="flex h-8 w-8 items-center justify-center rounded-lg bg-primary-600">
|
||||
<svg class="h-4 w-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" />
|
||||
</svg>
|
||||
</div>
|
||||
<span class="text-base font-bold text-gray-900">Filam3D</span>
|
||||
</div>
|
||||
<p class="text-sm text-gray-500 leading-relaxed">
|
||||
Сервис 3D-печати на заказ. Мгновенный расчёт стоимости, 7 материалов, AI-подбор, доставка по России.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Services -->
|
||||
<div>
|
||||
<h3 class="mb-3 text-sm font-semibold text-gray-900">Сервис</h3>
|
||||
<ul class="space-y-2">
|
||||
<li><router-link to="/" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">Калькулятор</router-link></li>
|
||||
<li><router-link to="/materials" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">Материалы</router-link></li>
|
||||
<li><router-link to="/blog" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">Блог</router-link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Popular articles -->
|
||||
<div>
|
||||
<h3 class="mb-3 text-sm font-semibold text-gray-900">Популярное</h3>
|
||||
<ul class="space-y-2">
|
||||
<li><router-link to="/blog/sravnenie-materialov-pla-petg-abs" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">PLA vs PETG vs ABS</router-link></li>
|
||||
<li><router-link to="/blog/skolko-stoit-3d-pechat" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">Стоимость 3D-печати</router-link></li>
|
||||
<li><router-link to="/blog/kak-podgotovit-model-dlya-3d-pechati" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">Подготовка модели</router-link></li>
|
||||
<li><router-link to="/blog/3d-pechat-korpusov-dlya-elektroniki" class="text-sm text-gray-500 hover:text-primary-600 transition-colors">Корпуса для электроники</router-link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Materials -->
|
||||
<div>
|
||||
<h3 class="mb-3 text-sm font-semibold text-gray-900">Материалы</h3>
|
||||
<ul class="space-y-2">
|
||||
<li class="text-sm text-gray-500">PLA — от 25 ₽/г</li>
|
||||
<li class="text-sm text-gray-500">PETG — от 28 ₽/г</li>
|
||||
<li class="text-sm text-gray-500">ABS — от 25 ₽/г</li>
|
||||
<li class="text-sm text-gray-500">Нейлон — от 50 ₽/г</li>
|
||||
<li class="text-sm text-gray-500">Поликарбонат — от 60 ₽/г</li>
|
||||
<li class="text-sm text-gray-500">TPU — от 40 ₽/г</li>
|
||||
<li class="text-sm text-gray-500">PA-CF — от 75 ₽/г</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 border-t border-gray-100 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3">
|
||||
<p class="text-xs text-gray-400">© {{ year }} Filam3D. 3D-печать на заказ.</p>
|
||||
<p class="text-xs text-gray-400">STL, 3MF, OBJ · FDM-технология · Bambu Lab</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const year = new Date().getFullYear()
|
||||
</script>
|
||||
Reference in New Issue
Block a user