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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3955336%2F758eaf4e-f4db-4aaa-8c51-a2e8321ec183.jpg https://dev.to/cy_cod en 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> <p>Get it here: <a href="https://brulock.gumroad.com/l/luxe-restaurant-template" rel="noopener noreferrer">https://brulock.gumroad.com/l/luxe-restaurant-template</a></p> <p>Building in public from Lagos 🇳🇬<br> This is just the beginning.</p> javascript html webdev beginners