






<!-- Blog Section -->
<section class="blog-section" id="blog">
    <div class="section-container">
        <div class="section-header">
            <span class="section-tag">Our Blog</span>
            <h2 class="section-title">Insights & <span class="gradient-text">Perspectives</span></h2>
            <p class="section-subtitle">
                Stay ahead of the curve with our latest thoughts on technology, design, 
                and digital strategy from our team of experts.
            </p>
        </div>

                <div class="blog-grid">
                        <article class="blog-card" style="--card-accent: #8b5cf6">
                <a href="post.php?slug=post-3" class="blog-card-image-link">
                <a href="post.php?slug=post-3" class="blog-card-image-link">
                <div class="blog-card-image" style="background: linear-gradient(135deg, #8b5cf622 0%, #8b5cf608 100%);">
                    <div class="blog-card-image-inner">
                        <div class="blog-card-pattern" style="color: #8b5cf6">
                            <svg width="120" height="120" viewBox="0 0 120 120" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.3">
                                <circle cx="60" cy="60" r="50"/>
                                <circle cx="60" cy="60" r="35"/>
                                <circle cx="60" cy="60" r="20"/>
                                <line x1="10" y1="60" x2="110" y2="60"/>
                                <line x1="60" y1="10" x2="60" y2="110"/>
                            </svg>
                        </div>
                        <div class="blog-card-category" style="background: #8b5cf6">
                            Cloud                        </div>
                    </div>
                </div>
                </a>
                <div class="blog-card-body">
                    <div class="blog-card-meta">
                        <span class="blog-card-date">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                            Mar 22, 2025                        </span>
                        <span class="blog-card-read-time">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                            6 min read                        </span>
                    </div>
                    <h3 class="blog-card-title"><a href="post.php?slug=post-3">Scaling Your Startup with Cloud Infrastructure</a></h3>
                    <p class="blog-card-excerpt">From zero to millions of users — a practical guide to choosing the right cloud architecture that grows with your business without breaking the bank.</p>
                    <div class="blog-card-footer">
                        <div class="blog-card-author">
                            <div class="author-avatar" style="background: #8b5cf6">
                                J                            </div>
                            <span class="author-name">James Rivera</span>
                        </div>
                        <a href="post.php?slug=post-3" class="blog-card-link" style="color: #8b5cf6">
                            Read More
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                        </a>
                    </div>
                </div>
            </article>
                        <article class="blog-card" style="--card-accent: #06b6d4">
                <a href="post.php?slug=post-2" class="blog-card-image-link">
                <a href="post.php?slug=post-2" class="blog-card-image-link">
                <div class="blog-card-image" style="background: linear-gradient(135deg, #06b6d422 0%, #06b6d408 100%);">
                    <div class="blog-card-image-inner">
                        <div class="blog-card-pattern" style="color: #06b6d4">
                            <svg width="120" height="120" viewBox="0 0 120 120" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.3">
                                <circle cx="60" cy="60" r="50"/>
                                <circle cx="60" cy="60" r="35"/>
                                <circle cx="60" cy="60" r="20"/>
                                <line x1="10" y1="60" x2="110" y2="60"/>
                                <line x1="60" y1="10" x2="60" y2="110"/>
                            </svg>
                        </div>
                        <div class="blog-card-category" style="background: #06b6d4">
                            Design                        </div>
                    </div>
                </div>
                </a>
                <div class="blog-card-body">
                    <div class="blog-card-meta">
                        <span class="blog-card-date">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                            Feb 8, 2025                        </span>
                        <span class="blog-card-read-time">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                            4 min read                        </span>
                    </div>
                    <h3 class="blog-card-title"><a href="post.php?slug=post-2">Why User Experience Design Matters More Than Ever</a></h3>
                    <p class="blog-card-excerpt">In a world saturated with digital products, great UX is the ultimate differentiator. Learn how user-centered design drives retention, revenue, and brand loyalty.</p>
                    <div class="blog-card-footer">
                        <div class="blog-card-author">
                            <div class="author-avatar" style="background: #06b6d4">
                                S                            </div>
                            <span class="author-name">Sarah Chen</span>
                        </div>
                        <a href="post.php?slug=post-2" class="blog-card-link" style="color: #06b6d4">
                            Read More
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                        </a>
                    </div>
                </div>
            </article>
                        <article class="blog-card" style="--card-accent: #4f46e5">
                <a href="post.php?slug=pogfz" class="blog-card-image-link">
                <a href="post.php?slug=pogfz" class="blog-card-image-link">
                <div class="blog-card-image" style="background: linear-gradient(135deg, #4f46e522 0%, #4f46e508 100%);">
                    <div class="blog-card-image-inner">
                        <div class="blog-card-pattern" style="color: #4f46e5">
                            <svg width="120" height="120" viewBox="0 0 120 120" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.3">
                                <circle cx="60" cy="60" r="50"/>
                                <circle cx="60" cy="60" r="35"/>
                                <circle cx="60" cy="60" r="20"/>
                                <line x1="10" y1="60" x2="110" y2="60"/>
                                <line x1="60" y1="10" x2="60" y2="110"/>
                            </svg>
                        </div>
                        <div class="blog-card-category" style="background: #4f46e5">
                            Development                        </div>
                    </div>
                </div>
                </a>
                <div class="blog-card-body">
                    <div class="blog-card-meta">
                        <span class="blog-card-date">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                            Jan 15, 2025                        </span>
                        <span class="blog-card-read-time">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                            5 min read                        </span>
                    </div>
                    <h3 class="blog-card-title"><a href="post.php?slug=pogfz">WOOOOOOOW</a></h3>
                    <p class="blog-card-excerpt">Explore the cutting-edge technologies and frameworks that are reshaping how we build for the web. From AI-powered tools to edge computing, discover what lies ahead.</p>
                    <div class="blog-card-footer">
                        <div class="blog-card-author">
                            <div class="author-avatar" style="background: #4f46e5">
                                A                            </div>
                            <span class="author-name">Alex Morgan</span>
                        </div>
                        <a href="post.php?slug=pogfz" class="blog-card-link" style="color: #4f46e5">
                            Read More
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                        </a>
                    </div>
                </div>
            </article>
                        <article class="blog-card" style="--card-accent: #4f46e5">
                <a href="post.php?slug=post-1" class="blog-card-image-link">
                <a href="post.php?slug=post-1" class="blog-card-image-link">
                <div class="blog-card-image" style="background: linear-gradient(135deg, #4f46e522 0%, #4f46e508 100%);">
                    <div class="blog-card-image-inner">
                        <div class="blog-card-pattern" style="color: #4f46e5">
                            <svg width="120" height="120" viewBox="0 0 120 120" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.3">
                                <circle cx="60" cy="60" r="50"/>
                                <circle cx="60" cy="60" r="35"/>
                                <circle cx="60" cy="60" r="20"/>
                                <line x1="10" y1="60" x2="110" y2="60"/>
                                <line x1="60" y1="10" x2="60" y2="110"/>
                            </svg>
                        </div>
                        <div class="blog-card-category" style="background: #4f46e5">
                            Development                        </div>
                    </div>
                </div>
                </a>
                <div class="blog-card-body">
                    <div class="blog-card-meta">
                        <span class="blog-card-date">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
                            Jan 15, 2025                        </span>
                        <span class="blog-card-read-time">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
                            5 min read                        </span>
                    </div>
                    <h3 class="blog-card-title"><a href="post.php?slug=post-1">The Future of Web Development in 2025</a></h3>
                    <p class="blog-card-excerpt">Explore the cutting-edge technologies and frameworks that are reshaping how we build for the web. From AI-powered tools to edge computing, discover what lies ahead.</p>
                    <div class="blog-card-footer">
                        <div class="blog-card-author">
                            <div class="author-avatar" style="background: #4f46e5">
                                A                            </div>
                            <span class="author-name">Alex Morgan</span>
                        </div>
                        <a href="post.php?slug=post-1" class="blog-card-link" style="color: #4f46e5">
                            Read More
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                        </a>
                    </div>
                </div>
            </article>
                    </div>
            </div>
</section>
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <!-- Homepage -->
    <url>
        <loc>http://127.0.0.1/index.php</loc>
        <lastmod>2026-09-08</lastmod>
        <changefreq>weekly</changefreq>
        <priority>1.0</priority>
    </url>

    <!-- Blog Archive -->
    <url>
        <loc>http://127.0.0.1/blog.php</loc>
        <lastmod>2026-09-08</lastmod>
        <changefreq>daily</changefreq>
        <priority>0.9</priority>
    </url>

    <!-- Individual Blog Posts -->
        <url>
        <loc>http://127.0.0.1/post.php?slug=post-3</loc>
        <lastmod>2025-03-22</lastmod>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>http://127.0.0.1/post.php?slug=post-2</loc>
        <lastmod>2025-02-08</lastmod>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>http://127.0.0.1/post.php?slug=pogfz</loc>
        <lastmod>2025-01-15</lastmod>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>http://127.0.0.1/post.php?slug=post-1</loc>
        <lastmod>2025-01-15</lastmod>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
    </url>
    </urlset>
