From 5a0f9d60a47ff4223fe69f0e0020cb972da9ba34 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 13:19:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 301 ++++++-----------------------------------------
 1 file changed, 39 insertions(+), 262 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a01cc7..1749b29 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file