Day 12/30 of the "Building 1 AI-Generated Landing Page Every Day" Challenge
Conceptual landing page for Somey Amegnibo, a creative direction portfolio for public campaigns and visual identity work, developed with Next.js 16, TypeScript, and Tailwind CSS 4. This project is the twelfth realization of an ambitious challenge: creating 1 complete and functional mockup per day using AI.
Somey Amegnibo is presented through an image-led portfolio experience for art direction, design, video, photography, and campaign storytelling. The goal is to instantly convey taste, creative control, brand impact, and visual rhythm through a sleek, responsive, high-end aesthetic.
Live URL: https://folio-landing.adrielzimbril.com
For this project, the theme focuses on creative direction, campaign imagery, personal portfolio design, and public brand work.
- Modern Aesthetic: The interface uses a minimal portfolio language with clean surfaces, restrained borders, image-led sections, and thoughtful micro-interactions.
- Performance First: Every component is optimized for speed and efficiency, leveraging Next.js 16's latest features.
- Responsive Design: Fully responsive layout that adapts seamlessly across all device sizes.
- Interactive Elements: Smooth scrolling, animated pricing, dark mode, video controls, and bento cards create a polished user experience.
- Premium Identity: Consistent typography, profile imagery, portfolio visuals, and metadata keep the creative identity clear throughout the entire experience.
- 🌟 Hero Section: Personal introduction with public profile imagery, location details, portfolio links, and creative positioning.
- ⚡ Portfolio Showcase: Highlights public campaigns, product visuals, social media direction, and brand imagery through an image-led gallery.
- 🎯 Interactive Demos: Creative Xperience bento with full-width video, sound toggle, pass cards, and animated FCFA pricing.
- 📊 Creative Profile: About, services, availability, and project context for Somey Amegnibo's visual work.
- 🏢 Modern Footer: Comprehensive footer with links, contact routes, and portfolio information.
This mockup was built with cutting-edge technologies from the React ecosystem:
- React 19
- TypeScript for scalable component architecture and safer iteration.
- Tailwind CSS v4 for design tokens, utilities, and modern CSS support.
- Three.js & Postprocessing for the ambient Pixel Blast visual layer.
- Lenis for smoother scroll behavior.
- Lucide React for clean, consistent iconography.
- Next Font with Hanken Grotesk, Instrument Sans, and Geist Mono for optimized typography.
# Install dependencies
Open [http://localhost:3000](http://localhost:3000) in your browser to see the result.
## 🌌 Let's meet in space (or on Earth) 🚀
I'm always happy to discuss new projects, collaborations, or simply exchange creative ideas. Here's how to contact me:
- **📧 Email**: [hello@adrielzimbril.com](mailto:hello@adrielzimbril.com)
- **🌐 Website**: [https://www.adrielzimbril.com](https://www.adrielzimbril.com)
- **🐦 Twitter**: [https://twitter.com/adrielzimbril](https://twitter.com/adrielzimbril)
- **💼 LinkedIn**: [https://www.linkedin.com/in/adrielzimbrilcode](https://www.linkedin.com/in/adrielzimbrilcode)
- **🐼 GitHub**: [https://github.com/adrielzimbril](https://github.com/adrielzimbril)
### 🐼 Fun Facts
- 🚀 Passionate about space exploration and technology
- 🐼 Love pandas (and animals in general!)
- 🎨 Creative at heart, whether in design or code
- ☕ Addicted to coffee and complex technical challenges
## 🌟 Join the Adventure
If you like this project, feel free to:
- ⭐ Star the project
- 🐞 Report bugs
- ✨ Suggest improvements
- 🚀 Share with other enthusiasts
## 💖 Support the Project
If you find this project useful and would like to support its development, you can do so through these platforms:
[](https://go.adrielzimbril.com/gs)
## 🌐 Hosting
This project is 100% hosted on modern cloud infrastructure for maximum performance and reliability:
[](https://vercel.com)
## 📄 License
This project is under the MIT license. Feel free to use it as a base for your own portfolio or project.
---
**Developed with ❤️ by Adriel Zimbril**
_Product Designer & Fullstack Developer_
🚀 Digital Universe Explorer | 🐼 Panda Friend | 🎨 Passionate Creator