Коллекции | Brand Store

import { useState } from 'react'; import Head from 'next/head'; import Image from 'next/image'; import Link from 'next/link'; import Header from '../../components/Header'; import Footer from '../../components/Footer'; import { Collection, collections } from '../../data/collections'; import { motion } from 'framer-motion'; export default function Collections() { const [hoveredCollection, setHoveredCollection] = useState(null); return (

Коллекции

{collections.map((collection) => ( setHoveredCollection(collection.id)} onMouseLeave={() => setHoveredCollection(null)} >

{collection.name}

{collection.description}

))}

); }