A modern single-page website built with React to showcase and promote Iranian products for global export.
This project emphasizes speed, accessibility, and a delightful user experience.
- ⚛️ React 19 – Core library for building the UI
- 🔀 React Router v7 – Routing and server-side rendering
- 🎨 TailwindCSS v4 + Tailwind Animate – Utility-first styling and animations
- 🧩 Radix UI – Accessible UI components (Navigation Menu, Dialog, Accordion, etc.)
- 🎥 Framer Motion – Smooth and professional animations
- 🗂 Zustand – Lightweight and powerful state management
- ⚡️ Vite v7 – Fast build tool and dev server
- 🔒 TypeScript v5 – Type safety for reliable development
- 🛠 Class Variance Authority (CVA), clsx, tailwind-merge – Conditional styling helpers
- 🐳 Docker-ready – Containerized deployment support
- 🌐 ESBuild – Fast and optimized bundling
Clone the repository and install dependencies:
git clone https://github.com/seyedahmaddv/irantasdir3.git
cd irantasdir2
npm installRun the development server:
npm run devYour app will be available at 👉 http://localhost:5173
npm run buildThis project is ready to deploy directly on Vercel. Connect your GitHub repository and select the branch you want to deploy.
docker build -t iran-tasdir .
docker run -p 3000:3000 iran-tasdirDeploy anywhere that supports Docker: AWS ECS, Google Cloud Run, Azure, Digital Ocean, Fly.io, Railway.
- Primary font: Vazirmatn (Persian/Arabic script support)
- Headline font: Poppins
- Theme colors and design tokens are defined via CSS Variables in
tailwind.config.js.
Want a modern, single-page React website for your business?
Click below to message me directly on WhatsApp and let’s build it together: