From 71ba5f5a405b37d66d47a31c7182013ff1d66859 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 18:17:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 420 ++++++++++++++++-------------------------------
 1 file changed, 140 insertions(+), 280 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e3eeed..47e6415 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,293 +27,153 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Trust",
-          id: "#trust",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Fox Tek"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "#products" },
+              { name: "Trust", id: "#trust" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Fox Tek"
+            button={{ text: "Заказать", href: "https://wa.me/77754418013" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Оригинальная техника Apple по лучшим ценам в Астане"
-      description="Гарантия. Проверка при покупке. Бесплатная доставка. Выбирайте надежность и сервис в Fox Tek."
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png",
-          alt: "Customer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-happy-student-working-on-a-1774894594388-0f9d55f5.png",
-          alt: "Customer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-young-woman-with-airpods-m-1774894595132-7540a1f3.png",
-          alt: "Customer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/happy-man-unpacking-a-new-gaming-console-1774894594457-7b9b1d20.png",
-          alt: "Customer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="20,000+ довольных клиентов"
-      buttons={[
-        {
-          text: "Позвонить",
-          href: "tel:+77754418013",
-        },
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/77754418013",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Оригинал 100%",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Гарантия 1 год",
-          icon: Award,
-        },
-        {
-          type: "text-icon",
-          text: "Бесплатная доставка",
-          icon: Truck,
-        },
-        {
-          type: "text-icon",
-          text: "Техподдержка 24/7",
-          icon: Headphones,
-        },
-        {
-          type: "text-icon",
-          text: "Оплата при получении",
-          icon: Wallet,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "gradient-bars" }}
+            title="Оригинальная техника Apple по лучшим ценам в Астане"
+            description="Гарантия. Проверка при покупке. Бесплатная доставка. Выбирайте надежность и сервис в Fox Tek."
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png", alt: "Customer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-happy-student-working-on-a-1774894594388-0f9d55f5.png", alt: "Customer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-young-woman-with-airpods-m-1774894595132-7540a1f3.png", alt: "Customer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/happy-man-unpacking-a-new-gaming-console-1774894594457-7b9b1d20.png", alt: "Customer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png", alt: "Customer" },
+            ]}
+            avatarText="20,000+ довольных клиентов"
+            buttons={[
+              { text: "Позвонить", href: "tel:+77754418013" },
+              { text: "WhatsApp", href: "https://wa.me/77754418013" },
+            ]}
+            buttonAnimation="slide-up"
+            marqueeItems={[
+              { type: "text-icon", text: "Оригинал 100%", icon: ShieldCheck },
+              { type: "text-icon", text: "Гарантия 1 год", icon: Award },
+              { type: "text-icon", text: "Бесплатная доставка", icon: Truck },
+              { type: "text-icon", text: "Техподдержка 24/7", icon: Headphones },
+              { type: "text-icon", text: "Оплата при получении", icon: Wallet },
+            ]}
+          />
+        </div>
 
-  <div id="trust" data-section="trust">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Надежность и сервис — наш приоритет"
-      description="Fox Tek работает с 2024 года, предоставляя только оригинальную продукцию Apple, Dyson и игровых консолей. Мы гарантируем прозрачные цены и честность на каждом этапе покупки."
-      metrics={[
-        {
-          value: "100%",
-          title: "Оригинальность",
-        },
-        {
-          value: "0",
-          title: "Скрытых комиссий",
-        },
-        {
-          value: "24/7",
-          title: "Поддержка",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/a-bright-modern-welcoming-electronics-st-1774894593226-f0938456.png"
-      imageAlt="Fox Tek Store Astana"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="trust" data-section="trust">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Надежность и сервис — наш приоритет"
+            description="Fox Tek работает с 2024 года, предоставляя только оригинальную продукцию Apple, Dyson и игровых консолей. Мы гарантируем прозрачные цены и честность на каждом этапе покупки."
+            metrics={[
+              { value: "100%", title: "Оригинальность" },
+              { value: "0", title: "Скрытых комиссий" },
+              { value: "24/7", title: "Поддержка" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/a-bright-modern-welcoming-electronics-st-1774894593226-f0938456.png"
+            imageAlt="Fox Tek Store Astana"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "p1",
-          badge: "Apple",
-          price: "от 350,000 ₸",
-          subtitle: "MacBook Air M1",
-          features: [
-            "Оригинал",
-            "Гарантия 1 год",
-            "Бесплатная доставка",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Apple",
-          price: "от 119,000 ₸",
-          subtitle: "Apple Watch SE",
-          features: [
-            "Оригинал",
-            "Проверка при покупке",
-            "Поддержка 24/7",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Gaming",
-          price: "от 280,000 ₸",
-          subtitle: "Sony PlayStation 5",
-          features: [
-            "Версия Slim",
-            "Официальная гарантия",
-            "Быстрая доставка",
-          ],
-        },
-      ]}
-      title="Актуальные цены"
-      description="Мы постоянно обновляем наш прайс, чтобы предложить вам лучшую стоимость на рынке Астаны."
-      buttons={[
-        {
-          text: "Запросить прайс",
-          href: "https://wa.me/77754418013",
-        },
-      ]}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              {
+                id: "p1",                badge: "Apple",                price: "от 350,000 ₸",                subtitle: "MacBook Air M1",                features: ["Оригинал", "Гарантия 1 год", "Бесплатная доставка"],
+              },
+              {
+                id: "p2",                badge: "Apple",                price: "от 119,000 ₸",                subtitle: "Apple Watch SE",                features: ["Оригинал", "Проверка при покупке", "Поддержка 24/7"],
+              },
+              {
+                id: "p3",                badge: "Gaming",                price: "от 280,000 ₸",                subtitle: "Sony PlayStation 5",                features: ["Версия Slim", "Официальная гарантия", "Быстрая доставка"],
+              },
+            ]}
+            title="Актуальные цены"
+            description="Мы постоянно обновляем наш прайс, чтобы предложить вам лучшую стоимость на рынке Астаны."
+            buttons={[{ text: "Запросить прайс", href: "https://wa.me/77754418013" }]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Почему цены ниже, чем в крупных сетях?",
-          content: "Мы работаем по модели прямых поставок с минимальной наценкой и не тратим средства на содержание огромных шоурумов, что позволяет экономить ваши деньги.",
-        },
-        {
-          id: "f2",
-          title: "Техника точно оригинальная?",
-          content: "Да, абсолютно. Мы работаем только с официальными дистрибьюторами и предоставляем возможность полной проверки устройства при покупке.",
-        },
-        {
-          id: "f3",
-          title: "Как работает доставка?",
-          content: "Мы осуществляем бесплатную доставку по Астане в день заказа. Также возможен самовывоз из нашего офиса.",
-        },
-      ]}
-      title="Почему у нас ниже цены?"
-      description="Прозрачность — основа нашего доверия. Вот почему мы предлагаем лучшее:"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "f1",                title: "Почему цены ниже, чем в крупных сетях?",                content: "Мы работаем по модели прямых поставок с минимальной наценкой и не тратим средства на содержание огромных шоурумов, что позволяет экономить ваши деньги."},
+              {
+                id: "f2",                title: "Техника точно оригинальная?",                content: "Да, абсолютно. Мы работаем только с официальными дистрибьюторами и предоставляем возможность полной проверки устройства при покупке."},
+              {
+                id: "f3",                title: "Как работает доставка?",                content: "Мы осуществляем бесплатную доставку по Астане в день заказа. Также возможен самовывоз из нашего офиса."},
+            ]}
+            title="Почему у нас ниже цены?"
+            description="Прозрачность — основа нашего доверия. Вот почему мы предлагаем лучшее:"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Айгерим",
-          handle: "@aigerim_kz",
-          testimonial: "Купила iPhone 15, все оригинальное. Очень быстрая доставка по Астане!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Нурлан",
-          handle: "@nurlan_dev",
-          testimonial: "Цены действительно ниже, чем в магазинах. Рекомендую всем знакомым.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-happy-student-working-on-a-1774894594388-0f9d55f5.png",
-        },
-        {
-          id: "t3",
-          name: "Динара",
-          handle: "@dina_apple",
-          testimonial: "Спасибо за AirPods! Оригинал, проверили при получении. Сервис отличный.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-young-woman-with-airpods-m-1774894595132-7540a1f3.png",
-        },
-        {
-          id: "t4",
-          name: "Ерлан",
-          handle: "@erlan_tech",
-          testimonial: "Взял PS5, все отлично работает. Ответ в WhatsApp дали за пару минут.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/happy-man-unpacking-a-new-gaming-console-1774894594457-7b9b1d20.png",
-        },
-        {
-          id: "t5",
-          name: "Асет",
-          handle: "@aset_tech",
-          testimonial: "Лучший магазин в Астане. Доставили за 30 минут!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png?_wi=2",
-        },
-      ]}
-      showRating={true}
-      title="Отзывы клиентов"
-      description="Более 20,000 клиентов выбрали Fox Tek. Читайте, что говорят о нас."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              {
+                id: "t1",                name: "Айгерим",                handle: "@aigerim_kz",                testimonial: "Купила iPhone 15, все оригинальное. Очень быстрая доставка по Астане!",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png"},
+              {
+                id: "t2",                name: "Нурлан",                handle: "@nurlan_dev",                testimonial: "Цены действительно ниже, чем в магазинах. Рекомендую всем знакомым.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-happy-student-working-on-a-1774894594388-0f9d55f5.png"},
+              {
+                id: "t3",                name: "Динара",                handle: "@dina_apple",                testimonial: "Спасибо за AirPods! Оригинал, проверили при получении. Сервис отличный.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/portrait-of-a-young-woman-with-airpods-m-1774894595132-7540a1f3.png"},
+              {
+                id: "t4",                name: "Ерлан",                handle: "@erlan_tech",                testimonial: "Взял PS5, все отлично работает. Ответ в WhatsApp дали за пару минут.",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/happy-man-unpacking-a-new-gaming-console-1774894594457-7b9b1d20.png"},
+              {
+                id: "t5",                name: "Асет",                handle: "@aset_tech",                testimonial: "Лучший магазин в Астане. Доставили за 30 минут!",                rating: 5,
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfykAvwTfCB2mVeTovCh4YfSZ1/close-up-portrait-of-a-smiling-young-pro-1774894594442-80dba6f7.png"},
+            ]}
+            showRating={true}
+            title="Отзывы клиентов"
+            description="Более 20,000 клиентов выбрали Fox Tek. Читайте, что говорят о нас."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Свяжитесь с нами"
-      title="Готовы сделать заказ?"
-      description="Напишите в WhatsApp прямо сейчас и получите консультацию за 2 минуты."
-      buttons={[
-        {
-          text: "Написать в WhatsApp",
-          href: "https://wa.me/77754418013",
-        },
-        {
-          text: "Позвонить",
-          href: "tel:+77754418013",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Свяжитесь с нами"
+            title="Готовы сделать заказ?"
+            description="Напишите в WhatsApp прямо сейчас и получите консультацию за 2 минуты."
+            buttons={[
+              { text: "Написать в WhatsApp", href: "https://wa.me/77754418013" },
+              { text: "Позвонить", href: "tel:+77754418013" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Fox Tek"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Fox Tek Astana",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Fox Tek"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "© 2024 Fox Tek Astana", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1