Merge version_2 into main #1
264
src/app/page.tsx
264
src/app/page.tsx
@@ -29,85 +29,52 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Головна",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Головна", id: "hero"},
|
||||
{
|
||||
name: "Переваги",
|
||||
id: "value-props",
|
||||
},
|
||||
name: "Переваги", id: "value-props"},
|
||||
{
|
||||
name: "Як це працює",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "Як це працює", id: "how-it-works"},
|
||||
{
|
||||
name: "Особливості",
|
||||
id: "features",
|
||||
},
|
||||
name: "Особливості", id: "features"},
|
||||
{
|
||||
name: "Відгуки",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Відгуки", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Приєднатися",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Приєднатися", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/pencil-wifi-japanese-key-service-mobile_1421-370.jpg"
|
||||
brandName="StudShare"
|
||||
brandName="ІнфоДошка"
|
||||
button={{
|
||||
text: "Завантажити Застосунок",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Завантажити ІнфоДошка", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Навчайся, Ділися, Рости: Твоя Спільнота Знань StudShare"
|
||||
description="Отримуй доступ до найкращих конспектів, домашніх завдань та звітів від своїх однолітків. Допомагай іншим і заробляй репутацію."
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Миттєвий Доступ до Інформації: ІнфоДошка для Вашої Спільноти"
|
||||
description="Легко публікуйте та знаходьте важливі оголошення, новини та події у вашому університеті, школі або організації."
|
||||
buttons={[
|
||||
{
|
||||
text: "Завантажити Застосунок",
|
||||
href: "#",
|
||||
},
|
||||
text: "Завантажити ІнфоДошка", href: "#"},
|
||||
{
|
||||
text: "Приєднатися до Списку Очікування",
|
||||
href: "#",
|
||||
},
|
||||
text: "Дізнатися Більше", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502778.jpg",
|
||||
imageAlt: "Students collaborating in a library",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502778.jpg", imageAlt: "Students collaborating in a library"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-woman-with-smartphone-notepads-window-morning_169016-35418.jpg",
|
||||
imageAlt: "Student interacting with mobile app showing notes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-woman-with-smartphone-notepads-window-morning_169016-35418.jpg", imageAlt: "Student interacting with mobile app showing notes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-listening-something-her-smartphone-study-session_23-2149265716.jpg",
|
||||
imageAlt: "Two students reviewing a lab report on a tablet",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-listening-something-her-smartphone-study-session_23-2149265716.jpg", imageAlt: "Two students reviewing a lab report on a tablet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-team-digital-art_23-2151492120.jpg",
|
||||
imageAlt: "Animated graphic of knowledge sharing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-team-digital-art_23-2151492120.jpg", imageAlt: "Animated graphic of knowledge sharing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-red-checkered-shirt-with-backpack-holding-yellow-files-blue-wall_140725-42584.jpg",
|
||||
imageAlt: "Student successfully taking an exam",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-student-red-checkered-shirt-with-backpack-holding-yellow-files-blue-wall_140725-42584.jpg", imageAlt: "Student successfully taking an exam"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-concept_23-2148588805.jpg",
|
||||
imageAlt: "StudShare app dashboard UI on a smartphone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-concept_23-2148588805.jpg", imageAlt: "ІнфоДошка app dashboard UI on a smartphone"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -119,23 +86,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Для Авторів: Ділися та Заробляй",
|
||||
description: "Завантажуй свої конспекти, звіти та домашні завдання. Отримуй визнання та бали репутації за високоякісний контент.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384826.jpg",
|
||||
},
|
||||
title: "Для Адміністраторів: Легке Оповіщення", description: "Публікуйте оголошення, новини та події за лічені секунди. Розсилайте важливу інформацію всім учасникам спільноти.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-reading-menu-restaurant_23-2150384826.jpg"},
|
||||
{
|
||||
title: "Для Навчаючихся: Знаходь та Вчись",
|
||||
description: "Миттєво знаходь необхідні матеріали, читай та вчись у кращих студентів. Легко готуйся до іспитів.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-notepad-wooden-background_93675-129445.jpg",
|
||||
},
|
||||
title: "Для Учасників: Завжди в Курсі", description: "Отримуйте своєчасні сповіщення про важливі події, зміни у розкладі та оголошення. Ніколи не пропускайте нічого важливого.", imageSrc: "http://img.b2bpic.net/free-photo/open-notepad-wooden-background_93675-129445.jpg"},
|
||||
{
|
||||
title: "Спільнота та Підтримка",
|
||||
description: "Долучайся до активної спільноти, задавай питання та обговорюй матеріали з однолітками.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusion-word-written-notebook-copy-space_23-2148699746.jpg",
|
||||
},
|
||||
title: "Організація та Зручність", description: "Вся необхідна інформація організована та доступна в одному місці. Більше ніякого пошуку у чатах та листах.", imageSrc: "http://img.b2bpic.net/free-photo/inclusion-word-written-notebook-copy-space_23-2148699746.jpg"},
|
||||
]}
|
||||
title="Переваги StudShare: Для Всіх Студентів"
|
||||
description="StudShare створює взаємовигідне середовище для активного навчання та обміну знаннями."
|
||||
title="Переваги ІнфоДошка: Для Шкіл, Університетів та Організацій"
|
||||
description="ІнфоДошка спрощує поширення інформації, покращуючи зв'язок у будь-якій спільноті."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,23 +103,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Оберіть Свій Університет",
|
||||
description: "Зареєструйтесь та вкажіть ваш навчальний заклад для персоналізованого доступу.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/menu-list-right-side_187299-40092.jpg",
|
||||
},
|
||||
title: "Зареєструйте Спільноту", description: "Створіть або приєднайтеся до своєї школи, університету чи організації.", imageSrc: "http://img.b2bpic.net/free-photo/menu-list-right-side_187299-40092.jpg"},
|
||||
{
|
||||
title: "Знайдіть або Завантажте Матеріал",
|
||||
description: "Шукайте конспекти або легко завантажуйте свої власні роботи.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-download-icons_1257-305.jpg",
|
||||
},
|
||||
title: "Публікуйте Оголошення", description: "Адміністратори легко публікують оголошення, події та документи.", imageSrc: "http://img.b2bpic.net/free-vector/linear-download-icons_1257-305.jpg"},
|
||||
{
|
||||
title: "Навчайтесь та Обговорюйте",
|
||||
description: "Використовуйте матеріали для навчання та долучайтесь до обговорень.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-looking-tablet_23-2149418077.jpg",
|
||||
},
|
||||
title: "Отримуйте Інформацію", description: "Учасники миттєво отримують доступ до актуальної інформації.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-looking-tablet_23-2149418077.jpg"},
|
||||
]}
|
||||
title="Як Працює StudShare"
|
||||
description="Почніть використовувати StudShare всього за кілька простих кроків."
|
||||
title="Як Працює ІнфоДошка"
|
||||
description="Розпочніть використовувати ІнфоДошка всього за кілька простих кроків."
|
||||
tag="Просто і Швидко"
|
||||
/>
|
||||
</div>
|
||||
@@ -172,23 +121,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Розумний Пошук та Фільтри",
|
||||
description: "Легко знаходьте матеріали за назвою предмета, іменем викладача або типом документа.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-school-items-arrangement_23-2149001115.jpg",
|
||||
},
|
||||
title: "Миттєві Сповіщення", description: "Отримуйте важливі оновлення та нагадування без затримок.", imageSrc: "http://img.b2bpic.net/free-photo/view-school-items-arrangement_23-2149001115.jpg"},
|
||||
{
|
||||
title: "Система Рейтингів",
|
||||
description: "Оцінюйте якість матеріалів та довіряйте лише перевіреному контенту від інших студентів.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160764.jpg",
|
||||
},
|
||||
title: "Календар Подій", description: "Будьте в курсі всіх запланованих заходів та дедлайнів.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160764.jpg"},
|
||||
{
|
||||
title: "Безпечний та Анонімний Обмін",
|
||||
description: "Діліться своїми знаннями, не турбуючись про конфіденційність – ми захищаємо ваші дані.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-with-mask-working-laptop_23-2148630815.jpg",
|
||||
},
|
||||
title: "Документи та Файли", description: "Легко завантажуйте та отримуйте доступ до важливих документів, таких як розклад занять або протоколи зборів.", imageSrc: "http://img.b2bpic.net/free-photo/women-with-mask-working-laptop_23-2148630815.jpg"},
|
||||
]}
|
||||
title="Ключові Функції StudShare"
|
||||
description="Розроблені, щоб зробити ваше навчання максимально ефективним та безпечним."
|
||||
title="Ключові Функції ІнфоДошка"
|
||||
description="Розроблені, щоб зробити комунікацію максимально ефективною та зручною."
|
||||
tag="Інноваційні Можливості"
|
||||
/>
|
||||
</div>
|
||||
@@ -201,50 +141,20 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Анна Коваленко",
|
||||
role: "Студентка 3 курсу",
|
||||
testimonial: "StudShare – це знахідка! Завдяки платформі я знайшла конспекти, які допомогли мені скласти складний іспит. Дуже зручно і ефективно!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-together_23-2149009257.jpg",
|
||||
},
|
||||
id: "1", name: "Анна Коваленко", role: "Куратор Спільноти", testimonial: "ІнфоДошка значно спростила нашу внутрішню комунікацію. Тепер всі оголошення досягають адресатів миттєво, і ніхто нічого не пропускає. Фантастика!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-together_23-2149009257.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Дмитро Мельник",
|
||||
role: "Студент 2 курсу",
|
||||
testimonial: "Я завжди ділився своїми нотатками, а StudShare дозволив мені отримати визнання та допомагати ще більшій кількості людей. Чудова ідея!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-boy-posing-front-blackboard_23-2147659263.jpg",
|
||||
},
|
||||
id: "2", name: "Дмитро Мельник", role: "Голова Студентської Ради", testimonial: "Як голова студради, я щодня маю багато оголошень. ІнфоДошка – це спасіння! Вся важлива інформація завжди під рукою у студентів.", imageSrc: "http://img.b2bpic.net/free-photo/cool-boy-posing-front-blackboard_23-2147659263.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Олена Поліщук",
|
||||
role: "Студентка 4 курсу",
|
||||
testimonial: "Тепер не потрібно годинами шукати матеріали в інтернеті. Все є тут, відсортовано та перевірено іншими студентами. Рекомендую!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-time-together_23-2149012733.jpg",
|
||||
},
|
||||
id: "3", name: "Олена Поліщук", role: "Викладач Університету", testimonial: "Раніше студенти постійно перепитували про розклад та зміни. З ІнфоДошка всі отримують інформацію синхронно. Дуже зручно для навчального процесу.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-spending-time-together_23-2149012733.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Сергій Бондаренко",
|
||||
role: "Студент 1 курсу",
|
||||
testimonial: "Як першокурсник, я був трохи розгублений. StudShare допоміг мені швидко адаптуватися і знайти багато корисних матеріалів для навчання.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-graphic-eye-makeup_23-2150693658.jpg",
|
||||
},
|
||||
id: "4", name: "Сергій Бондаренко", role: "Учень Старшої Школи", testimonial: "Завдяки ІнфоДошка я завжди знаю про всі шкільні заходи та оголошення. Більше не потрібно шукати інформацію в різних чатах. Супер!", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-graphic-eye-makeup_23-2150693658.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Наталія Іванова",
|
||||
role: "Студентка 5 курсу",
|
||||
testimonial: "Я використовую StudShare не тільки для пошуку, але й для обговорення матеріалів. Це робить навчання більш інтерактивним та цікавим.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203624.jpg",
|
||||
},
|
||||
id: "5", name: "Наталія Іванова", role: "Керівник Відділу", testimonial: "Наш відділ використовує ІнфоДошка для оперативної передачі інформації. Це покращило ефективність наших внутрішніх комунікацій у рази.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203624.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Максим Петров",
|
||||
role: "Студент 3 курсу",
|
||||
testimonial: "Надійний ресурс з високоякісним контентом. Система рейтингів дійсно працює, і я завжди знаю, що отримую найкраще.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148970121.jpg",
|
||||
},
|
||||
id: "6", name: "Максим Петров", role: "Адміністратор Коледжу", testimonial: "Надійний інструмент для поширення інформації. ІнфоДошка допомагає нам бути впевненими, що всі отримують актуальні новини та події.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148970121.jpg"},
|
||||
]}
|
||||
title="Що Кажуть Наші Студенти"
|
||||
description="Послухайте відгуки тих, хто вже користується StudShare та досягає успіхів."
|
||||
title="Що Кажуть Наші Користувачі"
|
||||
description="Послухайте відгуки тих, хто вже користується ІнфоДошка та покращив свою комунікацію."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,38 +164,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Як я можу завантажити свої матеріали?",
|
||||
content: "Ви можете легко завантажити свої конспекти, домашні завдання та інші навчальні матеріали через розділ 'Завантажити' в додатку.",
|
||||
},
|
||||
id: "faq-1", title: "Як я можу публікувати оголошення?", content: "Адміністратори спільноти можуть публікувати оголошення, новини та події через спеціальний інтерфейс у додатку ІнфоДошка."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Чи мої дані захищені?",
|
||||
content: "Так, ми приділяємо велику увагу конфіденційності та безпеці даних. Весь обмін матеріалами є анонімним, а ваші особисті дані захищені.",
|
||||
},
|
||||
id: "faq-2", title: "Чи безпечна платформа ІнфоДошка?", content: "Так, ми приділяємо велику увагу безпеці та конфіденційності даних. Вся інформація захищена, а доступ контролюється адміністраторами спільнот."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Як працює система рейтингів?",
|
||||
content: "Користувачі можуть оцінювати якість завантажених матеріалів від 1 до 5 зірок. Це допомагає іншим студентам знаходити найкращий контент.",
|
||||
},
|
||||
id: "faq-3", title: "Чи є в ІнфоДошка календар подій?", content: "Так, ІнфоДошка містить вбудований календар подій, де адміністратори можуть публікувати заплановані заходи, а користувачі – їх переглядати."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Чи можу я знайти матеріали за конкретним викладачем?",
|
||||
content: "Так, у StudShare є функція розширеного пошуку, яка дозволяє фільтрувати матеріали за ім'ям викладача, предметом та типом документа.",
|
||||
},
|
||||
id: "faq-4", title: "Як я отримую сповіщення?", content: "Користувачі отримують миттєві push-сповіщення на свої мобільні пристрої про нові оголошення, події та оновлення."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Чи є обмеження на кількість завантажень?",
|
||||
content: "Наразі немає жорстких обмежень, але ми заохочуємо завантажувати лише якісні та релевантні матеріали.",
|
||||
},
|
||||
id: "faq-5", title: "Чи можна завантажувати документи?", content: "Так, адміністратори можуть завантажувати та ділитися важливими документами, такими як розклад занять, положення, форми тощо, з учасниками спільноти."},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Як я можу зв'язатися зі службою підтримки?",
|
||||
content: "Ви можете зв'язатися з нашою службою підтримки через розділ 'Допомога' в додатку або написати нам на електронну пошту.",
|
||||
},
|
||||
id: "faq-6", title: "Як зв'язатися зі службою підтримки?", content: "Ви можете зв'язатися з нашою службою підтримки через розділ 'Допомога' у додатку ІнфоДошка або надіславши запит через наш веб-сайт."},
|
||||
]}
|
||||
title="Поширені Запитання"
|
||||
description="Знайдіть відповіді на найчастіші запитання щодо використання StudShare."
|
||||
title="Часті Запитання про ІнфоДошка"
|
||||
description="Знайдіть відповіді на найчастіші запитання щодо використання ІнфоДошка та її функцій."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -294,69 +186,49 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ранній Доступ"
|
||||
title="Приєднуйтесь до Спільноти StudShare"
|
||||
description="Отримайте ранній доступ до додатку та ексклюзивні оновлення, підписавшись на нашу розсилку."
|
||||
variant: "plain"}}
|
||||
tag="Дізнатися Більше"
|
||||
title="Готові Покращити Комунікацію?"
|
||||
description="Завантажте ІнфоДошка сьогодні, щоб організувати інформаційний потік у вашій спільноті та забезпечити миттєвий доступ до важливих даних."
|
||||
buttons={[
|
||||
{
|
||||
text: "Підписатися на Оновлення",
|
||||
href: "#",
|
||||
},
|
||||
text: "Завантажити ІнфоДошка", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="StudShare"
|
||||
logoText="ІнфоДошка"
|
||||
columns={[
|
||||
{
|
||||
title: "Додаток",
|
||||
items: [
|
||||
title: "Додаток", items: [
|
||||
{
|
||||
label: "Головна",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Головна", href: "#hero"},
|
||||
{
|
||||
label: "Про нас",
|
||||
href: "#value-props",
|
||||
},
|
||||
label: "Переваги", href: "#value-props"},
|
||||
{
|
||||
label: "Функції",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Функції", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Підтримка",
|
||||
items: [
|
||||
title: "Підтримка", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Контакт",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Контакт", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Юридична інформація",
|
||||
items: [
|
||||
title: "Юридична інформація", items: [
|
||||
{
|
||||
label: "Політика конфіденційності",
|
||||
href: "#",
|
||||
},
|
||||
label: "Політика конфіденційності", href: "#"},
|
||||
{
|
||||
label: "Умови використання",
|
||||
href: "#",
|
||||
},
|
||||
label: "Умови використання", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 StudShare. Всі права захищені."
|
||||
copyrightText="© 2024 ІнфоДошка. Всі права захищені."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user