Merge version_3 into main #5
@@ -42,7 +42,7 @@ export default function LandingPage() {
|
||||
{ id: "1", name: "Gaming Laptop Pro", price: "450000 ₸", variant: "Black RTX 4060", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=1", imageAlt: "Gaming Laptop", category: "Laptops & Desktops", isFavorited: false },
|
||||
{ id: "2", name: "Desktop Workstation", price: "850000 ₸", variant: "RTX 4090 Build", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=1", imageAlt: "Workstation", category: "Laptops & Desktops", isFavorited: false },
|
||||
{ id: "3", name: "Budget Gaming Laptop", price: "320000 ₸", variant: "RTX 3060", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=1", imageAlt: "Budget Laptop", category: "Laptops & Desktops", isFavorited: false },
|
||||
{ id: "4", name: "Ultrabook Premium", price: "580000 ₸", variant: "13" Ultra Thin", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=1", imageAlt: "Ultrabook", category: "Laptops & Desktops", isFavorited: false },
|
||||
{ id: "4", name: "Ultrabook Premium", price: "580000 ₸", variant: "13\" Ultra Thin", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=1", imageAlt: "Ultrabook", category: "Laptops & Desktops", isFavorited: false },
|
||||
{ id: "5", name: "Mini PC", price: "145000 ₸", variant: "Compact i7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=2", imageAlt: "Mini PC", category: "Laptops & Desktops", isFavorited: false },
|
||||
// Peripherals - Input (8 items)
|
||||
{ id: "6", name: "Mechanical Keyboard RGB", price: "35000 ₸", variant: "Red Switches 4 Colors", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=2", imageAlt: "Mechanical Keyboard", category: "Peripherals - Input", isFavorited: false },
|
||||
@@ -55,12 +55,12 @@ export default function LandingPage() {
|
||||
{ id: "13", name: "Ergonomic Mouse Vertical", price: "22000 ₸", variant: "USB Wired", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=4", imageAlt: "Vertical Mouse", category: "Peripherals - Input", isFavorited: false },
|
||||
// Displays & Monitors (7 items)
|
||||
{ id: "14", name: "4K Ultra Monitor", price: "185000 ₸", variant: "27 inch 144Hz", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=4", imageAlt: "4K Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "15", name: "Gaming Monitor 240Hz", price: "125000 ₸", variant: "27" 1440p", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=4", imageAlt: "Gaming Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "16", name: "Ultrawide Monitor", price: "165000 ₸", variant: "34" 3440x1440", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=4", imageAlt: "Ultrawide", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "15", name: "Gaming Monitor 240Hz", price: "125000 ₸", variant: "27\" 1440p", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=4", imageAlt: "Gaming Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "16", name: "Ultrawide Monitor", price: "165000 ₸", variant: "34\" 3440x1440", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=4", imageAlt: "Ultrawide", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "17", name: "Portable Monitor USB-C", price: "95000 ₸", variant: "15.6 Inch FHD", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=5", imageAlt: "Portable Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "18", name: "Budget IPS Monitor", price: "65000 ₸", variant: "24" 1080p", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=5", imageAlt: "Budget Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "19", name: "Curved Gaming Monitor", price: "145000 ₸", variant: "32" 1440p Curved", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=5", imageAlt: "Curved Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "20", name: "Touch Screen Monitor", price: "210000 ₸", variant: "27" 4K Touch", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=5", imageAlt: "Touch Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "18", name: "Budget IPS Monitor", price: "65000 ₸", variant: "24\" 1080p", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=5", imageAlt: "Budget Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "19", name: "Curved Gaming Monitor", price: "145000 ₸", variant: "32\" 1440p Curved", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=5", imageAlt: "Curved Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
{ id: "20", name: "Touch Screen Monitor", price: "210000 ₸", variant: "27\" 4K Touch", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=5", imageAlt: "Touch Monitor", category: "Displays & Monitors", isFavorited: false },
|
||||
// Computer Components (15 items)
|
||||
{ id: "21", name: "RTX 4070 Graphics Card", price: "380000 ₸", variant: "12GB GDDR6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=6", imageAlt: "Graphics Card", category: "Computer Components", isFavorited: false },
|
||||
{ id: "22", name: "Intel Core i9 Processor", price: "280000 ₸", variant: "13th Gen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=6", imageAlt: "CPU", category: "Computer Components", isFavorited: false },
|
||||
@@ -210,7 +210,6 @@ export default function LandingPage() {
|
||||
{ name: "Контакты", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Заказать", href: "contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
{showCart && (
|
||||
<div className="fixed top-20 right-4 z-50 bg-white dark:bg-gray-900 rounded-lg shadow-lg p-4 w-96 max-h-96 overflow-y-auto">
|
||||
@@ -272,16 +271,11 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rgb-lights-illuminated-fans-gaming-computer-close-up_482257-98446.jpg?_wi=1"
|
||||
imageAlt="Компьютерная техника"
|
||||
className="w-full"
|
||||
containerClassName="max-w-full"
|
||||
titleClassName="text-4xl md:text-5xl"
|
||||
descriptionClassName="text-lg md:text-xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<div className="w-full py-16 md:py-20 px-4">
|
||||
{/* Category Loading State */}
|
||||
{isLoadingCategories ? (
|
||||
<div className="flex flex-col items-center justify-center min-h-96">
|
||||
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-current mb-4"></div>
|
||||
@@ -289,7 +283,6 @@ export default function LandingPage() {
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
{/* Category Navigation */}
|
||||
<div className="max-w-6xl mx-auto mb-8">
|
||||
<h2 className="text-3xl md:text-4xl font-bold mb-6">Категории товаров</h2>
|
||||
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
|
||||
@@ -309,7 +302,6 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Products Grid */}
|
||||
<ProductCardFour
|
||||
title={selectedCategory?.name || "Товары"}
|
||||
description={`Выберите из ${selectedCategory?.products.length || 0} качественных товаров в этой категории`}
|
||||
@@ -363,22 +355,22 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "До 500,000 ₸", name: "Эконом комплект", buttons: [
|
||||
id: "1", price: "До 500,000 ₸", name: "Эконом комплект", buttons: [
|
||||
{ text: "Выбрать", href: "#" },
|
||||
{ text: "Узнать больше", href: "#" }
|
||||
],
|
||||
features: ["Базовые компоненты", "Стандартная гарантия", "Бесплатная доставка", "Консультация продавца"]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Рекомендуемый", badgeIcon: Sparkles,
|
||||
price: "От 500,000 до 1,500,000 ₸", name: "Профессиональный", buttons: [
|
||||
id: "2", badge: "Рекомендуемый", badgeIcon: Sparkles,
|
||||
price: "От 500,000 до 1,500,000 ₸", name: "Профессиональный", buttons: [
|
||||
{ text: "Выбрать", href: "#" },
|
||||
{ text: "Узнать больше", href: "#" }
|
||||
],
|
||||
features: ["Премиум компоненты", "Расширенная гарантия", "Приоритетная доставка", "Техническая поддержка", "Бесплатная установка"]
|
||||
},
|
||||
{
|
||||
id: "3", price: "От 1,500,000 ₸", name: "Премиум решение", buttons: [
|
||||
id: "3", price: "От 1,500,000 ₸", name: "Премиум решение", buttons: [
|
||||
{ text: "Выбрать", href: "#" },
|
||||
{ text: "Связаться с нами", href: "#" }
|
||||
],
|
||||
@@ -400,16 +392,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Отличный сервис и качество", quote: "Купил мощный компьютер для работы. Все работает идеально! Дружелюбный персонал помог выбрать оптимальную конфигурацию. Рекомендую!", name: "Аркадий Петров", role: "Дизайнер", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=1", imageAlt: "Аркадий Петров"
|
||||
id: "1", title: "Отличный сервис и качество", quote: "Купил мощный компьютер для работы. Все работает идеально! Дружелюбный персонал помог выбрать оптимальную конфигурацию. Рекомендую!", name: "Аркадий Петров", role: "Дизайнер", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=1", imageAlt: "Аркадий Петров"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Быстрая доставка и гарантия", quote: "Заказал ноутбук для учебы. Доставили за два дня, все в идеальном состоянии. Спасибо Акжол за надежность!", name: "Мария Сидорова", role: "Студент", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=2", imageAlt: "Мария Сидорова"
|
||||
id: "2", title: "Быстрая доставка и гарантия", quote: "Заказал ноутбук для учебы. Доставили за два дня, все в идеальном состоянии. Спасибо Акжол за надежность!", name: "Мария Сидорова", role: "Студент", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=2", imageAlt: "Мария Сидорова"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Лучшие цены в городе", quote: "Сравнивал цены на мониторы. В Акжол самые выгодные предложения и качественное обслуживание. Спешу рекомендовать друзьям!", name: "Ерболат Абишев", role: "Программист", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=3", imageAlt: "Ерболат Абишев"
|
||||
id: "3", title: "Лучшие цены в городе", quote: "Сравнивал цены на мониторы. В Акжол самые выгодные предложения и качественное обслуживание. Спешу рекомендовать друзьям!", name: "Ерболат Абишев", role: "Программист", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=3", imageAlt: "Ерболат Абишев"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Профессиональный подход", quote: "Нужна была консультация по подбору компонентов. Специалисты Акжол потратили время, объяснили все нюансы. Очень доволен результатом!", name: "Назым Жанабаев", role: "Геймер", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=4", imageAlt: "Назым Жанабаев"
|
||||
id: "4", title: "Профессиональный подход", quote: "Нужна была консультация по подбору компонентов. Специалисты Акжол потратили время, объяснили все нюансы. Очень доволен результатом!", name: "Назым Жанабаев", role: "Геймер", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=4", imageAlt: "Назым Жанабаев"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -443,22 +435,22 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Какие способы доставки вы предлагаете?", content: "Мы доставляем по всему Казахстану: стандартная доставка 3-7 дней, экспресс-доставка 1-2 дня в Алматы и Нур-Султан, а также самовывоз из наших магазинов."
|
||||
id: "1", title: "Какие способы доставки вы предлагаете?", content: "Мы доставляем по всему Казахстану: стандартная доставка 3-7 дней, экспресс-доставка 1-2 дня в Алматы и Нур-Султан, а также самовывоз из наших магазинов."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Какая гарантия на товары?", content: "Все товары имеют официальную гарантию производителя от 1 до 3 лет в зависимости от типа товара. Дополнительно предлагаем расширенную гарантию до 5 лет."
|
||||
id: "2", title: "Какая гарантия на товары?", content: "Все товары имеют официальную гарантию производителя от 1 до 3 лет в зависимости от типа товара. Дополнительно предлагаем расширенную гарантию до 5 лет."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Принимаете ли вы возврат товара?", content: "Да, мы принимаем возврат в течение 14 дней после покупки без вскрытия упаковки. Переоценку проводим после проверки технического состояния товара."
|
||||
id: "3", title: "Принимаете ли вы возврат товара?", content: "Да, мы принимаем возврат в течение 14 дней после покупки без вскрытия упаковки. Переоценку проводим после проверки технического состояния товара."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Есть ли у вас услуга сборки компьютера?", content: "Да, наши специалисты могут собрать и настроить компьютер согласно вашим требованиям. Услуга бесплатна при покупке комплектующих у нас."
|
||||
id: "4", title: "Есть ли у вас услуга сборки компьютера?", content: "Да, наши специалисты могут собрать и настроить компьютер согласно вашим требованиям. Услуга бесплатна при покупке комплектующих у нас."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Как я могу оплатить заказ?", content: "Принимаем оплату переводом на счет, картой Visa/Mastercard, через платежные системы, наличными при получении, а также предлагаем рассрочку на 3, 6 и 12 месяцев."
|
||||
id: "5", title: "Как я могу оплатить заказ?", content: "Принимаем оплату переводом на счет, картой Visa/Mastercard, через платежные системы, наличными при получении, а также предлагаем рассрочку на 3, 6 и 12 месяцев."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Где находятся ваши магазины?", content: "У нас есть магазины в Алматы, Нур-Султане и Караганде. Адреса и контакты можно найти на странице контактов. Также доступна онлайн-консультация."
|
||||
id: "6", title: "Где находятся ваши магазины?", content: "У нас есть магазины в Алматы, Нур-Султане и Караганде. Адреса и контакты можно найти на странице контактов. Также доступна онлайн-консультация."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user