deleted: main_dc/yalarba/easySite/easySite/app.config.ts
modified: main_dc/yalarba/easySite/easySite/app/pages/about/index.vue new file: main_dc/yalarba/easySite/easySite/public/images/itFestOren.jpg set all cofigs into nuxt.config.ts
This commit is contained in:
@@ -1,5 +0,0 @@
|
||||
// app.config.ts
|
||||
export default defineAppConfig({
|
||||
title: 'Мой крутой сайт',
|
||||
description: 'Лучший сайт в интернете'
|
||||
})
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="page-wrapper">
|
||||
<Header />
|
||||
|
||||
|
||||
<main class="about-page">
|
||||
<!-- Hero секция -->
|
||||
<section class="about-hero">
|
||||
@@ -10,13 +10,13 @@
|
||||
<div class="hero-text">
|
||||
<h1 class="hero-title">О нашей компании</h1>
|
||||
<p class="hero-subtitle">
|
||||
Мы создаем инновационные решения для вашего бизнеса,
|
||||
Мы создаем решения для вашего бизнеса,
|
||||
помогая достигать новых высот в цифровом мире
|
||||
</p>
|
||||
</div>
|
||||
<div class="hero-image">
|
||||
<div class="image-placeholder">
|
||||
<span class="image-text">🏢 Изображение компании</span>
|
||||
<img class="image-company" src="/images/itFestOren.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -32,37 +32,37 @@
|
||||
Узнайте больше о том, как мы начали и куда движемся
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="about-content">
|
||||
<div class="about-text">
|
||||
<div class="text-block">
|
||||
<h3>Наше начало</h3>
|
||||
<p>
|
||||
Компания EasySite была основана в 2020 году с целью сделать создание
|
||||
веб-сайтов доступным для каждого. Мы верим, что каждый бизнес заслуживает
|
||||
Компания EasySite была основана в 2020 году с целью сделать создание
|
||||
веб-сайтов доступным для каждого. Мы верим, что каждый бизнес заслуживает
|
||||
качественного цифрового присутствия.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-block">
|
||||
<h3>Наша миссия</h3>
|
||||
<p>
|
||||
Мы стремимся упростить процесс создания и управления веб-сайтами,
|
||||
предоставляя интуитивно понятные инструменты и надежную платформу
|
||||
Мы стремимся упростить процесс создания и управления веб-сайтами,
|
||||
предоставляя интуитивно понятные инструменты и надежную платформу
|
||||
для бизнесов любого размера.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-block">
|
||||
<h3>Наше видение</h3>
|
||||
<p>
|
||||
Стать ведущей платформой для создания цифрового присутствия,
|
||||
где каждый пользователь может легко реализовать свои идеи
|
||||
Стать ведущей платформой для создания цифрового присутствия,
|
||||
где каждый пользователь может легко реализовать свои идеи
|
||||
и развивать бизнес в интернете.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="about-stats">
|
||||
<div class="stat-card">
|
||||
<div class="stat-number">10K+</div>
|
||||
@@ -94,7 +94,7 @@
|
||||
Знакомьтесь с талантливыми людьми, которые делают наш продукт лучше
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="team-grid">
|
||||
<div class="team-member">
|
||||
<div class="member-avatar">
|
||||
@@ -103,11 +103,11 @@
|
||||
<h3 class="member-name">Алексей Петров</h3>
|
||||
<p class="member-role">Генеральный директор</p>
|
||||
<p class="member-bio">
|
||||
Основатель компании с 10-летним опытом в веб-разработке
|
||||
Основатель компании с 10-летним опытом в веб-разработке
|
||||
и цифровом маркетинге.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="team-member">
|
||||
<div class="member-avatar">
|
||||
<span class="avatar-icon">👩💻</span>
|
||||
@@ -115,11 +115,11 @@
|
||||
<h3 class="member-name">Мария Иванова</h3>
|
||||
<p class="member-role">Технический директор</p>
|
||||
<p class="member-bio">
|
||||
Эксперт в области облачных технологий и архитектуры
|
||||
Эксперт в области облачных технологий и архитектуры
|
||||
высоконагруженных систем.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="team-member">
|
||||
<div class="member-avatar">
|
||||
<span class="avatar-icon">👨🎨</span>
|
||||
@@ -127,11 +127,11 @@
|
||||
<h3 class="member-name">Дмитрий Сидоров</h3>
|
||||
<p class="member-role">Lead Designer</p>
|
||||
<p class="member-bio">
|
||||
Создает интуитивно понятные и красивые интерфейсы
|
||||
Создает интуитивно понятные и красивые интерфейсы
|
||||
с фокусом на пользовательский опыт.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="team-member">
|
||||
<div class="member-avatar">
|
||||
<span class="avatar-icon">👩🚀</span>
|
||||
@@ -139,7 +139,7 @@
|
||||
<h3 class="member-name">Елена Козлова</h3>
|
||||
<p class="member-role">Product Manager</p>
|
||||
<p class="member-bio">
|
||||
Отвечает за развитие продукта и взаимодействие
|
||||
Отвечает за развитие продукта и взаимодействие
|
||||
с нашим сообществом пользователей.
|
||||
</p>
|
||||
</div>
|
||||
@@ -156,40 +156,40 @@
|
||||
Принципы, которые направляют нашу работу каждый день
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="values-grid">
|
||||
<div class="value-card">
|
||||
<div class="value-icon">🎯</div>
|
||||
<h3>Инновации</h3>
|
||||
<p>
|
||||
Мы постоянно ищем новые способы улучшить наш продукт
|
||||
Мы постоянно ищем новые способы улучшить наш продукт
|
||||
и предоставить лучший сервис нашим клиентам.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="value-card">
|
||||
<div class="value-icon">🤝</div>
|
||||
<h3>Партнерство</h3>
|
||||
<p>
|
||||
Мы строим долгосрочные отношения с клиентами,
|
||||
Мы строим долгосрочные отношения с клиентами,
|
||||
основанные на взаимном доверии и понимании.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="value-card">
|
||||
<div class="value-icon">💡</div>
|
||||
<h3>Простота</h3>
|
||||
<p>
|
||||
Мы верим, что сложные технологии должны быть
|
||||
Мы верим, что сложные технологии должны быть
|
||||
доступны и понятны каждому пользователю.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="value-card">
|
||||
<div class="value-icon">🚀</div>
|
||||
<h3>Развитие</h3>
|
||||
<p>
|
||||
Мы постоянно растем и учимся, чтобы оставаться
|
||||
Мы постоянно растем и учимся, чтобы оставаться
|
||||
на передовой технологий и тенденций.
|
||||
</p>
|
||||
</div>
|
||||
@@ -203,7 +203,7 @@
|
||||
<div class="cta-content">
|
||||
<h2 class="cta-title">Готовы начать?</h2>
|
||||
<p class="cta-subtitle">
|
||||
Присоединяйтесь к тысячам довольных клиентов, которые уже используют
|
||||
Присоединяйтесь к тысячам довольных клиентов, которые уже используют
|
||||
наши решения для развития своего бизнеса
|
||||
</p>
|
||||
<div class="cta-buttons">
|
||||
@@ -218,7 +218,7 @@
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
<Footer />
|
||||
</div>
|
||||
</template>
|
||||
@@ -301,11 +301,11 @@ useSeoMeta({
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 2px dashed rgba(255, 255, 255, 0.3);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.image-text {
|
||||
font-size: 1.125rem;
|
||||
opacity: 0.8;
|
||||
.image-company {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Общие стили секций */
|
||||
@@ -555,12 +555,12 @@ useSeoMeta({
|
||||
gap: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.about-content {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 3rem;
|
||||
}
|
||||
|
||||
|
||||
.about-stats {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
@@ -570,31 +570,31 @@ useSeoMeta({
|
||||
.about-hero {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
|
||||
|
||||
.hero-title {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
|
||||
.section-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.about-section,
|
||||
.team-section,
|
||||
.values-section,
|
||||
.cta-section {
|
||||
padding: 3rem 0;
|
||||
}
|
||||
|
||||
|
||||
.about-stats {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
|
||||
.cta-buttons {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.btn-large {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
@@ -605,20 +605,20 @@ useSeoMeta({
|
||||
.hero-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.hero-subtitle {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
|
||||
.section-title {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
|
||||
.team-grid,
|
||||
.values-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
|
||||
.image-placeholder {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.7 MiB |
Reference in New Issue
Block a user