Muhammad Unain's Work | ContraWork by Muhammad Unain
Muhammad Unain

Muhammad Unain

Full-stack developer specializing in AI-powered SaaS Builder

New to Contra

Muhammad is ready for their next project!

Aether OPS Cinematic Gaming & Esports A dark cinematic landing page for an open-world combat game. Features a scroll-triggered loading sequence, weapons showcase, factions section, game library grid, critic reviews, roadmap timeline and pre-order CTA everything a gaming or esports brand needs. Sections included: Scroll-triggered hero with loading animation Stats bar (217k founders, 17 biomes, 240 FPS) Features grid (4 core systems) World environments gallery (5 locations) Weapons showcase with stats Factions section (6 factions) Game library grid Critics reviews (IGN, PC Gamer, Polygon, GameSpot) Roadmap timeline (Q1-Q4) Pre-order CTA section Full footer
1
27
Cover image for VEX Luxury Real Estate Advisory
VEX Luxury Real Estate Advisory Landing Page A clean minimal landing page for a luxury real estate advisory brand. Video hero, property listings grid, neighborhoods section, buying process, agent profiles, testimonials and FAQ the complete package for any premium property brand. Sections: Video hero, Press marquee, Listings grid, Why us, Stats, Neighborhoods, Process, Testimonials, Agents, FAQ, CTA, Footer Built with: React, Tailwind CSS, Bun Project URL: https://vex.munain605.workers.dev/
1
48
Hamore Dark Luxury Fragrance Brand Landing Page A cinematic dark luxury landing page for a premium oud fragrance brand. Built with a deep brown and gold aesthetic, scroll-triggered hero animation, product collection, olfactory pyramid, anatomy breakdown, testimonials and newsletter. Sections: Scroll hero, Brand marquee, Philosophy, Product collection, Olfactory pyramid, Limited edition CTA, Anatomy, Testimonials, FAQ, Newsletter, Footer Built with: React, Tailwind CSS, Bun Project URL: https://hamorefragrancee.munain605.workers.dev/
1
65
Keychron K-04 Scroll-Driven Hardware Product Landing Page A premium product landing page for a mechanical keyboard brand. Built with a clean minimal aesthetic, scroll-driven disassembly animation, full specs, switch selector, pricing tiers, testimonials and FAQ. Sections: Scroll hero, Brand marquee, Features, Switch selector, Specs table, Testimonials, Pricing tiers, FAQ, CTA, Footer Built with: React, Tailwind CSS, Bun,GSAP Project URL: https://keychron.munain605.workers.dev/
1
75
Scoope Ice Cream Brand Landing Page with Scroll Animation A colorful, premium landing page for a small-batch ice cream brand. Built with a playful pink and purple aesthetic, scroll-triggered splash animation, flavor grid, brand story, testimonials and full footer. Sections: Hero animation, Marquee, Flavor grid, Process timeline, Brand story, Testimonials, FAQ, CTA, Footer Built with: React, Tailwind CSS, Bun,GSAP Project URL: https://scoope.munain605.workers.dev/
1
87
Cover image for Shoefy Dark Sneaker Ecommerce Landing
Shoefy Dark Sneaker Ecommerce Landing Page A bold, high-energy ecommerce landing page for a premium sneaker brand. Built with a dark aesthetic, bold typography, product grid, featured drops, blog section and newsletter the complete package for any fashion or footwear brand. Sections: Hero, Why Us, Featured Drop, Shop By Vibe, Trending Now grid, Product Detail, Blog, FAQ, Newsletter, Footer Built with: Next.js, TypeScript, Tailwind CSS, ImageKit Project URL: https://shoefyy.netlify.app/
1
99
Puple Co Premium Food & Beverage Landing Page A cinematic landing page for a cold-pressed juice brand built with a warm amber aesthetic and scroll-triggered pour animation. Every section is designed to make the product feel premium and convert visitors into buyers. Sections: Scroll hero with frame-by-frame orange pour animation Marquee brand values strip Story section with stats Product range with 4 SKUs and pricing Orchard to glass process timeline Weekly subscription section Full footer Built with: React, Tailwind CSS, Bun, GSAP Project URL: https://hero-scroll-magic-79.munain605.workers.dev/
1
118
AI Agent Platform Light UI Landing Page with 3D Hero A clean, minimal landing page built for an AI agent orchestration platform. Light aesthetic with holographic 3D product visuals, soft purple gradient background, and a full set of conversion sections. Sections included: 3D holographic hero with stats bar Features grid Cloud runs, Task monitoring, Memory & Context, Scalable Permissions) Plug and play agents section with 4 use cases and metrics 4 step onboarding flow (Define, Compose, Test, Deploy) Integrations / tools section Fully responsive Perfect for: AI platforms, automation tools, agent builders, SaaS startups LiveDemo: https://agentfy.netlify.app/
2
2
156
Cover image for Cosmosfy
A cinematic dark space-themed landing
Cosmosfy A cinematic dark space-themed landing page for a data security SaaS platform. Built with a dramatic video hero, bold typography, and a full set of conversion-focused sections. Sections: Video hero with large bold headline and CTA Trusted brands marquee Features grid (6 features) 3 step onboarding flow Stats bar (99.99% uptime, 24ms response, 0 breaches) Testimonials Pricing tiers (Free, $29/mo, Custom) Final CTA Footer Built with: React, Tailwind CSS, Bun Project URL: https://cosmofy.munain605.workers.dev/
1
146
SonicBlend – Multi-Page Audio E-Commerce Experience SonicBlend is a fully realized multi-page frontend web application built for the premium audio market. Beyond a simple landing page, this project showcases a complete user journey from discovery on the homepage to detailed product browsing and brand storytelling. The site is optimized for high performance and a "mobile-first" responsive experience. Technical Highlights Multi-Page Architecture: Includes dedicated routes for Home, About Us, Collections Headphones, and Latest News, ensuring a structured and scalable site map. Dynamic Component Library: Built with reusable UI components buttons, product cards, feature grids to maintain visual consistency across all pages. Responsive UX: A fluid layout that adapts seamlessly from desktop ultrawide monitors to mobile devices, ensuring the "Sonic Sound" experience isn't lost on smaller screens. Interactive Frontend: Features custom hover effects, smooth transitions between pages, and functional newsletter validation. View the Project 🌐 Live Demo: https://sonicblend.vercel.app/
3
2
166
Cover image for Neurolie AI SaaS Landing Page
Neurolie AI SaaS Landing Page A fully responsive landing page built for an AI platform. Designed with a dark aesthetic, video hero section, animated stats, feature grid, pricing tiers, and FAQ all crafted to convert visitors into signups. What's inside: Full screen video hero with blue glow overlay Stats bar (2.4M+ users, 99.99% uptime, 180+ integrations, <80ms speed) Feature grid section Platform capabilities section Pricing tiers (Free, Pro, Custom) FAQ section Fully responsive Built with: React.js, Tailwind CSS, TypeScript, Motion
5
3
271
Cover image for CareIntake connects patients and doctors
CareIntake connects patients and doctors through AI-driven voice consultations so every appointment starts with complete, structured information.
1
170
Cover image for Clipsterra record and share instantly.
Clipsterra record and share instantly.
1
170
Cover image for Voxcloser practice sales calls with
Voxcloser practice sales calls with AI voice agents
1
159
Cover image for InkFlow AI powered Journal
InkFlow AI powered Journal
1
153