Update src/app/page.tsx

Merge version_2 into main
2026-05-25 07:38:52 +00:00 · 2026-05-25 07:37:02 +00:00 · 2026-05-25 07:36:33 +00:00
1 changed files with 138 additions and 127 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Instagram, Twitter } from "lucide-react";
+import { Instagram, Twitter, MessageCircle, ShieldCheck, Truck } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -28,140 +28,151 @@ export default function LandingPage() {
        headingFontWeight="semibold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Главная", id: "hero" },
-        { name: "Каталог", id: "products" },
-        { name: "Почему мы", id: "about" },
-        { name: "Отзывы", id: "testimonials" },
-      ]}
-      brandName="TOZA AUTO"
-    />
-  </div>
+        <div className="fixed bottom-6 right-6 z-50">
+            <a href="https://wa.me/7000000000" className="flex items-center justify-center w-16 h-16 bg-[#25D366] text-white rounded-full shadow-lg hover:scale-110 transition-transform">
+                <MessageCircle size={32} />
+            </a>
+        </div>
+        
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Главная", id: "hero" },
+                { name: "Каталог", id: "products" },
+                { name: "Почему мы", id: "about" },
+                { name: "Отзывы", id: "testimonials" },
+            ]}
+            brandName="TOZA AUTO"
+            />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{ variant: "radial-gradient" }}
-      title="TOZA AUTO — стиль начинается с деталей"
-      description="Профессиональный уход и премиальные аксессуары для тех, кто ценит свой автомобиль."
-      tag="PREMIUM AUTO CARE"
-      tagAnimation="blur-reveal"
-      buttons={[
-        { text: "Shop Now", href: "#products" },
-        { text: "Contact WhatsApp", href: "https://wa.me/7000000000" },
-      ]}
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg", imageAlt: "Luxury car studio" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193559.jpg", imageAlt: "Ceramic coating detail" },
-      ]}
-    />
-  </div>
+        <div className="flex justify-center gap-8 py-4 bg-gray-50 border-b">
+            <div className="flex items-center gap-2"><ShieldCheck className="text-blue-600" /><span>Гарантия качества</span></div>
+            <div className="flex items-center gap-2"><Truck className="text-blue-600" /><span>Быстрая доставка</span></div>
+        </div>

-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="blur-reveal"
-      textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
-      products={[
-        { id: "1", name: "Чернитель шин премиум", price: "1 200 ₽", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-oil-painting-tubes_23-2149629992.jpg" },
-        { id: "2", name: "Автошампунь для блеска", price: "900 ₽", imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizer-shampoo-white-container-blue-wall-wooden-table_114579-7225.jpg" },
-        { id: "3", name: "Очиститель салона", price: "1 100 ₽", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg" },
-      ]}
-      buttons={[{ text: "Order Now", href: "#" }]}
-      title="Каталог аксессуаров и косметики"
-      description="Лучшие решения для блеска и комфорта вашего автомобиля."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardCarousel
+            background={{ variant: "radial-gradient" }}
+            title="TOZA AUTO — стиль начинается с деталей"
+            description="Профессиональный уход и премиальные аксессуары для тех, кто ценит свой автомобиль."
+            tag="PREMIUM AUTO CARE"
+            tagAnimation="blur-reveal"
+            buttons={[
+                { text: "Shop Now", href: "#products" },
+                { text: "Contact WhatsApp", href: "https://wa.me/7000000000" },
+            ]}
+            mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg", imageAlt: "Luxury car studio" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193559.jpg", imageAlt: "Ceramic coating detail" },
+            ]}
+            />
+        </div>

-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split-actions"
-      useInvertedBackground={false}
-      title="Почему выбирают TOZA AUTO"
-      description="Твоя машина заслуживает лучшего ухода. Мы предлагаем только проверенные бренды и аксессуары высшего класса."
-      buttons={[{ text: "Order Now", href: "#" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138880.jpg"
-      mediaAnimation="blur-reveal"
-      bulletPoints={[
-        { title: "Качество", description: "Только премиальные бренды." },
-        { title: "Сервис", description: "Профессиональный подход к каждому." }
-      ]}
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardThree
+            animationType="blur-reveal"
+            textboxLayout="default"
+            gridVariant="one-large-left-three-stacked-right"
+            useInvertedBackground={false}
+            products={[
+                { id: "1", name: "Чернитель шин премиум", price: "1 200 ₽", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-oil-painting-tubes_23-2149629992.jpg" },
+                { id: "2", name: "Автошампунь для блеска", price: "900 ₽", imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizer-shampoo-white-container-blue-wall-wooden-table_114579-7225.jpg" },
+                { id: "3", name: "Очиститель салона", price: "1 100 ₽", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg" },
+            ]}
+            buttons={[{ text: "Order Now", href: "#" }]}
+            title="Каталог аксессуаров и косметики"
+            description="Лучшие решения для блеска и комфорта вашего автомобиля."
+            />
+        </div>

-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="blur-reveal"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        { title: "Защита кузова", description: "Долговечные керамические составы.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg" },
-        { title: "Идеальный салон", description: "Профессиональная очистка и защита.", imageSrc: "http://img.b2bpic.net/free-photo/beige-interior-decoration-luxurious-car_181624-25274.jpg" },
-      ]}
-      title="Превосходство в каждой детали"
-      description="Технологичные решения для поддержания безупречного состояния вашего транспорта."
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split-actions"
+            useInvertedBackground={false}
+            title="Почему выбирают TOZA AUTO"
+            description="Твоя машина заслуживает лучшего ухода. Мы предлагаем только проверенные бренды и аксессуары высшего класса."
+            buttons={[{ text: "Order Now", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138880.jpg"
+            mediaAnimation="blur-reveal"
+            bulletPoints={[
+                { title: "Качество", description: "Только премиальные бренды." },
+                { title: "Сервис", description: "Профессиональный подход к каждому." }
+            ]}
+            />
+        </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="blur-reveal"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Алексей С.", role: "BMW Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-while-traveling-by-car-back-seat-using-smartphone_158595-4236.jpg" },
-        { id: "2", name: "Дмитрий В.", role: "Mercedes Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14562.jpg" },
-      ]}
-      kpiItems={[
-        { value: "5000+", label: "Счастливых клиентов" },
-        { value: "99%", label: "Повторных заказов" },
-        { value: "150+", label: "Премиум товаров" },
-      ]}
-      title="Что говорят наши клиенты"
-      description="Нам доверяют тысячи автовладельцев по всей стране."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardThree
+            animationType="blur-reveal"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+                { title: "Защита кузова", description: "Долговечные керамические составы.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg" },
+                { title: "Идеальный салон", description: "Профессиональная очистка и защита.", imageSrc: "http://img.b2bpic.net/free-photo/beige-interior-decoration-luxurious-car_181624-25274.jpg" },
+            ]}
+            title="Превосходство в каждой детали"
+            description="Технологичные решения для поддержания безупречного состояния вашего транспорта."
+            />
+        </div>

-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "1", title: "Как оформить заказ?", content: "Просто напишите нам в WhatsApp или оставьте заявку на сайте." },
-        { id: "2", title: "Есть ли доставка?", content: "Да, мы доставляем товары курьерской службой в любой город." },
-      ]}
-      title="Частые вопросы"
-      description="Ответы на популярные вопросы о нашем ассортименте."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSixteen
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+                { id: "1", name: "Алексей С.", role: "BMW Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-while-traveling-by-car-back-seat-using-smartphone_158595-4236.jpg" },
+                { id: "2", name: "Дмитрий В.", role: "Mercedes Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14562.jpg" },
+            ]}
+            kpiItems={[
+                { value: "5000+", label: "Счастливых клиентов" },
+                { value: "99%", label: "Повторных заказов" },
+                { value: "150+", label: "Премиум товаров" },
+            ]}
+            title="Что говорят наши клиенты"
+            description="Нам доверяют тысячи автовладельцев по всей стране."
+            />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      text="Готовы сделать ваш авто идеальным? Напишите нам прямо сейчас в WhatsApp или подпишитесь на соцсети."
-      buttons={[
-        { text: "Contact WhatsApp", href: "https://wa.me/7000000000" },
-        { text: "Order Now", href: "#" },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+                { id: "1", title: "Как оформить заказ?", content: "Просто напишите нам в WhatsApp или оставьте заявку на сайте." },
+                { id: "2", title: "Есть ли доставка?", content: "Да, мы доставляем товары курьерской службой в любой город." },
+            ]}
+            title="Частые вопросы"
+            description="Ответы на популярные вопросы о нашем ассортименте."
+            faqsAnimation="blur-reveal"
+            />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="TOZA AUTO"
-      copyrightText="© 2025 | TOZA AUTO. Все права защищены."
-      socialLinks={[
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-        { icon: Twitter, href: "#", ariaLabel: "TikTok" },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Готовы сделать ваш авто идеальным? Напишите нам прямо сейчас в WhatsApp или подпишитесь на соцсети."
+            buttons={[
+                { text: "Contact WhatsApp", href: "https://wa.me/7000000000" },
+                { text: "Order Now", href: "#" },
+            ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoText="TOZA AUTO"
+            copyrightText="© 2025 | TOZA AUTO. Все права защищены."
+            socialLinks={[
+                { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                { icon: Twitter, href: "#", ariaLabel: "TikTok" },
+            ]}
+            />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	15890e88da	Update src/app/page.tsx	2026-05-25 07:38:52 +00:00
bender	30d9ff236f	Merge version_2 into main Merge version_2 into main	2026-05-25 07:37:02 +00:00
bender	b67da52651	Merge version_2 into main Merge version_2 into main	2026-05-25 07:36:33 +00:00