Modern Web Development
Built with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion
Lightning Fast
Built with Next.js 15 for optimal performance and developer experience.
Type Safe
Full TypeScript support with shadcn/ui components for type-safe development.
Beautiful UI
Stunning animations with Framer Motion and modern design with Tailwind CSS.
Powered by Modern Tech Stack
Next.js 15
shadcn/ui
Tailwind CSS
Framer Motion
TypeScript
Database
Product Demo Showcase
Dynamic product cards with mock data integration
3 ProductsMock Data
Diamond Ring - 2 Carat
Diamonds
₹250,000₹300,000-17%
by Diamond Palace
Gold Necklace - 22K
Gold
₹75,000
by Gold Craft
Silver Bracelet
Silver
₹15,000₹18,000-17%
by Silver Art
💎Diamonds
Precious diamond collection with excellent cuts and clarity
1 Products
🥇Gold
Pure gold jewellery with traditional and modern designs
1 Products
🥈Silver
Elegant silver jewellery with contemporary styles
1 Products
Demo Information
Features Demonstrated:
- Product card components with hover effects
- Category filtering with tabs
- Responsive grid layout
- Price formatting and discount display
- Product specifications display
- Status badges and supplier information
Data Source:
This is a demo showcasing the ProductCard component with mock data integration.
Currently showing mock data. Connect your database to see real data.