bender/bf649875-83f1-41b0-baa6-da8fd5ef2519
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 12:35:08 +00:00
parent 8b69f4dd88
commit e781b24401
1 changed files with 58 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/page.tsx
View File

@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Главная",
id: "#home",
},
name: "Главная", id: "#home"},
{
name: "Возможности",
id: "#features",
},
name: "Возможности", id: "#features"},
{
name: "О нас",
id: "#about",
},
name: "О нас", id: "#about"},
{
name: "Достижения",
id: "#metrics",
},
name: "Достижения", id: "#metrics"},
{
name: "Тарифы",
id: "#pricing",
},
name: "Тарифы", id: "#pricing"},
{
name: "Отзывы",
id: "#testimonials",
},
name: "Отзывы", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Контакты",
id: "#contact",
},
name: "Контакты", id: "#contact"},
]}
brandName="TutorConnect"
/>
@@ -73,68 +57,41 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
title="Платформа TutorConnect: ваш путь к успеху в обучении"
description="Соединяем репетиторов и студентов для эффективного обучения. Удобные инструменты, гибкое расписание, мгновенные результаты."
buttons={[
{
text: "Начать бесплатно",
href: "#contact",
},
text: "Начать бесплатно", href: "#contact"},
{
text: "Узнать больше",
href: "#features",
},
text: "Узнать больше", href: "#features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-850.jpg",
alt: "Репетитор Анна",
},
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-850.jpg", alt: "Репетитор Анна"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
alt: "Студент Илья",
},
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Студент Илья"},
{
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-charming-african-american-man-walking-with-friend-park-wearing-denim-clothes-headphones-neck_176420-19839.jpg",
alt: "Студентка Мария",
},
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-charming-african-american-man-walking-with-friend-park-wearing-denim-clothes-headphones-neck_176420-19839.jpg", alt: "Студентка Мария"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-dressed-formally-office_273609-4635.jpg",
alt: "Репетитор Максим",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-dressed-formally-office_273609-4635.jpg", alt: "Репетитор Максим"},
{
src: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
alt: "Пользователь Павел",
},
src: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", alt: "Пользователь Павел"},
]}
avatarText="Присоединяйтесь к 10 000+ довольных пользователей"
imageSrc="http://img.b2bpic.net/free-photo/concentrated-young-student-woman-working-assignment-doing-homework-laptop-making-notes_1258-201887.jpg"
imageAlt="Панель управления TutorConnect"
marqueeItems={[
{
type: "text",
text: "Удобство и эффективность",
},
type: "text", text: "Удобство и эффективность"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-850.jpg",
alt: "Репетитор Анна",
},
type: "image", src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-850.jpg", alt: "Репетитор Анна"},
{
type: "text",
text: "Персонализированное обучение",
},
type: "text", text: "Персонализированное обучение"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
alt: "Студент Илья",
},
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Студент Илья"},
{
type: "text",
text: "Гибкий график",
},
type: "text", text: "Гибкий график"},
]}
/>
</div>
@@ -146,30 +103,18 @@ export default function LandingPage() {
description="Мы предлагаем набор инновационных инструментов, разработанных для оптимизации процесса обучения и преподавания."
accordionItems={[
{
id: "interactive-whiteboard",
title: "Интерактивная доска",
content: "Современная интерактивная доска для совместной работы в реальном времени. Пишите, рисуйте, делитесь файлами и проводите уроки с максимальной вовлеченностью.",
},
id: "interactive-whiteboard", title: "Интерактивная доска", content: "Современная интерактивная доска для совместной работы в реальном времени. Пишите, рисуйте, делитесь файлами и проводите уроки с максимальной вовлеченностью."},
{
id: "schedule-automation",
title: "Автоматизация расписания",
content: "Легко управляйте своим расписанием. Автоматическое напоминание о занятиях, синхронизация с календарями и гибкое бронирование слотов для студентов.",
},
id: "schedule-automation", title: "Автоматизация расписания", content: "Легко управляйте своим расписанием. Автоматическое напоминание о занятиях, синхронизация с календарями и гибкое бронирование слотов для студентов."},
{
id: "progress-tracking",
title: "Отслеживание прогресса",
content: "Подробная аналитика успеваемости студентов. Отслеживайте выполненные задания, тесты и общую динамику обучения для персонализированного подхода.",
},
id: "progress-tracking", title: "Отслеживание прогресса", content: "Подробная аналитика успеваемости студентов. Отслеживайте выполненные задания, тесты и общую динамику обучения для персонализированного подхода."},
{
id: "secure-payments",
title: "Безопасные платежи",
content: "Принимайте оплату за свои услуги легко и безопасно. Интегрированные платежные системы гарантируют своевременные выплаты и защиту данных.",
},
id: "secure-payments", title: "Безопасные платежи", content: "Принимайте оплату за свои услуги легко и безопасно. Интегрированные платежные системы гарантируют своевременные выплаты и защиту данных."},
]}
imageSrc="http://img.b2bpic.net/free-photo/two-users-pointing-digital-tablet-with-blank-screen_23-2147847470.jpg"
imageAlt="Интерактивная доска платформы TutorConnect"
videoAriaLabel="Feature showcase video"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
mediaPosition="left"
/>
</div>
@@ -190,22 +135,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "users",
value: "10K+",
description: "Довольных пользователей по всему миру",
},
id: "users", value: "10K+", description: "Довольных пользователей по всему миру"},
{
id: "hours",
value: "500K+",
description: "Проведенных часов обучения",
},
id: "hours", value: "500K+", description: "Проведенных часов обучения"},
{
id: "courses",
value: "2000+",
description: "Доступных курсов и дисциплин",
},
id: "courses", value: "2000+", description: "Доступных курсов и дисциплин"},
]}
title="Наши достижения в цифрах"
description="С момента запуска TutorConnect мы помогли тысячам репетиторов и студентов достичь своих образовательных целей, постоянно улучшая нашу платформу."
@@ -217,14 +154,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Образовательная Академия",
"Глобальные Курсы",
"Инновационные Уроки",
"Научный Центр",
"Элитное Обучение",
"Будущие Лидеры",
"Прогресс Знаний",
]}
"Образовательная Академия", "Глобальные Курсы", "Инновационные Уроки", "Научный Центр", "Элитное Обучение", "Будущие Лидеры", "Прогресс Знаний"]}
title="Нам доверяют лучшие"
description="Ведущие образовательные учреждения и независимые эксперты выбирают TutorConnect за надежность и эффективность."
/>
@@ -234,64 +164,34 @@ export default function LandingPage() {
<PricingCardTwo
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
plans={[
{
id: "basic",
badge: "Базовый",
badgeIcon: Star,
price: "Бесплатно",
subtitle: "Для начинающих репетиторов",
buttons: [
id: "basic", badge: "Базовый", badgeIcon: Star,
price: "Бесплатно", subtitle: "Для начинающих репетиторов", buttons: [
{
text: "Начать бесплатно",
href: "#",
},
text: "Начать бесплатно", href: "#"},
],
features: [
"До 3 студентов",
"Базовая интерактивная доска",
"Стандартная поддержка",
],
"До 3 студентов", "Базовая интерактивная доска", "Стандартная поддержка"],
},
{
id: "pro",
badge: "Профессиональный",
badgeIcon: Zap,
price: "$29/мес",
subtitle: "Для активных репетиторов",
buttons: [
id: "pro", badge: "Профессиональный", badgeIcon: Zap,
price: "$29/мес", subtitle: "Для активных репетиторов", buttons: [
{
text: "Попробовать Про",
href: "#",
},
text: "Попробовать Про", href: "#"},
],
features: [
"До 20 студентов",
"Расширенная интерактивная доска",
"Автоматизация расписания",
"Отслеживание прогресса",
"Приоритетная поддержка",
],
"До 20 студентов", "Расширенная интерактивная доска", "Автоматизация расписания", "Отслеживание прогресса", "Приоритетная поддержка"],
},
{
id: "enterprise",
badge: "Бизнес",
badgeIcon: Award,
price: "$99/мес",
subtitle: "Для школ и образовательных центров",
buttons: [
id: "enterprise", badge: "Бизнес", badgeIcon: Award,
price: "$99/мес", subtitle: "Для школ и образовательных центров", buttons: [
{
text: "Связаться с нами",
href: "#contact",
},
text: "Связаться с нами", href: "#contact"},
],
features: [
"Неограниченное количество студентов",
"Все функции Про-плана",
"Индивидуальная настройка",
"Персональный менеджер",
"Расширенная аналитика",
],
"Неограниченное количество студентов", "Все функции Про-плана", "Индивидуальная настройка", "Персональный менеджер", "Расширенная аналитика"],
},
]}
title="Гибкие тарифы для каждого"
@@ -306,58 +206,22 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Анна Смирнова",
handle: "@anna_tutor",
testimonial: "TutorConnect изменил мой подход к онлайн-урокам. Интерактивная доска просто великолепна, а автоматизация расписания сэкономила мне часы времени. Мои студенты в восторге!",
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
imageAlt: "Анна Смирнова, репетитор",
icon: Star,
id: "t1", name: "Анна Смирнова", handle: "@anna_tutor", testimonial: "TutorConnect изменил мой подход к онлайн-урокам. Интерактивная доска просто великолепна, а автоматизация расписания сэкономила мне часы времени. Мои студенты в восторге!", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", imageAlt: "Анна Смирнова, репетитор", icon: Star,
},
{
id: "t2",
name: "Иван Петров",
handle: "@ivan_student",
testimonial: "Я наконец-то начал понимать математику! Платформа очень удобная, а мой репетитор теперь может легко делиться материалами и отслеживать мой прогресс. Спасибо, TutorConnect!",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-young-man-wristwatch-looking-away-while-his-colleagues-discussing-new-ideas-indoor-portrait-international-it-specialists-with-african-guy_197531-3747.jpg",
imageAlt: "Иван Петров, студент",
icon: Star,
id: "t2", name: "Иван Петров", handle: "@ivan_student", testimonial: "Я наконец-то начал понимать математику! Платформа очень удобная, а мой репетитор теперь может легко делиться материалами и отслеживать мой прогресс. Спасибо, TutorConnect!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-young-man-wristwatch-looking-away-while-his-colleagues-discussing-new-ideas-indoor-portrait-international-it-specialists-with-african-guy_197531-3747.jpg", imageAlt: "Иван Петров, студент", icon: Star,
},
{
id: "t3",
name: "Елена Морозова",
handle: "@elena_math",
testimonial: "Как репетитор с многолетним стажем, я очень ценю надежность и функциональность TutorConnect. Безопасные платежи и стабильная связь — это именно то, что нужно.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
imageAlt: "Елена Морозова, репетитор",
icon: Star,
id: "t3", name: "Елена Морозова", handle: "@elena_math", testimonial: "Как репетитор с многолетним стажем, я очень ценю надежность и функциональность TutorConnect. Безопасные платежи и стабильная связь — это именно то, что нужно.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "Елена Морозова, репетитор", icon: Star,
},
{
id: "t4",
name: "Дмитрий Козлов",
handle: "@dmitry_learns",
testimonial: "Искал платформу для изучения английского. Нашел TutorConnect, и это лучшее решение! Широкий выбор репетиторов и возможность заниматься в любое удобное время.",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-ok-with-his-hand_1187-3302.jpg",
imageAlt: "Дмитрий Козлов, студент",
icon: Star,
id: "t4", name: "Дмитрий Козлов", handle: "@dmitry_learns", testimonial: "Искал платформу для изучения английского. Нашел TutorConnect, и это лучшее решение! Широкий выбор репетиторов и возможность заниматься в любое удобное время.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-ok-with-his-hand_1187-3302.jpg", imageAlt: "Дмитрий Козлов, студент", icon: Star,
},
{
id: "t5",
name: "Ольга Новикова",
handle: "@olga_teach",
testimonial: "Очень довольна TutorConnect! Платформа помогает мне эффективно организовать работу с большим количеством студентов. Особенно нравится система отслеживания прогресса.",
imageSrc: "http://img.b2bpic.net/free-photo/sad-serious-girl-keeps-both-hands-chin-thinks-deeply-about-future-plans-looks-somewhere-pensively_273609-38846.jpg",
imageAlt: "Ольга Новикова, репетитор",
icon: Star,
id: "t5", name: "Ольга Новикова", handle: "@olga_teach", testimonial: "Очень довольна TutorConnect! Платформа помогает мне эффективно организовать работу с большим количеством студентов. Особенно нравится система отслеживания прогресса.", imageSrc: "http://img.b2bpic.net/free-photo/sad-serious-girl-keeps-both-hands-chin-thinks-deeply-about-future-plans-looks-somewhere-pensively_273609-38846.jpg", imageAlt: "Ольга Новикова, репетитор", icon: Star,
},
{
id: "t6",
name: "Сергей Лебедев",
handle: "@sergey_phys",
testimonial: "С TutorConnect мои уроки физики стали еще интереснее. Интерактивные инструменты позволяют легко объяснять сложные концепции, а студенты лучше усваивают материал.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-working-office_23-2150697640.jpg",
imageAlt: "Сергей Лебедев, репетитор",
icon: Star,
id: "t6", name: "Сергей Лебедев", handle: "@sergey_phys", testimonial: "С TutorConnect мои уроки физики стали еще интереснее. Интерактивные инструменты позволяют легко объяснять сложные концепции, а студенты лучше усваивают материал.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-working-office_23-2150697640.jpg", imageAlt: "Сергей Лебедев, репетитор", icon: Star,
},
]}
title="Что говорят наши пользователи"
@@ -371,25 +235,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "Как работает TutorConnect?",
content: "TutorConnect — это онлайн-платформа, которая соединяет репетиторов и студентов. Репетиторы могут создавать профили и предлагать свои услуги, а студенты могут находить репетиторов по своим потребностям, бронировать уроки и заниматься в виртуальном классе.",
},
id: "faq1", title: "Как работает TutorConnect?", content: "TutorConnect — это онлайн-платформа, которая соединяет репетиторов и студентов. Репетиторы могут создавать профили и предлагать свои услуги, а студенты могут находить репетиторов по своим потребностям, бронировать уроки и заниматься в виртуальном классе."},
{
id: "faq2",
title: "Какие функции доступны для репетиторов?",
content: "Репетиторы получают доступ к интерактивной доске, автоматизации расписания, инструментам отслеживания прогресса студентов, безопасным платежным системам и круглосуточной поддержке.",
},
id: "faq2", title: "Какие функции доступны для репетиторов?", content: "Репетиторы получают доступ к интерактивной доске, автоматизации расписания, инструментам отслеживания прогресса студентов, безопасным платежным системам и круглосуточной поддержке."},
{
id: "faq3",
title: "Безопасна ли платформа для платежей?",
content: "Да, TutorConnect использует передовые технологии шифрования и партнерства с надежными платежными системами, чтобы обеспечить безопасность всех транзакций и защиту ваших финансовых данных.",
},
id: "faq3", title: "Безопасна ли платформа для платежей?", content: "Да, TutorConnect использует передовые технологии шифрования и партнерства с надежными платежными системами, чтобы обеспечить безопасность всех транзакций и защиту ваших финансовых данных."},
{
id: "faq4",
title: "Могу ли я попробовать TutorConnect бесплатно?",
content: "Да, мы предлагаем бесплатный базовый план, который позволяет начинающим репетиторам ознакомиться с основными функциями платформы и провести первые уроки.",
},
id: "faq4", title: "Могу ли я попробовать TutorConnect бесплатно?", content: "Да, мы предлагаем бесплатный базовый план, который позволяет начинающим репетиторам ознакомиться с основными функциями платформы и провести первые уроки."},
]}
title="Часто задаваемые вопросы"
description="Найдите ответы на самые распространенные вопросы о работе с TutorConnect, оплате, функционале и поддержке."
@@ -401,8 +253,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Свяжитесь с нами"
title="Готовы начать?"
description="Заполните форму, и наша команда свяжется с вами в ближайшее время, чтобы ответить на все вопросы и помочь вам начать работу с TutorConnect."
@@ -423,19 +274,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/tutorconnect",
ariaLabel: "Facebook",
},
href: "https://facebook.com/tutorconnect", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/tutorconnect",
ariaLabel: "Instagram",
},
href: "https://instagram.com/tutorconnect", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "https://twitter.com/tutorconnect",
ariaLabel: "Twitter",
},
href: "https://twitter.com/tutorconnect", ariaLabel: "Twitter"},
]}
/>
</div>