Merge version_1 into main #2
420
src/app/page.tsx
420
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user