Update all pages with accurate company data and add 5th blog post

- Fix contact page trust stats (20+ projects, 100% satisfaction, 3+ years)
- Fix portfolio meta description (20+ projects, not 100+)
- Fix services page stats (20+ projects, 100% satisfaction, 6 services)
- Update BaseLayout keywords to match actual tech stack (remove Flutter, add Astro/Golang/Expo)
- Update aggregate rating reviewCount to realistic 20 (was inflated 127)
- Add 5th blog post: Building Scalable ERP Systems
- Replace placeholder SVG blog images with real Unsplash JPEG photos
- Add dedicated image for government IT systems blog post

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/content/blog/getting-started-with-astro.md

@@ -6,12 +6,12 @@ heroImage: "/images/blog/astro-intro.jpg"
 category: "Web Development"
 tags: ["Astro", "Static Sites", "JavaScript", "Performance"]
 author:
-  name: "Sarah Chen"
-  avatar: "/images/team/sarah.jpg"
+  name: "Ajay"
+  avatar: "/images/team/ajay.jpg"
 draft: false
 ---
 
-Astro has revolutionized how we build content-focused websites. Unlike traditional frameworks, Astro ships **zero JavaScript by default**, resulting in incredibly fast page loads.
+Astro has revolutionized how we build content-focused websites. Unlike traditional frameworks, Astro ships **zero JavaScript by default**, resulting in incredibly fast page loads. After building several production sites with Astro, I can confidently say it is the best choice for content-driven projects in 2024 and beyond.
 
 ## Why Choose Astro?
 
@@ -22,6 +22,12 @@ Astro stands out for several compelling reasons:
 3. **Content Collections** - Type-safe Markdown and MDX handling
 4. **Edge-Ready** - Deploy anywhere with adapters
 
+## How Astro Differs from Traditional Frameworks
+
+Most JavaScript frameworks like Next.js or Nuxt ship a full JavaScript runtime to the browser, even for mostly static pages. Astro flips this model entirely. It renders everything to static HTML at build time and only sends JavaScript for components that genuinely need interactivity.
+
+This means a blog post page that would ship 200KB of JavaScript in a typical React app ships **0KB** with Astro -- unless you explicitly opt in to client-side hydration for specific interactive widgets.
+
 ## Code Example
 
 Here's a simple Astro component:
@@ -30,10 +36,19 @@ Here's a simple Astro component:
 ---
 // Component script runs at build time
 const greeting = "Hello, Astro!";
+const posts = await Astro.glob('./blog/*.md');
 ---
 
 <h1>{greeting}</h1>
 
+<ul>
+  {posts.map(post => (
+    <li>
+      <a href={post.url}>{post.frontmatter.title}</a>
+    </li>
+  ))}
+</ul>
+
 <style>
   h1 {
     color: #0891b2;
@@ -46,19 +61,45 @@ const greeting = "Hello, Astro!";
 
 Astro's approach to partial hydration means your users get:
 
-- **Faster Time to Interactive (TTI)**
-- **Lower JavaScript bundle sizes**
-- **Better Core Web Vitals scores**
+- **Faster Time to Interactive (TTI)** - Pages become interactive sooner because there is less JavaScript to parse
+- **Lower JavaScript bundle sizes** - Ship only what you need, not an entire framework runtime
+- **Better Core Web Vitals scores** - Improved LCP, FID, and CLS out of the box
 
 ```javascript
-// Traditional SPA: Everything loads
+// Traditional SPA: Everything loads upfront
 import HeavyComponent from './HeavyComponent';
 import AnotherHeavyComponent from './AnotherHeavyComponent';
 
 // Astro: Only what's needed
-// Components are static HTML unless marked client:*
+// Components are static HTML unless marked with client:*
+// <InteractiveWidget client:visible />
+// <StaticCard /> <!-- Ships zero JS -->
 ```
 
+## Content Collections: Type-Safe Content
+
+One of Astro's strongest features is Content Collections, which provide type-safe frontmatter validation for your Markdown files:
+
+```typescript
+// src/content/config.ts
+import { defineCollection, z } from 'astro:content';
+
+const blog = defineCollection({
+  type: 'content',
+  schema: z.object({
+    title: z.string(),
+    description: z.string(),
+    pubDate: z.coerce.date(),
+    heroImage: z.string().optional(),
+    tags: z.array(z.string()),
+  }),
+});
+
+export const collections = { blog };
+```
+
+This means if you forget a required field in your blog post frontmatter, you get a clear error at build time rather than a broken page in production.
+
 ## Getting Started
 
 Install Astro with a single command:
@@ -67,4 +108,17 @@ Install Astro with a single command:
 npm create astro@latest
 ```
 
-Choose a template, and you're ready to build your next project with the performance benefits of static HTML and the developer experience of modern frameworks.
+Choose a template, and you are ready to build your next project with the performance benefits of static HTML and the developer experience of modern frameworks.
+
+## When to Use Astro
+
+Astro is ideal for:
+
+- **Marketing sites** and landing pages
+- **Documentation sites** with minimal interactivity
+- **Blogs and content platforms** where SEO matters
+- **Portfolio sites** where performance is a differentiator
+
+For highly interactive applications like dashboards or real-time collaboration tools, you may still want a full SPA framework. But for the vast majority of web content, Astro delivers a superior experience for both developers and users.
+
+The ecosystem is growing rapidly, with official integrations for Tailwind CSS, MDX, image optimization, and more. If you have not tried Astro yet, now is the perfect time to start.