<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Blog | AESTIA3D — 3D Printing Insights, Tips & Updates | Ranchi</title>
  <meta name="description" content="Explore AESTIA3D's blog — insights on 3D printing, manufacturing tips, product updates, and behind-the-scenes from Ranchi's premier 3D printing studio. Founded by Shrestha Walia, Vaibhav Verma & Aditya Kumar." />
  <meta name="keywords" content="3D printing blog, 3D manufacturing tips, AESTIA3D blog, 3D printing Ranchi, 3D printing Jharkhand, custom 3D printing India, additive manufacturing blog, Datiles, AESTIA3D updates, 3D print insights" />
  <meta name="author" content="AESTIA3D — Shrestha Walia, Vaibhav Verma, Aditya Kumar" />
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
  <meta name="language" content="en" />
  <link rel="canonical" href="https://aestia3d.com/blog" />

  
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="AESTIA3D" />
  <meta property="og:title" content="Blog | AESTIA3D — 3D Printing Insights & Updates" />
  <meta property="og:description" content="Tips, stories, and updates from Ranchi's #1 3D printing studio. Explore the world of precision manufacturing with AESTIA3D." />
  <meta property="og:image" content="https://aestia3d.com/logo.png" />
  <meta property="og:image:secure_url" content="https://aestia3d.com/logo.png" />
  <meta property="og:image:alt" content="AESTIA3D Blog — 3D Printing Ranchi" />
  <meta property="og:url" content="https://aestia3d.com/blog" />
  <meta property="og:locale" content="en_IN" />

  
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Blog | AESTIA3D — 3D Printing Insights & Updates" />
  <meta name="twitter:description" content="Tips, stories, and updates from Ranchi's #1 3D printing studio. Explore the world of precision manufacturing with AESTIA3D." />
  <meta name="twitter:image" content="https://aestia3d.com/logo.png" />
  <meta name="twitter:image:alt" content="AESTIA3D Blog" />

  
  <meta name="geo.region" content="IN-JH" />
  <meta name="geo.placename" content="Ranchi, Jharkhand, India" />
  <meta name="geo.position" content="23.3441;85.3096" />
  <meta name="ICBM" content="23.3441, 85.3096" />

  
  <link rel="shortcut icon" href="/logo.png" type="image/x-icon" />
  <link rel="icon" href="/logo.png" type="image/png" />
  <link rel="apple-touch-icon" href="/logo.png" />

  
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "AESTIA3D",
    "url": "https://aestia3d.com",
    "logo": {
      "@type": "ImageObject",
      "url": "https://aestia3d.com/logo.png"
    },
    "foundingDate": "2024",
    "email": "aestia3d@gmail.com",
    "description": "AESTIA3D is a premium 3D printing and manufacturing company based in Ranchi, Jharkhand, India.",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Ranchi",
      "addressRegion": "Jharkhand",
      "addressCountry": "IN"
    },
    "sameAs": [
      "https://www.instagram.com/aestia3d/reels/"
    ],
    "founders": [
      {
        "@type": "Person",
        "name": "Shrestha Walia",
        "jobTitle": "CEO, CMO & Founder",
        "worksFor": { "@type": "Organization", "name": "AESTIA3D" }
      },
      {
        "@type": "Person",
        "name": "Vaibhav Verma",
        "jobTitle": "MD, COO, Product Manager & Founder",
        "url": "https://vaibhav-verma.netlify.app/",
        "worksFor": { "@type": "Organization", "name": "AESTIA3D" }
      },
      {
        "@type": "Person",
        "name": "Aditya Kumar",
        "jobTitle": "Founder & CTO",
        "url": "https://aditya-kumar2.netlify.app/",
        "worksFor": { "@type": "Organization", "name": "AESTIA3D" }
      }
    ],
    "partner": {
      "@type": "Organization",
      "name": "Datiles"
    }
  }
  </script>

  
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Blog",
    "name": "AESTIA3D Blog",
    "url": "https://aestia3d.com/blog",
    "description": "Insights, tips, product updates, and behind-the-scenes stories from AESTIA3D — Ranchi's premier 3D printing and manufacturing studio.",
    "inLanguage": "en-IN",
    "publisher": {
      "@type": "Organization",
      "name": "AESTIA3D",
      "url": "https://aestia3d.com",
      "logo": {
        "@type": "ImageObject",
        "url": "https://aestia3d.com/logo.png"
      }
    }
  }
  </script>

  
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "AESTIA3D",
    "url": "https://aestia3d.com",
    "potentialAction": {
      "@type": "SearchAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://aestia3d.com/blog?q={search_term_string}"
      },
      "query-input": "required name=search_term_string"
    }
  }
  </script>

  
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://aestia3d.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Blog",
        "item": "https://aestia3d.com/blog"
      }
    ]
  }
  </script>

  
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
  <link rel="stylesheet" href="/global-theme.css" />
  <link rel="stylesheet" href="/blog.css" />
</head>

<body class="min-h-screen flex flex-col">
  
  <header class="bg-white shadow">
    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row sm:items-center sm:justify-between">
      <div>
        <div class="header-logo"><img class='site-logo' src='/Final2.png' alt='AESTIA 3D logo'></div>
        <p class="mt-2" style="color: var(--light-text)">Discover tips, trends, and stories from our community.</p>
      </div>
      <div class="mt-4 sm:mt-0">
        <input type="text" id="search-bar" class="search-bar" placeholder="Search blogs..." aria-label="Search blogs" onkeyup="searchBlogs()">
      </div>
    </div>
  </header>

  
  <section class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8 flex-grow">
    <div id="blog-container" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
      
    </div>
    <p id="loading" class="text-center" style="color: var(--light-text)">
      Loading
      <span class="loading-spinner"></span>
    </p>
    <p id="error" class="text-center hidden">Failed to load blogs. Please try again later.</p>
    <p id="no-blogs" class="text-center hidden" style="color: var(--light-text)">No blogs found.</p>
    <div class="mt-8 flex justify-center space-x-4">
      <button id="prev-page" class="pagination-button" onclick="changePage(-1)" disabled aria-label="Previous Page">Previous</button>
      <span id="page-info" style="color: var(--light-text)">Page 1</span>
      <button id="next-page" class="pagination-button" onclick="changePage(1)" disabled aria-label="Next Page">Next</button>
    </div>
  </section>

  
  <footer class="py-8">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <p>© 2025 Inscipe. All rights reserved.</p>
      <div class="mt-4">
        <a href="blog" style="color: var(--dark-gray)" class="hover:text-white mx-2">Blog Home</a>
        <a href="/product-list" style="color: var(--dark-gray)" class="hover:text-white mx-2">Shop</a>
        <a href="aboutus" style="color: var(--dark-gray)" class="hover:text-white mx-2">Contact</a>
        <a href="Privacy-Policy" style="color: var(--dark-gray)" class="hover:text-white mx-2">Privacy Policy</a>
        <a href="TandC" style="color: var(--dark-gray)" class="hover:text-white mx-2">Terms of Service</a>
      </div>
    </div>
  </footer>

  
  <div class="bottom-navigation">
    <a href="/product-list" class="nav-item" aria-label="Home">
      <i class="fas fa-home"></i>
      <span>Home</span>
    </a>
    <a href="account" class="nav-item" aria-label="Your Account">
      <i class="fas fa-user"></i>
      <span>You</span>
    </a>
    <a href="MY-order" class="nav-item" aria-label="My Orders">
      <i class="fas fa-shopping-bag"></i>
      <span>My Orders</span>
    </a>
    <a href="/Aestia-Coins" class="nav-item" aria-label="Redeem">
      <i class="fas fa-gift"></i>
      <span>Redeem</span>
    </a>
    <a href="bot" class="nav-item active" aria-label="Nova">
      <i class="fas fa-headset"></i>
      <span>Nova</span>
    </a>
  </div>

  
  <button id="back-to-top" aria-label="Back to Top">
    <i class="fas fa-chevron-up"></i>
  </button>

<script>
  async function loadBlogs() {
    const loadingEl = document.getElementById('loading');
    const errorEl = document.getElementById('error');
    const noBlogsEl = document.getElementById('no-blogs');
    const blogContainer = document.getElementById('blog-container');

    const urlParams = new URLSearchParams(window.location.search);
    const categoryParam = urlParams.get('category');

    try {
      const response = await fetch('/api/blog');
      if (!response.ok) throw new Error('Failed');

      const allBlogs = await response.json();
      let filteredBlogs = allBlogs;

      if (categoryParam) {
        const decoded = decodeURIComponent(categoryParam);
        document.title = `${decoded} - AESTIA3D Blog`;
        filteredBlogs = allBlogs.filter(b => 
          b.category.toLowerCase() === decoded.toLowerCase()
        );
      }

      blogContainer.innerHTML = '';

      if (filteredBlogs.length === 0) {
        noBlogsEl.classList.remove('hidden');
      } else {
        filteredBlogs.forEach(blog => {
          const div = document.createElement('div');
          div.className = 'blog-card';
          div.innerHTML = `
            ${blog.banner.type === 'image' ? `
              <img src="${blog.banner.url}" alt="${blog.title}" class="w-full h-48 object-cover">
            ` : `
              <video class="w-full h-48 object-cover" autoplay muted loop>
                <source src="${blog.banner.url}" type="video/mp4">
              </video>
            `}
            <div class="p-6">
              <span class="inline-block category-tag text-xs px-3 py-1 rounded-full">${blog.category}</span>
              <h2 class="text-xl font-semibold mt-3">
                <a href="blog-post?blogId=${blog.blogId}">${blog.title}</a>
              </h2>
              <p class="mt-2 text-sm text-gray-600">By ${blog.writer} • ${blog.date}</p>
              <p class="mt-3 line-clamp-3 text-gray-600">${blog.excerpt}</p>
              <a href="blog-post?blogId=${blog.blogId}" class="mt-4 inline-block text-blue-600 font-medium">Read More →</a>
            </div>
          `;
          blogContainer.appendChild(div);
        });
      }
    } catch (err) {
      console.error(err);
      errorEl.classList.remove('hidden');
    } finally {
      if (loadingEl) loadingEl.classList.add('hidden');
    }
  }

  // Run as soon as possible
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", loadBlogs);
  } else {
    loadBlogs();
  }

  // Extra safety - run again after 300ms
  setTimeout(loadBlogs, 300);
</script>
  
</body>
</html>
    <script>
      console.clear();
    </script>