import React, { useState } from 'react'; import { motion } from 'framer-motion'; import './App.css'; const products = [ { id: 1, name: 'میز لپ‌تاپ سایجی مدل K7-Ultimate', image: 'https://kalamanshop.ir/wp-content/uploads/2024/03/K7-Ultimate.jpg', dimensions: '18x23 سانت', heightAdjustable: '10-13 سانت', features: ['کشو', 'جای نت برای دفتر و کتاب'], link: 'https://kalamanshop.ir/product/laptop-stand-saiji-k7-ultimate/' }, { id: 2, name: 'میز لپ‌تاپ سایجی مدل K8-Ultimate', image: 'https://kalamanshop.ir/wp-content/uploads/2024/03/10.jpg', dimensions: '60x45 سانت', heightAdjustable: '27-38 سانت', features: ['کشو', 'جای نت برای دفتر و کتاب', 'چراغ مطالعه'], link: 'https://kalamanshop.ir/product/laptop-stand-saiji-k8-ultimate/' } ]; const App = () => { const [selectedProduct, setSelectedProduct] = useState(products[0]); const handleSelectProduct = (product) => { setSelectedProduct(product); }; return ( ); }; export default App;