Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cc239ddef8 | |||
| eacfabde65 | |||
| 9ca2093bf2 |
299
src/app/page.tsx
299
src/app/page.tsx
@@ -11,9 +11,215 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Zap, Package, Star, Shield, Headphones, CreditCard, Check, Award, Sparkles, Heart, Trophy, Mail, Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import { Zap, Package, Star, Shield, Headphones, CreditCard, Check, Award, Sparkles, Heart, Trophy, Mail, Facebook, Instagram, Linkedin, Twitter, ShoppingCart } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
interface CartItem {
|
||||
id: string;
|
||||
name: string;
|
||||
price: string;
|
||||
quantity: number;
|
||||
imageSrc: string;
|
||||
variant: string;
|
||||
}
|
||||
|
||||
export default function LandingPage() {
|
||||
const [cart, setCart] = useState<CartItem[]>([]);
|
||||
const [showCart, setShowCart] = useState(false);
|
||||
|
||||
const addToCart = (product: any) => {
|
||||
const existingItem = cart.find(item => item.id === product.id);
|
||||
if (existingItem) {
|
||||
setCart(cart.map(item =>
|
||||
item.id === product.id
|
||||
? { ...item, quantity: item.quantity + 1 }
|
||||
: item
|
||||
));
|
||||
} else {
|
||||
setCart([...cart, { ...product, quantity: 1 }]);
|
||||
}
|
||||
};
|
||||
|
||||
const removeFromCart = (id: string) => {
|
||||
setCart(cart.filter(item => item.id !== id));
|
||||
};
|
||||
|
||||
const updateQuantity = (id: string, quantity: number) => {
|
||||
if (quantity <= 0) {
|
||||
removeFromCart(id);
|
||||
} else {
|
||||
setCart(cart.map(item =>
|
||||
item.id === id ? { ...item, quantity } : item
|
||||
));
|
||||
}
|
||||
};
|
||||
|
||||
const calculateTotal = () => {
|
||||
return cart.reduce((total, item) => {
|
||||
const price = parseFloat(item.price.replace(/[^0-9]/g, ''));
|
||||
return total + (price * item.quantity);
|
||||
}, 0);
|
||||
};
|
||||
|
||||
const allProducts = [
|
||||
{
|
||||
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", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2", 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=1", imageAlt: "Mechanical Keyboard", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3", name: "4K Ultra Monitor", price: "185000 ₸", variant: "27 inch 144Hz", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=1", imageAlt: "4K Monitor", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4", name: "Wireless Gaming Mouse", price: "28000 ₸", variant: "White Optical", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=1", imageAlt: "Gaming Mouse", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "5", 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=2", imageAlt: "Graphics Card", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "6", 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=2", imageAlt: "CPU", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "7", name: "32GB RAM Kit", price: "45000 ₸", variant: "DDR5 5600MHz", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=2", imageAlt: "RAM", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "8", name: "1TB SSD NVMe", price: "42000 ₸", variant: "PCIe 4.0", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=2", imageAlt: "SSD", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "9", name: "750W Power Supply", price: "55000 ₸", variant: "80+ Gold Certified", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=3", imageAlt: "PSU", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "10", name: "CPU Cooler Tower", price: "18000 ₸", variant: "RGB LED", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=3", imageAlt: "Cooler", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "11", name: "Gaming Mousepad XL", price: "12000 ₸", variant: "Cloth Surface", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=3", imageAlt: "Mousepad", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "12", name: "Mechanical Headrest", price: "22000 ₸", variant: "Ergonomic Support", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=3", imageAlt: "Headrest", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "13", name: "USB-C Hub Docking", price: "16000 ₸", variant: "7-in-1 Port", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=4", imageAlt: "Hub", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "14", name: "Wireless Charger Pad", price: "8500 ₸", variant: "Fast Charging", 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: "Charger", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "15", name: "Screen Protector Glass", price: "5000 ₸", variant: "27 inch", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=4", imageAlt: "Protector", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "16", name: "HDMI 2.1 Cable", price: "4500 ₸", variant: "2M Length", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=4", imageAlt: "Cable", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "17", name: "DisplayPort Cable Premium", price: "6000 ₸", variant: "1.4 Spec", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=5", imageAlt: "Cable", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "18", name: "RGB LED Strip Kit", price: "9000 ₸", variant: "5 Meters", 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: "LED Strip", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "19", name: "Thermal Paste Premium", price: "3500 ₸", variant: "5G Tube", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=5", imageAlt: "Thermal Paste", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "20", name: "Cable Management Kit", price: "7000 ₸", variant: "Velcro Ties", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=5", imageAlt: "Cables", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "21", name: "M.2 SSD Holder Mount", price: "2500 ₸", variant: "Aluminum", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=6", imageAlt: "Mount", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "22", name: "RAM Heat Sink Coolers", price: "4000 ₸", variant: "4 Piece Set", 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: "Heatsinks", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "23", name: "GPU Support Bracket", price: "3000 ₸", variant: "Adjustable", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=6", imageAlt: "Bracket", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "24", name: "Anti-Static Wrist Band", price: "2000 ₸", variant: "Grounding", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=6", imageAlt: "Wrist Band", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "25", name: "Magnetic Screwdriver Set", price: "8000 ₸", variant: "12 Piece", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=7", imageAlt: "Tools", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "26", name: "Laptop Stand Portable", price: "11000 ₸", variant: "Aluminum Alloy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=7", imageAlt: "Stand", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "27", name: "Monitor Arm Dual", price: "28000 ₸", variant: "Gas Spring", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=7", imageAlt: "Arm", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "28", name: "Desk Organizer Set", price: "9500 ₸", variant: "Bamboo", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=7", imageAlt: "Organizer", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "29", name: "Keyboard Wrist Rest", price: "6500 ₸", variant: "Memory Foam", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=8", imageAlt: "Wrist Rest", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "30", name: "Monitor Light Bar", price: "32000 ₸", variant: "Adjustable", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=8", imageAlt: "Light", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "31", name: "Laptop Cooling Pad", price: "14000 ₸", variant: "5 Fans", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=8", imageAlt: "Pad", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "32", name: "Portable Monitor USB-C", price: "95000 ₸", variant: "15.6 Inch FHD", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=8", imageAlt: "Portable Monitor", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "33", name: "Wireless Keyboard Set", price: "19000 ₸", variant: "2.4GHz USB", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=9", imageAlt: "Keyboard", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "34", name: "USB 3.0 Hub 7-Port", price: "11500 ₸", variant: "High Speed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=9", imageAlt: "Hub", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "35", name: "Network Card Gigabit", price: "6500 ₸", variant: "PCIe", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=9", imageAlt: "Network Card", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "36", name: "WiFi 6 Card PCIe", price: "18000 ₸", variant: "AX200", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=9", imageAlt: "WiFi Card", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "37", name: "Sound Card Audio", price: "8500 ₸", variant: "7.1 Surround", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=10", imageAlt: "Sound Card", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "38", name: "2TB HDD Storage", price: "25000 ₸", variant: "3.5 Inch 7200RPM", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=10", imageAlt: "HDD", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "39", name: "External HDD 4TB", price: "35000 ₸", variant: "USB 3.0", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=10", imageAlt: "External HDD", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "40", name: "NAS Storage 2 Bay", price: "125000 ₸", variant: "Network Attached", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=10", imageAlt: "NAS", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "41", name: "Case Fan 120mm RGB", price: "5500 ₸", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=11", imageAlt: "Fan", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "42", name: "Liquid Cooler AIO", price: "65000 ₸", variant: "240mm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=11", imageAlt: "AIO", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "43", name: "Case ATX Mid Tower", price: "35000 ₸", variant: "Tempered Glass", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=11", imageAlt: "Case", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "44", name: "Motherboard B850", price: "68000 ₸", variant: "Socket AM5", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=11", imageAlt: "Motherboard", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "45", name: "CPU Cooler Air", price: "12000 ₸", variant: "2 Fan Tower", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=12", imageAlt: "Air Cooler", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "46", name: "Optical Drive Blu-ray", price: "15000 ₸", variant: "Internal", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=12", imageAlt: "Drive", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "47", name: "Gaming Headset", price: "29000 ₸", variant: "Wireless 2.4GHz", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=12", imageAlt: "Headset", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "48", name: "USB Microphone", price: "16000 ₸", variant: "Condenser", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=12", imageAlt: "Mic", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "49", name: "Webcam 1080p Full HD", price: "9500 ₸", variant: "Auto Focus", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29227.jpg?_wi=13", imageAlt: "Webcam", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "50", name: "Gaming Chair Premium", price: "185000 ₸", variant: "Ergonomic Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-black-keyboard-cropped-image-laptop-keyboard-computer-technology-gadget-concept_74855-24369.jpg?_wi=13", imageAlt: "Chair", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "51", name: "Gaming Desk", price: "95000 ₸", variant: "Carbon Fiber", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg?_wi=13", imageAlt: "Desk", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "52", name: "Power Bank 65W", price: "18500 ₸", variant: "Fast Charging", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg?_wi=13", imageAlt: "Power Bank", isFavorited: false
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -39,6 +245,49 @@ export default function LandingPage() {
|
||||
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">
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h3 className="text-lg font-bold">Корзина</h3>
|
||||
<button onClick={() => setShowCart(false)} className="text-gray-500 hover:text-gray-700">✕</button>
|
||||
</div>
|
||||
{cart.length === 0 ? (
|
||||
<p className="text-gray-500">Корзина пуста</p>
|
||||
) : (
|
||||
<>
|
||||
<div className="space-y-2 mb-4">
|
||||
{cart.map(item => (
|
||||
<div key={item.id} className="flex justify-between items-center p-2 border-b">
|
||||
<div className="flex-1">
|
||||
<p className="font-semibold text-sm">{item.name}</p>
|
||||
<p className="text-xs text-gray-500">{item.price}</p>
|
||||
</div>
|
||||
<input
|
||||
type="number"
|
||||
min="1"
|
||||
value={item.quantity}
|
||||
onChange={(e) => updateQuantity(item.id, parseInt(e.target.value))}
|
||||
className="w-12 px-2 py-1 border rounded"
|
||||
/>
|
||||
<button
|
||||
onClick={() => removeFromCart(item.id)}
|
||||
className="ml-2 text-red-500 hover:text-red-700 text-sm"
|
||||
>
|
||||
Удалить
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="border-t pt-3">
|
||||
<p className="font-bold text-lg mb-3">Итого: {calculateTotal().toLocaleString()} ₸</p>
|
||||
<button className="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 font-semibold">
|
||||
Оформить заказ
|
||||
</button>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
@@ -66,7 +315,7 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Наши продукты"
|
||||
description="Выберите из широкого ассортимента качественной компьютерной техники и комплектующих"
|
||||
description="Выберите из широкого ассортимента из 50+ качественных компьютерных техники и комплектующих"
|
||||
tag="Популярное"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
@@ -74,20 +323,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
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", imageAlt: "Gaming Laptop", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2", 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", imageAlt: "Mechanical Keyboard", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3", name: "4K Ultra Monitor", price: "185000 ₸", variant: "27 inch 144Hz", imageSrc: "http://img.b2bpic.net/free-vector/glowing-search-radar-black-background_1284-18879.jpg", imageAlt: "4K Monitor", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4", name: "Wireless Gaming Mouse", price: "28000 ₸", variant: "White Optical", imageSrc: "http://img.b2bpic.net/free-psd/black-wired-computer-mouse-transparent-background_84443-65260.jpg", imageAlt: "Gaming Mouse", isFavorited: false
|
||||
}
|
||||
]}
|
||||
products={allProducts.slice(0, 8).map(p => ({
|
||||
...p,
|
||||
onProductClick: () => addToCart(p)
|
||||
}))}
|
||||
buttons={[{ text: "Смотреть все товары", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselMode="buttons"
|
||||
@@ -127,22 +366,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: "#" }
|
||||
],
|
||||
@@ -164,16 +403,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: "Назым Жанабаев"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -207,22 +446,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