Update src/app/page.tsx

2026-06-11 10:05:14 +00:00
parent 361a0b5e42
commit aaf05ce64a
1 changed files with 41 additions and 138 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,31 +30,19 @@ export default function LandingPage() {
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Главная",
-          id: "#hero",
-        },
+          name: "Главная",          id: "#hero"},
        {
-          name: "О нас",
-          id: "#about",
-        },
+          name: "О нас",          id: "#about"},
        {
-          name: "Услуги",
-          id: "#services",
-        },
+          name: "Услуги",          id: "#services"},
        {
-          name: "Отзывы",
-          id: "#testimonials",
-        },
+          name: "Отзывы",          id: "#testimonials"},
        {
-          name: "Контакты",
-          id: "#contact",
-        },
+          name: "Контакты",          id: "#contact"},
      ]}
      brandName="AutoPro"
      button={{
-        text: "Записаться",
-        href: "#contact",
-      }}
+        text: "Записаться",        href: "#contact"}}
      animateOnLoad={true}
    />
  </div>
@@ -62,40 +50,21 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
      title="Ваш надежный автосервис в Алматы"
      description="AutoPro предоставляет полный спектр услуг по ремонту и обслуживанию автомобилей с гарантией качества и профессионализма."
      tag="AutoPro: Заботимся о Вашем Автомобиле"
      tagAnimation="blur-reveal"
      buttons={[
        {
-          text: "Записаться на обслуживание",
-          href: "#contact",
-        },
+          text: "Записаться на обслуживание",          href: "#contact"},
      ]}
      buttonAnimation="blur-reveal"
      mediaItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1345.jpg",
-          imageAlt: "Механик осматривает двигатель автомобиля",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1345.jpg",          imageAlt: "Механик осматривает двигатель автомобиля"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14041.jpg",
-          imageAlt: "Спортивный автомобиль на подъемнике",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-digital-tablet-while-repairing-analyzing-engine-auto-repair-shop_637285-4307.jpg",
-          imageAlt: "Car mechanic using digital tablet while repairing analyzing engine in auto repair shop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-running-car-diagnostic-laptop-auto-repair-shop_637285-8642.jpg",
-          imageAlt: "Mid adult mechanic running car diagnostic on laptop in auto repair shop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg",
-          imageAlt: "Mechanic using laptop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14041.jpg",          imageAlt: "Спортивный автомобиль на подъемнике"}
      ]}
      mediaAnimation="reveal-blur"
      rating={5}
@@ -108,9 +77,7 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="О нас"
      description={[
-        "AutoPro – это современный автосервис в Алматы, специализирующийся на высококачественном обслуживании и ремонте автомобилей. Мы используем только проверенное оборудование и оригинальные запчасти.",
-        "Наша команда состоит из опытных механиков и специалистов, готовых решить любую проблему с вашим автомобилем. Мы ценим доверие наших клиентов и стремимся предоставить лучший сервис.",
-      ]}
+        "AutoPro – это современный автосервис в Алматы, специализирующийся на высококачественном обслуживании и ремонте автомобилей. Мы используем только проверенное оборудование и оригинальные запчасти.",        "Наша команда состоит из опытных механиков и специалистов, готовых решить любую проблему с вашим автомобилем. Мы ценим доверие наших клиентов и стремимся предоставить лучший сервис."]}
    />
  </div>

@@ -118,74 +85,31 @@ export default function LandingPage() {
      <PricingCardFive
      textboxLayout="default"
      useInvertedBackground={false}
+      animationType="blur-reveal"
      plans={[
        {
-          id: "oil-change",
-          tag: "Стандарт",
-          price: "5 000 тг",
-          period: "за услугу",
-          description: "Быстрая и качественная замена масла с использованием рекомендованных производителем материалов.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Включает:",
-          features: [
-            "Слив старого масла",
-            "Замена масляного фильтра",
-            "Заливка нового масла",
-            "Проверка уровня жидкостей",
-          ],
+          id: "oil-change",          tag: "Стандарт",          price: "5 000 тг",          period: "за услугу",          description: "Быстрая и качественная замена масла с использованием рекомендованных производителем материалов.",          button: {
+            text: "Записаться"},
+          featuresTitle: "Включает:",          features: [
+            "Слив старого масла",            "Замена масляного фильтра",            "Заливка нового масла",            "Проверка уровня жидкостей"],
        },
        {
-          id: "diagnostics",
-          tag: "Базовый",
-          price: "3 000 тг",
-          period: "за услугу",
-          description: "Полная компьютерная диагностика вашего автомобиля для выявления скрытых неисправностей.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Включает:",
-          features: [
-            "Компьютерная диагностика",
-            "Проверка ошибок двигателя",
-            "Диагностика электронных систем",
-            "Рекомендации по ремонту",
-          ],
+          id: "diagnostics",          tag: "Базовый",          price: "3 000 тг",          period: "за услугу",          description: "Полная компьютерная диагностика вашего автомобиля для выявления скрытых неисправностей.",          button: {
+            text: "Записаться"},
+          featuresTitle: "Включает:",          features: [
+            "Компьютерная диагностика",            "Проверка ошибок двигателя",            "Диагностика электронных систем",            "Рекомендации по ремонту"],
        },
        {
-          id: "tire-fitting",
-          tag: "Акция",
-          price: "2 000 тг",
-          period: "за колесо",
-          description: "Профессиональный шиномонтаж для всех типов легковых автомобилей.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Включает:",
-          features: [
-            "Снятие/установка колеса",
-            "Монтаж/демонтаж шины",
-            "Балансировка",
-            "Проверка давления",
-          ],
+          id: "tire-fitting",          tag: "Акция",          price: "2 000 тг",          period: "за колесо",          description: "Профессиональный шиномонтаж для всех типов легковых автомобилей.",          button: {
+            text: "Записаться"},
+          featuresTitle: "Включает:",          features: [
+            "Снятие/установка колеса",            "Монтаж/демонтаж шины",            "Балансировка",            "Проверка давления"],
        },
        {
-          id: "engine-repair",
-          tag: "Премиум",
-          price: "от 15 000 тг",
-          period: "за услугу",
-          description: "Капитальный и частичный ремонт двигателя любой сложности с гарантией.",
-          button: {
-            text: "Записаться",
-          },
-          featuresTitle: "Включает:",
-          features: [
-            "Диагностика двигателя",
-            "Ремонт или замена деталей",
-            "Тестирование после ремонта",
-            "Гарантия на работы",
-          ],
+          id: "engine-repair",          tag: "Премиум",          price: "от 15 000 тг",          period: "за услугу",          description: "Капитальный и частичный ремонт двигателя любой сложности с гарантией.",          button: {
+            text: "Записаться"},
+          featuresTitle: "Включает:",          features: [
+            "Диагностика двигателя",            "Ремонт или замена деталей",            "Тестирование после ремонта",            "Гарантия на работы"],
        },
      ]}
      title="Наши услуги и цены"
@@ -201,28 +125,18 @@ export default function LandingPage() {
      author="Алексей Смирнов"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-wearing-glasses_329181-745.jpg",
-          alt: "Аватар Алексей Смирнов",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-wearing-glasses_329181-745.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: "Аватар Елена Козлова"},
        {
-          src: "http://img.b2bpic.net/free-photo/front-view-old-man-with-long-beard_23-2149833670.jpg",
-          alt: "Аватар Иван Петров",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-old-man-with-long-beard_23-2149833670.jpg",          alt: "Аватар Иван Петров"},
        {
-          src: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-holds-hand-chin-has-dark-hair_273609-44223.jpg",
-          alt: "Аватар Мария Сидорова",
-        },
+          src: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-holds-hand-chin-has-dark-hair_273609-44223.jpg",          alt: "Аватар Мария Сидорова"},
        {
-          src: "http://img.b2bpic.net/free-photo/front-view-emotional-bearded-man-making-eyeglasses-gesture-isolated-dark-wall_140725-97164.jpg",
-          alt: "Front view of emotional bearded man making eyeglasses gesture on isolated dark wall",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-emotional-bearded-man-making-eyeglasses-gesture-isolated-dark-wall_140725-97164.jpg",          alt: "Front view of emotional bearded man making eyeglasses gesture on isolated dark wall"},
      ]}
-      ratingAnimation="reveal-blur"
-      avatarsAnimation="reveal-blur"
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="blur-reveal"
    />
  </div>

@@ -230,18 +144,13 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "downward-rays-static-grid",
-      }}
+        variant: "downward-rays-static-grid"}}
      text="Свяжитесь с нами сегодня, чтобы записаться на обслуживание или получить консультацию. Мы всегда готовы помочь вашему автомобилю."
      buttons={[
        {
-          text: "Позвонить",
-          href: "tel:+77011234567",
-        },
+          text: "Позвонить",          href: "tel:+77011234567"},
        {
-          text: "Написать в WhatsApp",
-          href: "https://wa.me/77011234567",
-        },
+          text: "Написать в WhatsApp",          href: "https://wa.me/77011234567"},
      ]}
    />
  </div>
@@ -253,19 +162,13 @@ export default function LandingPage() {
      socialLinks={[
        {
          icon: Instagram,
-          href: "https://instagram.com/autopro_almaty",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/autopro_almaty",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
-          href: "https://facebook.com/autopro.almaty",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/autopro.almaty",          ariaLabel: "Facebook"},
        {
          icon: Film,
-          href: "https://youtube.com/@autopro_almaty",
-          ariaLabel: "YouTube",
-        },
+          href: "https://youtube.com/@autopro_almaty",          ariaLabel: "YouTube"},
      ]}
    />
  </div>