Smart Caps
Responsive product and company website for a Sri Lankan manufacturer of aluminium ROPP closures.
Smart Caps is a responsive company and product website developed for a Sri Lankan manufacturer of aluminium roll-on pilfer-proof (ROPP) closures. The platform presents the company background, manufacturing process, product catalogue, available closure sizes, customisation options, frequently asked questions, and contact information. Visitors can explore closure solutions for food, beverage, pharmaceutical, cosmetic, and industrial packaging, learn about the manufacturing process through an interactive visual story, and submit product enquiries through a secure contact form. The website includes accessible responsive layouts, reduced-motion support, animations powered by Motion, email delivery through Resend, technical SEO metadata, structured data, sitemap and crawler directives, PWA support, and Netlify deployment.
Tech Stack
Framework
- SvelteKit Full-stack framework powering website routes, metadata, and server endpoints
Frontend
- Svelte Component framework used to build responsive and accessible interfaces
Language
- TypeScript Type-safe development across frontend components and server-side logic
Styling
- CSS Custom responsive styling and reusable design tokens
Animation
- Motion Scroll-based interactions and reduced-motion-aware interface animations
- Resend Email delivery for product and business enquiries
Deployment
- Netlify Production hosting and serverless deployment