import { motion } from 'framer-motion'; import Head from 'next/head'; import Image from 'next/image'; import { useState, useEffect } from 'react'; export default function Home() { // Данные о товарах const products = [ { id: 1, name: 'Пальто', price: 15000, images: ['/wear/palto1.jpg', '/wear/palto2.jpg'], description: 'Элегантное пальто высокого качества' }, { id: 2, name: 'Пиджак', price: 12000, images: ['/wear/pidzak1.jpg', '/wear/pidzak2.jpg'], description: 'Стильный пиджак для особых случаев' }, { id: 3, name: 'Сорочка', price: 5000, images: ['/wear/sorochka1.jpg', '/wear/sorochka2.jpg'], description: 'Классическая сорочка из премиальных материалов' } ]; // Состояние для отслеживания наведения на карточки товаров const [hoveredProduct, setHoveredProduct] = useState(null); // Состояние для отслеживания прокрутки страницы const [scrolled, setScrolled] = useState(false); // Эффект для отслеживания прокрутки useEffect(() => { const handleScroll = () => { const isScrolled = window.scrollY > 50; if (isScrolled !== scrolled) { setScrolled(isScrolled); } }; window.addEventListener('scroll', handleScroll); return () => { window.removeEventListener('scroll', handleScroll); }; }, [scrolled]); return (

Brand Store | Элегантная мода

{/* Секция с фоновым изображением */}

{/* Секция с приветственным текстом */}

Элегантность в каждой детали

Откройте для себя новую коллекцию 2024

{/* Секция с товарами */}

{/*

Наши товары

*/}

{products.map((product, index) => ( setHoveredProduct(product.id)} onMouseLeave={() => setHoveredProduct(null)} >

{product.name}

{product.description}

{product.price.toLocaleString()} ₽

))}

); }