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:
2025-10-31 11:40:21 +05:00
parent c56d720d0c
commit eb3f9f64d8
3 changed files with 46 additions and 51 deletions
@@ -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