Update src/app/page.tsx

2026-03-29 19:45:02 +00:00
parent 03800d34c6
commit ddc3f65edf
1 changed files with 44 additions and 207 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { BookOpen, Box, Code, Film, Laptop, Palette, Terminal, Users } from "lucide-react";
+import { BookOpen, Box, Code, Cpu, Film, Laptop, Palette, Terminal, Users, Youtube } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
-        {
-          name: "Направления",
-          id: "#directions",
-        },
-        {
-          name: "Почему ШАГ",
-          id: "#why",
-        },
-        {
-          name: "Обучение",
-          id: "#process",
-        },
-        {
-          name: "Контакты",
-          id: "#contact",
-        },
+        { name: "Направления", id: "directions" },
+        { name: "Почему ШАГ", id: "why" },
+        { name: "Обучение", id: "process" },
+        { name: "Контакты", id: "contact" },
      ]}
      brandName="ITSTEP Academy"
    />
@@ -55,71 +43,36 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Мы не просто учим IT. Мы помогаем понять, кем ты хочешь стать."
      description="Программирование, дизайн, робототехника, 3D, YouTube, Python и не только — в Компьютерной Академии ШАГ дети и подростки пробуют, выбирают и растут."
      buttons={[
        {
-          text: "Записаться на пробное занятие",
-          href: "#contact",
-        },
+          text: "Записаться на пробное занятие",          href: "#contact"},
        {
-          text: "Посмотреть направления",
-          href: "#directions",
-        },
+          text: "Посмотреть направления",          href: "#directions"},
      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/modern-it-learning-environment-with-teen-1774813453655-b923dd3f.png?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/modern-it-learning-environment-with-teen-1774813453655-b923dd3f.png"
      mediaAnimation="blur-reveal"
      avatars={[
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png",
-          alt: "Student 1",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png",          alt: "Student 1"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813455246-d9f56432.png",
-          alt: "Student 2",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813455246-d9f56432.png",          alt: "Student 2"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813454313-dbbf0fe0.png",
-          alt: "Student 3",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813454313-dbbf0fe0.png",          alt: "Student 3"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-stud-1774813453025-b86d683a.png",
-          alt: "Student 4",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-stud-1774813453025-b86d683a.png",          alt: "Student 4"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png",
-          alt: "Student 5",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png",          alt: "Student 5"},
      ]}
      avatarText="Более 10,000 счастливых студентов"
      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Python",
-          icon: Code,
-        },
-        {
-          type: "text-icon",
-          text: "Дизайн",
-          icon: Palette,
-        },
-        {
-          type: "text-icon",
-          text: "Робототехника",
-          icon: Laptop,
-        },
-        {
-          type: "text-icon",
-          text: "3D",
-          icon: Box,
-        },
-        {
-          type: "text-icon",
-          text: "YouTube",
-          icon: Film,
-        },
+        { type: "text-icon", text: "Python", icon: Code },
+        { type: "text-icon", text: "Дизайн", icon: Palette },
+        { type: "text-icon", text: "Робототехника", icon: Laptop },
+        { type: "text-icon", text: "3D", icon: Box },
+        { type: "text-icon", text: "YouTube", icon: Film },
      ]}
    />
  </div>
@@ -129,33 +82,13 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "f1",
-          title: "Ребёнок сидит за компьютером — это плохо?",
-          content: "Плохо — когда без цели. Хорошо — когда он создаёт, а не просто кликает.",
-        },
-        {
-          id: "f2",
-          title: "А вдруг IT — не его?",
-          content: "Именно поэтому у нас не одно направление, а целая экосистема.",
-        },
-        {
-          id: "f3",
-          title: "Это не слишком сложно?",
-          content: "Сложно — это скучно объяснять. Мы объясняем понятно.",
-        },
-        {
-          id: "f4",
-          title: "Есть ли домашние задания?",
-          content: "В IT важна практика. Мы даем интересные проекты, а не скучные зубрежки.",
-        },
-        {
-          id: "f5",
-          title: "Какой возраст оптимален?",
-          content: "Мы принимаем детей от 7 лет, формируя группы по интересам и возрасту.",
-        },
+        { id: "f1", title: "Ребёнок сидит за компьютером — это плохо?", content: "Плохо — когда без цели. Хорошо — когда он создаёт, а не просто кликает." },
+        { id: "f2", title: "А вдруг IT — не его?", content: "Именно поэтому у нас не одно направление, а целая экосистема." },
+        { id: "f3", title: "Это не слишком сложно?", content: "Сложно — это скучно объяснять. Мы объясняем понятно." },
+        { id: "f4", title: "Есть ли домашние задания?", content: "В IT важна практика. Мы даем интересные проекты, а не скучные зубрежки." },
+        { id: "f5", title: "Какой возраст оптимален?", content: "Мы принимаем детей от 7 лет, формируя группы по интересам и возрасту." },
      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/a-curious-teenager-looking-at-a-computer-1774813456081-be3cccfa.png?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/a-curious-teenager-looking-at-a-computer-1774813456081-be3cccfa.png"
      mediaAnimation="slide-up"
      title="Родители спрашивают. Мы отвечаем."
      description="Разбираемся с главными сомнениями."
@@ -168,41 +101,11 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
-        {
-          title: "Программирование",
-          description: "Python, VS Code, логика, проекты из реальной практики",
-          buttonIcon: "Code",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/modern-it-learning-environment-with-teen-1774813453655-b923dd3f.png?_wi=2",
-          imageAlt: "Modern IT learning environment with teenagers engaging with advanced technology and screens. Dark th",
-        },
-        {
-          title: "Дизайн",
-          description: "Adobe Photoshop, Illustrator, InDesign — как у настоящих дизайнеров",
-          buttonIcon: "Palette",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/a-curious-teenager-looking-at-a-computer-1774813456081-be3cccfa.png?_wi=2",
-          imageAlt: "A curious teenager looking at a computer screen with a thinking expression, soft neon lighting in th",
-        },
-        {
-          title: "Робототехника",
-          description: "LEGO, Tinkercad, инженерное мышление",
-          buttonIcon: "Cpu",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png?_wi=1",
-          imageAlt: "Close up professional portrait of a smiling teen student.",
-        },
-        {
-          title: "3D-моделирование",
-          description: "От идеи до модели — руками и головой",
-          buttonIcon: "Box",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813455246-d9f56432.png?_wi=1",
-          imageAlt: "Close up professional portrait of a teen girl student.",
-        },
-        {
-          title: "YouTube-контент",
-          description: "Монтаж, сценарии, визуал, креатив",
-          buttonIcon: "Youtube",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813454313-dbbf0fe0.png?_wi=1",
-          imageAlt: "Close up professional portrait of a teenage boy student.",
-        },
+        { title: "Программирование", description: "Python, VS Code, логика, проекты из реальной практики", buttonIcon: Code, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/modern-it-learning-environment-with-teen-1774813453655-b923dd3f.png", imageAlt: "Modern IT learning environment with teenagers" },
+        { title: "Дизайн", description: "Adobe Photoshop, Illustrator, InDesign — как у настоящих дизайнеров", buttonIcon: Palette, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/a-curious-teenager-looking-at-a-computer-1774813456081-be3cccfa.png", imageAlt: "Teenager looking at computer" },
+        { title: "Робототехника", description: "LEGO, Tinkercad, инженерное мышление", buttonIcon: Cpu, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png", imageAlt: "Smiling teen" },
+        { title: "3D-моделирование", description: "От идеи до модели — руками и головой", buttonIcon: Box, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813455246-d9f56432.png", imageAlt: "Teen girl" },
+        { title: "YouTube-контент", description: "Монтаж, сценарии, визуал, креатив", buttonIcon: Youtube, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813454313-dbbf0fe0.png", imageAlt: "Teen boy" },
      ]}
      title="Здесь можно попробовать всё"
      description="Не нужно угадывать. Нужно попробовать."
@@ -214,11 +117,7 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="Вот почему студенты ждут пятницу"
      description={[
-        "Преподаватели-практики: Они работают в IT и учат на реальных задачах.",
-        "Современное оборудование: Мощные компьютеры для крутых проектов.",
-        "Гибкость: Пробуйте разные направления, чтобы найти своё.",
-        "Мотивация, а не давление: Мы создаем среду, где хочется учиться.",
-      ]}
+        "Преподаватели-практики: Они работают в IT и учат на реальных задачах.",        "Современное оборудование: Мощные компьютеры для крутых проектов.",        "Гибкость: Пробуйте разные направления, чтобы найти своё.",        "Мотивация, а не давление: Мы создаем среду, где хочется учиться."]}
    />
  </div>

@@ -228,60 +127,16 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
-        {
-          id: "1",
-          name: "Мария С.",
-          role: "Мама",
-          company: "Родитель",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Алексей И.",
-          role: "Студент",
-          company: "Старшая академия",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813455246-d9f56432.png?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Дарья К.",
-          role: "Студентка",
-          company: "Малая академия",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813454313-dbbf0fe0.png?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Иван П.",
-          role: "Студент",
-          company: "Курсы дизайна",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-stud-1774813453025-b86d683a.png",
-        },
-        {
-          id: "5",
-          name: "Елена В.",
-          role: "Мама",
-          company: "Родитель",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png?_wi=3",
-        },
+        { id: "1", name: "Мария С.", role: "Мама", company: "Родитель", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png" },
+        { id: "2", name: "Алексей И.", role: "Студент", company: "Старшая академия", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813455246-d9f56432.png" },
+        { id: "3", name: "Дарья К.", role: "Студентка", company: "Малая академия", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-teen-1774813454313-dbbf0fe0.png" },
+        { id: "4", name: "Иван П.", role: "Студент", company: "Курсы дизайна", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-stud-1774813453025-b86d683a.png" },
+        { id: "5", name: "Елена В.", role: "Мама", company: "Родитель", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdKGwDIewgU6wE7Wcc0Tdpm2OH/close-up-professional-portrait-of-a-smil-1774813454122-bdf3e7d5.png" },
      ]}
      kpiItems={[
-        {
-          value: "10k+",
-          label: "Выпускников",
-        },
-        {
-          value: "500+",
-          label: "Преподавателей",
-        },
-        {
-          value: "20+",
-          label: "Направлений",
-        },
+        { value: "10k+", label: "Выпускников" },
+        { value: "500+", label: "Преподавателей" },
+        { value: "20+", label: "Направлений" },
      ]}
      title="Отзывы"
      description="Что говорят наши студенты и родители."
@@ -294,24 +149,9 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
-        {
-          id: "m1",
-          icon: Users,
-          title: "Знакомство",
-          value: "1",
-        },
-        {
-          id: "m2",
-          icon: BookOpen,
-          title: "Выбор",
-          value: "2",
-        },
-        {
-          id: "m3",
-          icon: Terminal,
-          title: "Проекты",
-          value: "4",
-        },
+        { id: "m1", icon: Users, title: "Знакомство", value: "1" },
+        { id: "m2", icon: BookOpen, title: "Выбор", value: "2" },
+        { id: "m3", icon: Terminal, title: "Проекты", value: "4" },
      ]}
      title="Всё просто и логично"
      description="Наш путь к пониманию IT."
@@ -322,14 +162,11 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={true}
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      text="Ваш ребёнок уже в IT. Вопрос только — как именно. Запишитесь на пробное занятие прямо сейчас!"
      buttons={[
        {
-          text: "Записаться на пробное занятие",
-          href: "#",
-        },
+          text: "Записаться на пробное занятие",          href: "#"},
      ]}
    />
  </div>