/*
OnlineShop.jsx
Single-file React component (default export) for an online-shopping demo.
Copy-paste into a React project that has Tailwind CSS configured.
Requirements (install in your project):
npm install framer-motion lucide-react @radix-ui/react-dialog @shadcn/ui
(shadcn/ui and Radix are optional — the code falls back to simple elements)
How to use:
1. Ensure Tailwind is configured in your project (recommended: Create React App + Tailwind, Vite + Tailwind, or Next.js with Tailwind).
2. Place this file under src/components/OnlineShop.jsx
3. Import and render: import OnlineShop from './components/OnlineShop';