Home page (Test)


{% layout 'theme' %}

Creative Branding & Art Studio

Innovative design meets artistic vision.

Explore Shop

Our Services

Brand identity, illustration, and creative direction.

Learn More

Featured Work

{% for product in collections['featured-products'].products %}
{{ product.title }}

{{ product.title }}

{% endfor %}
body { font-family: 'Montserrat', sans-serif; color: #ffffff; background-color: #231f20; margin: 0; padding: 0; } h1, h2, h3 { font-family: 'Arial Black', sans-serif; } .hero { text-align: center; padding: 100px 20px; background-color: #114170; } .hero h1 { font-size: 2.5rem; margin-bottom: 10px; } .cta-button { display: inline-block; padding: 10px 20px; color: #ffffff; background-color: #990000; text-decoration: none; font-weight: bold; border-radius: 5px; } .services, .portfolio { text-align: center; padding: 60px 20px; background-color: #231f20; } .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .fade-in.visible { opacity: 1; transform: translateY(0); } document.addEventListener("DOMContentLoaded", function () { const fadeElements = document.querySelectorAll(".fade-in"); const fadeInOnScroll = () => { fadeElements.forEach((element) => { const rect = element.getBoundingClientRect(); if (rect.top < window.innerHeight * 0.9) { element.classList.add("visible"); } }); }; window.addEventListener("scroll", fadeInOnScroll); fadeInOnScroll(); // Run on page load });