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