Muhammad Unain
Next.js Landing Page Developer | AI Web Apps | GSAP
New to Contra
Muhammad is ready for their next project!
Aurelia Cinematic Luxury Jewelry Landing Page with Scroll Storytelling
A scroll-driven brand experience for a hand-forged heirloom jewelry maison. Built around a 3-chapter narrative that unfolds as you scroll product collection, atelier process, stone provenance, testimonials and private viewing CTA all wrapped in a cream and gold luxury aesthetic.
Sections: 3-chapter scroll hero, Marquee, Collection, Atelier process, Brand story, Provenance tracking, Promises, Testimonials, Booking CTA, Footer
Built with: React, Tailwind CSS, Bun
Project URL: https://aurelia.munain605.workers.dev/
#react #GSAP #Jewelry
1
31
Vroom Cinematic Luxury Supercar Landing Page
A dark cinematic landing page for a hand-built supercar brand. Scroll-driven hero reveal, 3 model lineup with pricing, full performance specs, design philosophy sections, FAQ and reservation CTA.
Sections: Scroll hero, Stats, Model lineup, Performance specs, Design philosophy, FAQ, Reservation CTA, Footer
Built with: React, Tailwind CSS, Bun
Project URL: https://vroom.munain605.workers.dev/
#nextjs #React #GSAP
3
102
NX-CORE Dark Gaming Console
A cinematic dark landing page for a next-gen gaming console brand. Scroll hero, tech innovations, accessories grid, gameplay section, specs breakdown, FAQ and pre-order CTA.
Sections: Scroll hero, Press marquee, Innovations, Accessories, Gameplay, Specs, FAQ, Pre-order CTA, Footer
Project URL: https://nxcoree.netlify.app/
1
75
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
102
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
110
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
119
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
120
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
130
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
136
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
142
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
173
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
160
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
179
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
292
CareIntake connects patients and doctors through AI-driven voice consultations so every appointment starts with complete, structured information.
1
182
Clipsterra record and share instantly.
1
178
Voxcloser practice sales calls with AI voice agents
1
164
InkFlow AI powered Journal
1
158