Rana Jahanzaib
Full-Stack Developer | Next.js, React, Node.js | Web Design
- 34
- Followers
SOLACE Cosmetics: Landing Page
Landing page for a skincare brand built around yellow and sunlight. It scrolls through texture and product scenes, with an object viewer where you step through each item, and a bag in the header. Includes light and dark themes.
Built with Next.js and TailwindCSS in a Turborepo monorepo, hosted on Cloudflare Workers.
Live Preview (https://solace-storefront-cosmetics.work.withrana.com/)
0
24
AMESI CLARE: Landing Page
Landing page for a cosmetics campaign built around light and color. You move a light probe across the image to change the scene, then browse a frame archive of nine looks, from powders to liquids. Includes light and dark themes.
Built with Next.js and TailwindCSS in a Turborepo monorepo, hosted on Cloudflare Workers.
Live Preview (https://amesi-clare-cosmetics.work.withrana.com/)
0
35
AQUA Studies: Landing Page
Landing page for a hydrating serum brand, built around water. It has an image gallery you can step through, a draggable before and after slider on the product, and a featured serum with price, quantity and add to bag. Includes light and dark themes.
Built with Next.js and TailwindCSS in a Turborepo monorepo, hosted on Cloudflare Workers.
Live Preview (https://aqua-studies-cosmetics.work.withrana.com/)
1
0
57
Verdant Laboratory: Cosmetics Landing Page
Landing page for a botanical skincare brand with a green, garden-led feel. It scrolls through ingredient and material stories, then a featured aloe serum with quantity and add to bag, and a gallery you can step through. Includes light and dark themes.
Built with Next.js and TailwindCSS in a Turborepo monorepo, hosted on Cloudflare Workers.
Live Preview (https://verdant-laboratory-cosmetics.work.withrana.com/)
1
0
81