{% extends 'base.html' %}{% load static %}
{% block title %}Print, Design & Publishing Services{% endblock %}
{% block meta_description %}Explore professional printing, design, publishing and photography services from Genez Print & Studio. Compare services, request a quote and track your order online.{% endblock %}
{% block social_title %}Printing and Creative Services | Genez Print & Studio{% endblock %}
{% block social_description %}Bring your ideas to life with printing, design, publishing and photography services from Genez Print & Studio.{% endblock %}
{% block head_extra %}<link rel="preload" as="image" href="{% if storefront_settings and storefront_settings.hero_image %}{% url 'storefront_hero_image' %}{% else %}{% static 'img/hero-product-collage.png' %}?v=34.6{% endif %}" fetchpriority="high"><link rel="stylesheet" href="{% static 'css/genez-launch.css' %}?v=34.3"><script src="{% static 'js/genez-launch.js' %}?v=34.3" defer></script>{% endblock %}
{% block breadcrumb %}Home{% endblock %}
{% block content %}
<section class="genez-launch" id="genez-launch" data-genez-launch hidden aria-hidden="true" role="dialog" aria-modal="true" aria-label="GENEZ product showcase">
  <div class="launch-glow launch-glow-one" aria-hidden="true"></div><div class="launch-glow launch-glow-two" aria-hidden="true"></div>
  <div class="launch-frame">
    <header class="launch-topline"><img src="{% static 'img/brand-reference.png' %}" alt="GENEZ PRINT &amp; STUDIO"><span class="launch-live"><i></i> YOUR IDEAS, IN MOTION</span></header>
    <div class="launch-stage">
      <p class="launch-eyebrow">PRINT · DESIGN · PUBLISH · CREATE</p>
      <div class="launch-engine" aria-label="GENEZ product and service ecosystem">
        <div class="launch-orbit" aria-hidden="true"><span><i>▧</i><b>PRINT</b></span><span><i>✦</i><b>FLYERS</b></span><span><i>✎</i><b>DESIGN</b></span><span><i>▤</i><b>BOOKS</b></span><span><i>◉</i><b>BRANDS</b></span><span><i>◌</i><b>PHOTO</b></span><span><i>◈</i><b>PACKS</b></span><span><i>✧</i><b>STUDIO</b></span><span><i>↗</i><b>DELIVER</b></span><span><i>✺</i><b>EVENTS</b></span></div>
        <div class="launch-core"><img src="{% static 'img/brand-reference.png' %}" alt=""><strong>GENEZ</strong><small>PRINT &amp; STUDIO</small></div>
      </div>
      <div class="launch-showcase">
        <div class="launch-counter"><span>DISCOVER GENEZ PRODUCTS &amp; SERVICES</span><span><b id="launch-current">01</b> / <span id="launch-total">01</span></span></div>
        <div class="launch-slides" aria-live="polite">
          {% for product in featured|slice:":6" %}<article class="launch-slide{% if forloop.first %} is-active{% endif %}" data-launch-slide aria-hidden="{% if forloop.first %}false{% else %}true{% endif %}">
            <div class="launch-slide-copy"><span class="launch-slide-kicker">{{ product.category.name|upper }} · FEATURED</span><h1>{{ product.name }}</h1><p>{{ product.description|striptags|truncatechars:155 }}</p><a class="launch-product-link" href="{{ product.get_absolute_url }}" data-launch-close>Explore this product <span aria-hidden="true">→</span></a></div>
            <img class="launch-slide-image" src="{% if product.has_service_image %}{% url 'product_image' product.pk %}{% else %}{% static 'img/' %}{{ product.catalogue_image_key }}{% endif %}" alt="{{ product.name }}" loading="{% if forloop.first %}eager{% else %}lazy{% endif %}" decoding="async">
            <span class="launch-price">FROM ₦{{ product.starting_unit_price|floatformat:0 }}</span>
          </article>{% empty %}
          {% for category in categories|slice:":6" %}<article class="launch-slide{% if forloop.first %} is-active{% endif %}" data-launch-slide aria-hidden="{% if forloop.first %}false{% else %}true{% endif %}">
            <div class="launch-slide-copy"><span class="launch-slide-kicker">GENEZ CREATIVE SERVICES</span><h1>{{ category.name }}</h1><p>{{ category.description|default:'Thoughtful design and dependable production, shaped around what you want to create.'|truncatechars:155 }}</p><a class="launch-product-link" href="{% url 'categories' %}?category={{ category.slug|urlencode }}" data-launch-close>Explore this service <span aria-hidden="true">→</span></a></div>
            <div class="launch-category-art" aria-hidden="true"><span>{{ category.icon }}</span><small>{{ category.name|upper }}</small></div>
          </article>{% empty %}<article class="launch-slide is-active" data-launch-slide aria-hidden="false"><div class="launch-slide-copy"><span class="launch-slide-kicker">YOUR CREATIVE WORKSHOP</span><h1>Big ideas deserve a brilliant finish.</h1><p>Bring your idea to GENEZ and shape it into a finished product, from the first conversation to delivery.</p><a class="launch-product-link" href="{% url 'custom_quote_request' %}" data-launch-close>Start with your idea <span aria-hidden="true">→</span></a></div><img class="launch-slide-image" src="{% if storefront_settings and storefront_settings.hero_image %}{% url 'storefront_hero_image' %}{% else %}{% static 'img/hero-product-collage.png' %}?v=34.6{% endif %}" alt="{% if storefront_settings and storefront_settings.hero_image_alt_text %}{{ storefront_settings.hero_image_alt_text }}{% else %}A selection of GENEZ print and design products, including billboards{% endif %}"></article>{% endfor %}{% endfor %}
        </div>
        <div class="launch-controls"><div class="launch-progress" aria-hidden="true"><span></span></div><div class="launch-buttons"><button type="button" data-launch-prev aria-label="Previous product">←</button><button type="button" data-launch-pause aria-pressed="false">Pause</button><button type="button" data-launch-next aria-label="Next product">→</button></div></div>
      </div>
    </div>
    <footer class="launch-bottom"><span>IDEA TO FINISHED PRODUCT</span><button type="button" class="launch-skip" data-launch-close>Skip intro <span aria-hidden="true">→</span></button><span>MADE WITH CARE BY GENEZ</span></footer>
  </div>
</section>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Organization","name":"Genez Print & Studio","url":"{{ request.build_absolute_uri|escapejs }}","logo":"{{ request.scheme }}://{{ request.get_host }}{% static 'img/brand-reference.png' %}"}
</script>
<section class="hero hero-premium">
  <div class="hero-content"><div class="hero-label"><span class="label-spark">✦</span> YOUR CREATIVE PARTNER</div>
    <h1>Print your ideas.<br><span>Bring them to life.</span></h1>
    <p>Printing, creative design, publishing and photography services for individuals, teams and growing businesses.</p>
    <div class="hero-actions"><a href="{% url 'categories' %}" class="btn hero-btn">Explore Services <span aria-hidden="true">→</span></a><a href="{% url 'custom_quote_request' %}" class="hero-secondary">Request a custom quote</a></div>
    <div class="hero-proof"><span>✓ Quality-focused service</span><span>✓ Secure artwork handling</span></div>
  </div>
  <div class="hero-visual"><img class="product-art" src="{% if storefront_settings and storefront_settings.hero_image %}{% url 'storefront_hero_image' %}{% else %}{% static 'img/hero-product-collage.png' %}?v=34.6{% endif %}" alt="{% if storefront_settings and storefront_settings.hero_image_alt_text %}{{ storefront_settings.hero_image_alt_text }}{% else %}GENEZ print samples including billboards, books, brochures and packaging{% endif %}" fetchpriority="high" decoding="async"><span class="hero-flag">✦ Premium quality printing</span></div>
</section>
<form class="v20-home-search" role="search" method="get" action="{% url 'categories' %}">
  <span aria-hidden="true">⌕</span><label class="sr-only" for="v20-home-query">Find a printing or design service</label>
  <input id="v20-home-query" name="q" type="search" maxlength="100" placeholder="Search flyers, business cards, banners, book publishing...">
  <button class="btn" type="submit">Search products</button>
</form>
<section aria-label="Genez service benefits" class="benefit-strip"><div><span class="benefit-icon bi-blue" aria-hidden="true">✦</span><span><strong>Print &amp; create</strong><small>Services in one place</small></span></div><div><span class="benefit-icon bi-cyan" aria-hidden="true">🚚</span><span><strong>Delivery options</strong><small>Discussed per order</small></span></div><div><span class="benefit-icon bi-orange" aria-hidden="true">✎</span><span><strong>Design support</strong><small>Use the studio or request help</small></span></div><div><span class="benefit-icon bi-green" aria-hidden="true">♢</span><span><strong>Private artwork</strong><small>Uploads are access controlled</small></span></div></section>
<div class="section-title home-section-title"><div><div class="kicker">OUR SERVICES</div><h2>What would you like to create?</h2><p class="section-description">Explore printing, design, photography, publishing and more.</p></div><a href="{% url 'categories' %}">View all categories →</a></div>
<div class="content-grid cols-4 service-grid">{% for cat in categories %}<a class="category-card" href="{% url 'categories' %}?category={{ cat.slug|urlencode }}"><span class="cat-icon" style="background:{{ cat.color }}">{{ cat.icon }}</span><strong class="cat-name">{{ cat.name }}</strong><span class="cat-desc">{{ cat.description }}</span><span class="category-arrow" aria-hidden="true">↗</span></a>{% empty %}<div class="card card-pad"><h3>Services are being prepared</h3><p class="muted">Staff can add services from the product catalogue.</p></div>{% endfor %}</div>
<section class="v20-step-section" aria-labelledby="genez-steps-title">
  <div class="v20-step-heading"><div><div class="kicker">HOW GENEZ WORKS</div><h2 id="genez-steps-title">From idea to doorstep</h2></div><a href="{% url 'help' %}">Need assistance? →</a></div>
  <div class="v20-steps">
    <div><span>01</span><strong>Choose a service</strong><p>Select a printing, design or publishing service and choose your specifications.</p></div>
    <div><span>02</span><strong>Create or upload artwork</strong><p>Bring your own design or start one in the Genez Creative Studio.</p></div>
    <div><span>03</span><strong>Review your quotation</strong><p>Check the quoted price and submit an order request. Available payment instructions are shown during checkout.</p></div>
    <div><span>04</span><strong>Approve and track</strong><p>Review your artwork proof when provided, then follow order updates from your account.</p></div>
  </div>
</section>
<div class="section-title home-section-title"><div><div class="kicker">RECOMMENDED FOR YOU</div><h2>Popular products & packages</h2><p class="section-description">Choose your specifications and see a starting estimate.</p></div><a href="{% url 'categories' %}">Shop all →</a></div>
<div class="product-list v20-home-products">{% for product in featured %}<article class="product-card"><a class="prod-photo" href="{{ product.get_absolute_url }}"><img src="{% if product.has_service_image %}{% url 'product_image' product.pk %}{% else %}{% static 'img/' %}{{ product.catalogue_image_key }}{% endif %}" alt="{{ product.name }}" loading="lazy" decoding="async"></a><div class="details"><span class="product-category">{{ product.category.name }}</span><h3>{{ product.name }}</h3><p class="v20-product-kind">Personalized service</p><div class="price-label">Starting price</div><div class="price">₦{{ product.starting_unit_price|floatformat:2 }} <small> / unit</small></div><a class="btn small block" href="{{ product.get_absolute_url }}">Configure &amp; Order →</a></div></article>{% empty %}<div class="card card-pad"><h3>Products coming soon</h3><p class="muted">Our catalogue is being prepared.</p></div>{% endfor %}</div>
<section class="v20-marketplace-cta" aria-label="Partner marketplace"><div><span class="kicker">GENEZ PARTNER MARKETPLACE</span><h2>Creative professionals, one trusted platform.</h2><p>Explore published services from approved designers, printers and creative partners.</p><a href="{% url 'partner_marketplace' %}" class="btn outline">Explore marketplace →</a></div><span class="v20-marketplace-emblem" aria-hidden="true">✦</span></section>
<section class="creative-cta"><div><div class="kicker">GENEZ CREATIVE STUDIO</div><h2>Have your own idea?</h2><p>Customize a design draft or request help from a professional creative partner.</p><a href="{% url 'studio' %}" class="btn">Explore Design Studio →</a></div><div class="cta-symbol" aria-hidden="true">✦</div></section>
<section class="v25-order-note" aria-labelledby="v25-order-note-title">
  <div><span class="kicker">A CLEAR ORDER JOURNEY</span><h2 id="v25-order-note-title">You stay in control at every step.</h2></div>
  <p>Review the service details and quote before submitting. If a proof is part of your order, you can review it before production continues. Your account keeps order updates and support in one place.</p>
  <a href="{% url 'help' %}" class="v25-text-link">Read ordering help <span aria-hidden="true">→</span></a>
</section>
{% endblock %}