The latest articles on DEV Community by Andy Cycod (@cy_cod). https://dev.to/cy_cod https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3955336%2F758eaf4e-f4db-4aaa-8c51-a2e8321ec183.jpg https://dev.to/cy_cod en Andy Cycod Mon, 08 Jun 2026 22:31:27 +0000 https://dev.to/cy_cod/i-just-dropped-my-second-digital-product-a-premium-navbar-collection-357h https://dev.to/cy_cod/i-just-dropped-my-second-digital-product-a-premium-navbar-collection-357h <p>Two weeks ago I launched my first digital product.<br> Today I launched my second.</p> <p>Here's what's in the Premium Navbar Collection<br> and why I built it.</p> <h2> Why Navbars? </h2> <p>Developers waste hours building navbars from scratch<br> on every project. I wanted to solve that.</p> <p>5 different styles. One file. Zero dependencies.<br> Copy paste into any project and you're done.</p> <h2> What's Inside </h2> <p><strong>Navbar 1 — Minimal Dark</strong><br> Ultra clean. Perfect for SaaS and startups.</p> <p><strong>Navbar 2 — Glassmorphism</strong><br> Frosted glass effect. Stunning over gradient backgrounds.</p> <p><strong>Navbar 3 — Gold Luxury</strong><br> Black and gold. Perfect for premium brands.</p> <p><strong>Navbar 4 — Sidebar Navigation</strong><br> Fixed left sidebar. Ideal for dashboards and web apps.</p> <p><strong>Navbar 5 — Bold Colorful</strong><br> Purple accents. Energetic and modern.</p> <h2> Live Demo </h2> <p>See all 5 here: <a href="https://navbar151.netlify.app/" rel="noopener noreferrer">https://navbar151.netlify.app/</a></p> <h2> Tech Stack </h2> <ul> <li>Pure HTML5</li> <li>CSS3</li> <li>Vanilla JavaScript</li> <li>Zero frameworks</li> <li>Zero dependencies</li> <li>Single HTML file</li> </ul> <h2> The Bigger Picture </h2> <p>This is product 2 of 18 I'm planning to build<br> and sell across multiple platforms.</p> <p>Product 1 — LUXE Restaurant Template ($39) ✅<br> Product 2 — Premium Navbar Collection ($19) ✅</p> <p>Building in public from Lagos, Nigeria 🇳🇬<br> 18 years old. Just getting started.</p> <h2> Get It </h2> <p>🔗 Gumroad: <a href="https://brulock.gumroad.com/l/zdaae" rel="noopener noreferrer">https://brulock.gumroad.com/l/zdaae</a><br> 🔗 Selar: <a href="https://selar.com/276116x8s5" rel="noopener noreferrer">https://selar.com/276116x8s5</a></p> <p>$19 for all 5 navbars. That's $3.80 per component.</p> webdev javascript html beginners Andy Cycod Wed, 27 May 2026 23:37:51 +0000 https://dev.to/cy_cod/how-i-built-a-dark-cinematic-restaurant-landing-page-template-and-listed-it-for-sale-58fm https://dev.to/cy_cod/how-i-built-a-dark-cinematic-restaurant-landing-page-template-and-listed-it-for-sale-58fm <p>I'm 18 years old, based in Lagos, Nigeria, and I just <br> launched my first digital product — a premium restaurant <br> landing page template.</p> <p>Here's how I built it and what I learned.</p> <h2> The Idea </h2> <p>I wanted to build something that actually looked premium — <br> not the generic blue and white templates you see everywhere.<br> Dark background. Gold accents. Cinematic feel.<br> Something a fine dining restaurant would actually want.</p> <h2> The Stack </h2> <ul> <li>Pure HTML5</li> <li>CSS3 with custom properties</li> <li>Vanilla JavaScript</li> <li>Google Fonts — Playfair Display + Inter</li> <li>Zero frameworks. Zero dependencies.</li> </ul> <h2> What's Inside The Template </h2> <ul> <li>Fixed navbar with scroll effect</li> <li>Full screen hero with background image and overlay</li> <li>About section with split layout</li> <li>Interactive menu with 4 tab categories</li> <li>Photo gallery with lightbox effect</li> <li>Reservation form with validation</li> <li>Testimonials section</li> <li>Contact section with background image</li> <li>Fully responsive — mobile, tablet, desktop</li> </ul> <h2> Live Demo </h2> <p>Check it out here: <a href="https://luxe123.netlify.app/" rel="noopener noreferrer">https://luxe123.netlify.app/</a></p> <h2> The Result </h2> <p>I used AI-assisted development tools to speed up <br> the build process significantly. What might take <br> a week traditionally took me a couple of days.</p> <p>The template is now live on Gumroad for $39.<br> This is product 1 of many.</p> <h2> What's Next </h2> <p>I'm building a catalog of premium website templates <br> across different niches — hospitality, SaaS, portfolio, <br> e-commerce. Each one built with the same attention <br> to design quality.</p> <p>If you're a developer or designer who wants a <br> premium base to build from — check it out.</p> <h2> Get The Template </h2> <p>Available on two platforms:</p> <p>🔗 Gumroad: brulock.gumroad.com/l/luxe-restaurant-template<br> 🔗 Selar (Naira payments): selar.com/xq137807p0</p> <h2> $39 — instant download </h2> <p>Building in public from Lagos 🇳🇬<br> This is just the beginning.</p> javascript html webdev beginners