WEB simple printing

[adenprinting-com]

<title>Aden Printing - Informasi Cetak Profesional</title> <script src="https://cdn.tailwindcss.com"></script> <style> @Keyframes gradientBG { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } body { font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #5b21b6, #2563eb, #9333ea, #3b82f6); background-size: 400% 400%; animation: gradientBG 15s ease infinite; color: #f3f4f6; min-height: 100vh; margin: 0; display: flex; flex-direction: column; } header { background: transparent; z-index: 20; } nav a { color: #e0e7ff; } nav a:hover { color: #c4b5fd; } .container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } h1, h2, h3, p { color: #f3f4f6; } /* Logo text gradient */ .logo-text { font-family: 'Fredoka One', cursive; background: linear-gradient(90deg, #a78bfa, #60a5fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Card background with slight transparency */ .card-bg { background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform 0.3s ease; } .card-bg:hover { transform: scale(1.05); box-shadow: 0 10px 20px rgba(255 255 255 / 0.3); } /* Responsive text sizes */ h1 { font-size: 2.25rem; /* default */ } h2 { font-size: 1.875rem; } h3 { font-size: 1.5rem; } p { font-size: 1rem; } @media (min-width: 640px) { h1 { font-size: 3rem; } h2 { font-size: 2.25rem; } h3 { font-size: 1.75rem; } p { font-size: 1.125rem; } } @media (min-width: 1024px) { h1 { font-size: 3.5rem; } h2 { font-size: 3rem; } h3 { font-size: 2rem; } p { font-size: 1.25rem; } } @media (max-width: 640px) { header { flex-direction: column; gap: 1rem; } nav ul { flex-direction: column; gap: 0.75rem; } } /* Responsive iframe container */ .map-container { position: relative; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */ border-radius: 0.5rem; box-shadow: 0 4px 15px rgba(0,0,0,0.3); margin-top: 1.5rem; } .map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 0.5rem; } </style>

Aden Printing

• Tentang Kami
• Layanan
• Kontak

Tentang Aden Printing

Aden Printing adalah penyedia layanan cetak profesional yang berkomitmen memberikan hasil cetak berkualitas tinggi dengan harga terjangkau. Kami melayani berbagai kebutuhan cetak mulai dari brosur, kartu nama, spanduk, hingga merchandise custom sesuai permintaan Anda.

<section id="services" class="mb-16 max-w-6xl mx-auto">
  <h2 class="font-bold mb-10 text-center sm:text-left">Layanan Kami</h2>
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
    <div class="card-bg rounded-lg shadow-lg p-6 flex flex-col items-center text-center">
      <img
        src="https://storage.googleapis.com/a1aa/image/20f10f02-12a0-4838-b92d-c503475b38be.jpg"
        alt="Contoh brosur cetak warna penuh"
        class="mb-4 rounded w-36 h-36 object-cover"
      />
      <h3 class="font-semibold mb-2">Cetak Brosur</h3>
      <p>Kami menyediakan cetak brosur dengan kualitas warna tajam dan berbagai pilihan kertas premium.</p>
    </div>
    <div class="card-bg rounded-lg shadow-lg p-6 flex flex-col items-center text-center">
      <img
        src="https://storage.googleapis.com/a1aa/image/42aedb24-31e3-4a39-4f8d-b2ef1f1e437c.jpg"
        alt="Kartu nama profesional dengan desain modern"
        class="mb-4 rounded w-36 h-36 object-cover"
      />
      <h3 class="font-semibold mb-2">Kartu Nama</h3>
      <p>Desain dan cetak kartu nama eksklusif yang mencerminkan profesionalisme bisnis Anda.</p>
    </div>
    <div class="card-bg rounded-lg shadow-lg p-6 flex flex-col items-center text-center">
      <img
        src="https://storage.googleapis.com/a1aa/image/c8fc87b2-01b3-4e79-d0d1-aa7accc28a65.jpg"
        alt="Spanduk promosi berwarna cerah dan tahan lama"
        class="mb-4 rounded w-36 h-36 object-cover"
      />
      <h3 class="font-semibold mb-2">Spanduk &amp; Banner</h3>
      <p>Spanduk dan banner dengan bahan tahan cuaca, cocok untuk promosi indoor dan outdoor.</p>
    </div>
    <div class="card-bg rounded-lg shadow-lg p-6 flex flex-col items-center text-center">
      <img
        src="https://storage.googleapis.com/a1aa/image/e13d5cb0-71bc-47f2-33e9-cd67dfdece3e.jpg"
        alt="Merchandise custom seperti kaos dan mug"
        class="mb-4 rounded w-36 h-36 object-cover"
      />
      <h3 class="font-semibold mb-2">Merchandise Custom</h3>
      <p>Kaos, mug, dan merchandise lainnya dengan cetak custom sesuai desain Anda.</p>
    </div>
    <div class="card-bg rounded-lg shadow-lg p-6 flex flex-col items-center text-center">
      <img
        src="https://storage.googleapis.com/a1aa/image/14b1d14e-2446-4569-03a0-32140bbd2851.jpg"
        alt="Desainer grafis sedang bekerja di komputer"
        class="mb-4 rounded w-36 h-36 object-cover"
      />
      <h3 class="font-semibold mb-2">Desain Grafis</h3>
      <p>Tim desain kami siap membantu membuat desain kreatif dan menarik untuk kebutuhan cetak Anda.</p>
    </div>
    <div class="card-bg rounded-lg shadow-lg p-6 flex flex-col items-center text-center">
      <img
        src="https://storage.googleapis.com/a1aa/image/10468352-e931-4aaf-1475-9d08f80ddd69.jpg"
        alt="Kurir mengantarkan paket cetak ke pelanggan"
        class="mb-4 rounded w-36 h-36 object-cover"
      />
      <h3 class="font-semibold mb-2">Pengiriman Cepat</h3>
      <p>Layanan pengiriman cepat dan aman ke seluruh wilayah Indonesia.</p>
    </div>
  </div>
</section>

<section id="contact" class="max-w-3xl mx-auto mb-16">
  <h2 class="font-bold mb-8 text-center sm:text-left">Kontak Kami</h2>
  <form action="#" method="POST" class="bg-white bg-opacity-20 backdrop-blur-md rounded-lg p-8 space-y-6 text-gray-100">
    <div>
      <label for="name" class="block mb-1 font-semibold">Nama Lengkap</label>
      <input
        type="text"
        id="name"
        name="name"
        required
        class="w-full rounded-md border border-gray-300 px-4 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500"
      />
    </div>
    <div>
      <label for="email" class="block mb-1 font-semibold">Email</label>
      <input
        type="email"
        id="email"
        name="email"
        required
        class="w-full rounded-md border border-gray-300 px-4 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500"
      />
    </div>
    <div>
      <label for="message" class="block mb-1 font-semibold">Pesan</label>
      <textarea
        id="message"
        name="message"
        rows="4"
        required
        class="w-full rounded-md border border-gray-300 px-4 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500"
      ></textarea>
    </div>
    <button
      type="submit"
      class="w-full bg-indigo-600 hover:bg-indigo-700 transition-colors font-semibold py-3 rounded-md"
    >
      Kirim Pesan
    </button>
  </form>
  <div class="mt-8 text-center sm:text-left text-gray-200 space-y-2">
    <p>Alamat: Jl. Contoh No.123, Kota Contoh, Indonesia</p>
    <p>Telepon: +62 812 3456 7890</p>
    <p>Email: info@adenprinting.co.id</p>
    <p>
      <a href="https://www.google.com/maps/place/Jl.+Contoh+No.123,+Kota+Contoh,+Indonesia" target="_blank" rel="noopener noreferrer" class="underline hover:text-indigo-300">
        Lihat di Google Maps
      </a>
    </p>
  </div>
  <div class="map-container max-w-3xl mx-auto mt-6">
    <iframe
      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.1234567890123!2d116.8456!3d-1.2345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xabcdef1234567890!2sJl.+Contoh+No.123%2C+Kota+Contoh!5e0!3m2!1sen!2sid!4v1697040000000!5m2!1sen!2sid"
      allowfullscreen=""
      loading="lazy"
      referrerpolicy="no-referrer-when-downgrade"
      title="Lokasi Aden Printing di Google Maps"
    ></iframe>
  </div>
</section>

© 2024 Aden Printing. All rights reserved.