bender/d186b510-349d-43a1-9ccc-1d89746ecd0a
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-05-10 13:19:19 +00:00
parent a2ddc9d865
commit 5a0f9d60a4
1 changed files with 39 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Про школу",
id: "about",
},
{
name: "Напрями",
id: "features",
},
{
name: "Кампус",
id: "gallery",
},
{
name: "Контакти",
id: "contact",
},
{ name: "Про школу", id: "about" },
{ name: "Напрями", id: "features" },
{ name: "Кампус", id: "gallery" },
{ name: "Контакти", id: "contact" },
]}
brandName="A+ Collegium"
/>
@@ -56,38 +44,17 @@ export default function LandingPage() {
title="Освіта майбутнього починається тут"
description="Архітектурно-інженерний колегіум А+ — простір для майбутніх інженерів, архітекторів та IT-лідерів."
buttons={[
{
text: "Записатися",
href: "#contact",
},
{
text: "Переглянути кампус",
href: "#gallery",
},
{ text: "Записатися", href: "#contact" },
{ text: "Переглянути кампус", href: "#gallery" },
]}
imageSrc="http://img.b2bpic.net/free-photo/focused-caucasian-woman-wearing-vr-headset_74855-4216.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/focused-caucasian-woman-wearing-vr-headset_74855-4216.jpg"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/old-people-asking-professional-advice-from-financial-expert_482257-107450.jpg",
alt: "Old people asking for professional advice from financial expert",
},
{
src: "http://img.b2bpic.net/free-photo/children-standing-sideways-camera-looking-charge-boards_259150-60315.jpg",
alt: "Children standing sideways to camera looking at charge boards",
},
{
src: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906270.jpg",
alt: "Innovative and futuristic classroom for students",
},
{
src: "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906360.jpg",
alt: "Futuristic school classroom for future students",
},
{
src: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg",
alt: "Futuristic technology connects internet space and communication sphere generated by AI",
},
{ src: "http://img.b2bpic.net/free-photo/old-people-asking-professional-advice-from-financial-expert_482257-107450.jpg", alt: "Old people asking for professional advice from financial expert" },
{ src: "http://img.b2bpic.net/free-photo/children-standing-sideways-camera-looking-charge-boards_259150-60315.jpg", alt: "Children standing sideways to camera looking at charge boards" },
{ src: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906270.jpg", alt: "Innovative and futuristic classroom for students" },
{ src: "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906360.jpg", alt: "Futuristic school classroom for future students" },
{ src: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg", alt: "Futuristic technology connects internet space and communication sphere generated by AI" },
]}
avatarText="Приєднуйтесь до спільноти інноваторів"
/>
@@ -99,20 +66,11 @@ export default function LandingPage() {
title="Сучасний освітній комплекс А+"
description="Ми створили безпечне середовище площею 14 000 м², де діти від садочка до ліцею навчаються за передовими методиками."
metrics={[
{
value: "14,000+",
title: "м² кампусу",
},
{
value: "24/7",
title: "Безпека",
},
{
value: "100%",
title: "Технологічність",
},
{ value: "14,000+", title: "м² кампусу" },
{ value: "24/7", title: "Безпека" },
{ value: "100%", title: "Технологічність" },
]}
imageSrc="http://img.b2bpic.net/free-photo/children-making-robot_23-2148863379.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/children-making-robot_23-2148863379.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -124,51 +82,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "IT та програмування",
description: "Від основ коду до розробки ШІ та алгоритмів.",
icon: Code,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/mockup-computer-used-by-silicon-valley-it-specialist-developing-ai-systems_482257-125072.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-cabinet-awaiting-patient-check-up-visit_482257-119767.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/focused-caucasian-woman-wearing-vr-headset_74855-4216.jpg?_wi=2",
imageAlt: "coding screen software",
},
{
title: "Архітектура та дизайн",
description: "Створення 3D моделей та проектування урбаністичних рішень.",
icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-architectural-designer-configures-floor-plan-dual-monitors_482257-120253.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-with-ruler-table-near-safety-helmet-equipments_23-2148040014.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/children-making-robot_23-2148863379.jpg?_wi=2",
imageAlt: "coding screen software",
},
{
title: "Інженерія та математика",
description: "STEM-підхід до вирішення складних технічних завдань.",
icon: GraduationCap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-numerology-concept-with-man-seaside_23-2150058797.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067195.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-girl-holding-book-pile_23-2148475763.jpg?_wi=1",
imageAlt: "coding screen software",
},
{ title: "IT та програмування", description: "Від основ коду до розробки ШІ та алгоритмів.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/mockup-computer-used-by-silicon-valley-it-specialist-developing-ai-systems_482257-125072.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-cabinet-awaiting-patient-check-up-visit_482257-119767.jpg" }] },
{ title: "Архітектура та дизайн", description: "Створення 3D моделей та проектування урбаністичних рішень.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/professional-architectural-designer-configures-floor-plan-dual-monitors_482257-120253.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-with-ruler-table-near-safety-helmet-equipments_23-2148040014.jpg" }] },
{ title: "Інженерія та математика", description: "STEM-підхід до вирішення складних технічних завдань.", icon: GraduationCap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-numerology-concept-with-man-seaside_23-2150058797.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067195.jpg" }] }
]}
title="Напрями навчання"
description="Формуємо компетенції майбутнього через проєктне навчання."
@@ -181,27 +97,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "Cambridge",
title: "Міжнародна програма",
description: "Глибоке вивчення англійської та наук.",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-girl-holding-book-pile_23-2148475763.jpg?_wi=2",
},
{
id: "2",
value: "American",
title: "High School Diploma",
description: "Диплом, що визнається в усьому світі.",
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-white-hallway-with-reflections-light-from-windows_181624-15040.jpg",
},
{
id: "3",
value: "A+ Network",
title: "Мережевий досвід",
description: "Синергія кращих закладів України.",
imageSrc: "http://img.b2bpic.net/free-photo/computer-network-digital-connection-technology-concept_53876-21170.jpg",
},
{ id: "1", value: "Cambridge", title: "Міжнародна програма", description: "Глибоке вивчення англійської та наук.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-girl-holding-book-pile_23-2148475763.jpg" },
{ id: "2", value: "American", title: "High School Diploma", description: "Диплом, що визнається в усьому світі.", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-white-hallway-with-reflections-light-from-windows_181624-15040.jpg" },
{ id: "3", value: "A+ Network", title: "Мережевий досвід", description: "Синергія кращих закладів України.", imageSrc: "http://img.b2bpic.net/free-photo/computer-network-digital-connection-technology-concept_53876-21170.jpg" },
]}
title="Міжнародні стандарти"
description="Визнані світові програми для успішного старту."
@@ -215,48 +113,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "STEM лабораторії",
price: "Лабораторія",
variant: "Технології",
imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150941975.jpg",
},
{
id: "2",
name: "Архітектурні студії",
price: "Творчість",
variant: "Дизайн",
imageSrc: "http://img.b2bpic.net/free-photo/empty-space-with-maquette-table-design-urban-property-plan-building-model-layout-nobody-office-with-architecture-project-real-estate-development-presentation_482257-29970.jpg",
},
{
id: "3",
name: "Бібліотека",
price: "Освіта",
variant: "Простір",
imageSrc: "http://img.b2bpic.net/free-photo/workspace-minimal-style_53876-33518.jpg",
},
{
id: "4",
name: "Open-space",
price: "Зона спілкування",
variant: "Комунікація",
imageSrc: "http://img.b2bpic.net/free-photo/students-sitting-university-courtyard_23-2147679222.jpg",
},
{
id: "5",
name: "Спортивна зона",
price: "Активність",
variant: "Здоров'я",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-pull-ups-gym_23-2147671944.jpg",
},
{
id: "6",
name: "Укриття",
price: "Безпека",
variant: "Захист",
imageSrc: "http://img.b2bpic.net/free-photo/rusty-metallic-door-with-handle-background_23-2148742466.jpg",
},
{ id: "1", name: "STEM лабораторії", price: "Лабораторія", variant: "Технології", imageSrc: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150941975.jpg" },
{ id: "2", name: "Архітектурні студії", price: "Творчість", variant: "Дизайн", imageSrc: "http://img.b2bpic.net/free-photo/empty-space-with-maquette-table-design-urban-property-plan-building-model-layout-nobody-office-with-architecture-project-real-estate-development-presentation_482257-29970.jpg" },
{ id: "3", name: "Бібліотека", price: "Освіта", variant: "Простір", imageSrc: "http://img.b2bpic.net/free-photo/workspace-minimal-style_53876-33518.jpg" },
{ id: "4", name: "Open-space", price: "Зона спілкування", variant: "Комунікація", imageSrc: "http://img.b2bpic.net/free-photo/students-sitting-university-courtyard_23-2147679222.jpg" },
{ id: "5", name: "Спортивна зона", price: "Активність", variant: "Здоров'я", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-pull-ups-gym_23-2147671944.jpg" },
{ id: "6", name: "Укриття", price: "Безпека", variant: "Захист", imageSrc: "http://img.b2bpic.net/free-photo/rusty-metallic-door-with-handle-background_23-2148742466.jpg" },
]}
title="Наш кампус"
description="Сучасні простори для творчості та науки."
@@ -268,51 +130,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
title: "Проєктне навчання",
description: "Реальні кейси від архітекторів.",
icon: Rocket,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/felt-tip-pen-blank-notebook-with-drawn-light-bulb-chalkboard_23-2147873889.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-studio-employee-working-room-floor-planner_482257-51660.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/focused-caucasian-woman-wearing-vr-headset_74855-4216.jpg?_wi=3",
imageAlt: "student project presentation",
},
{
title: "Soft skills",
description: "Розвиток лідерства та командної роботи.",
icon: Heart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-new-ideas-business-meeting_176420-5034.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-female-coworkers-working-together-office_23-2148204011.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/children-making-robot_23-2148863379.jpg?_wi=3",
imageAlt: "student project presentation",
},
{
title: "Індивідуальний підхід",
description: "Тьюторинг та менторство.",
icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-making-shopping-list-with-tablet_23-2149087132.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064698.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/mockup-computer-used-by-silicon-valley-it-specialist-developing-ai-systems_482257-125072.jpg?_wi=2",
imageAlt: "student project presentation",
},
{ title: "Проєктне навчання", description: "Реальні кейси від архітекторів.", icon: Rocket, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/felt-tip-pen-blank-notebook-with-drawn-light-bulb-chalkboard_23-2147873889.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/real-estate-studio-employee-working-room-floor-planner_482257-51660.jpg" }] },
{ title: "Soft skills", description: "Розвиток лідерства та командної роботи.", icon: Heart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-new-ideas-business-meeting_176420-5034.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-female-coworkers-working-together-office_23-2148204011.jpg" }] },
{ title: "Індивідуальний підхід", description: "Тьюторинг та менторство.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-woman-making-shopping-list-with-tablet_23-2149087132.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064698.jpg" }] }
]}
title="Переваги А+"
description="Чому батьки обирають наш колегіум."
@@ -325,27 +145,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
metrics={[
{
id: "s1",
value: "15",
title: "закладів мережі A+",
description: "Масштабний вплив на освіту.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-network-communications-background-design_1048-14877.jpg",
},
{
id: "s2",
value: "680",
title: "учнів колегіуму",
description: "Спільнота однодумців.",
imageSrc: "http://img.b2bpic.net/free-photo/young-black-woman-street-with-computer_641386-527.jpg",
},
{
id: "s3",
value: "3",
title: "профільних напрямки",
description: "Глибина знань.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898145.jpg",
},
{ id: "s1", value: "15", title: "закладів мережі A+", description: "Масштабний вплив на освіту.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-network-communications-background-design_1048-14877.jpg" },
{ id: "s2", value: "680", title: "учнів колегіуму", description: "Спільнота однодумців.", imageSrc: "http://img.b2bpic.net/free-photo/young-black-woman-street-with-computer_641386-527.jpg" },
{ id: "s3", value: "3", title: "профільних напрямки", description: "Глибина знань.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898145.jpg" },
]}
title="Ключові показники"
description="Масштаб та результативність мережі."
@@ -354,10 +156,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Зв'яжіться з нами"
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
title="Створіть майбутнє своєї дитини вже сьогодні"
description="Запишіться на консультацію з нашим адміністратором."
/>
@@ -366,32 +167,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Контакти",
items: [
{
label: "Київ, вул. Мрії 14",
href: "#",
},
{
label: "+380 67 200 61 01",
href: "tel:+380672006101",
},
],
},
{
title: "Посилання",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{ title: "Контакти", items: [{ label: "Київ, вул. Мрії 14", href: "#" }, { label: "+380 67 200 61 01", href: "tel:+380672006101" }] },
{ title: "Посилання", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
]}
logoText="А+ Колегіум"
/>
@@ -399,4 +176,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}