feat(site): redesign with product pages, ecosystem sections and pixel reveal

Add cli/code/office/platform/pricing pages, new home sections
(Ecosystem, FeatureGrid, Faq, WorkflowSteps, BottomCta, ProductEcosystem),
ScrollReveal and PixelTextReveal animation components, brand assets,
and expanded site-content.

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

components/home/BlogPreviewSection.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image"
 import Link from "next/link"
 import { BLOG_POSTS } from "@/lib/blog-data"
 
@@ -42,8 +41,19 @@ export default function BlogPreviewSection() {
                   <div className="blog-featured-v1-wrapper">
                     <div className="border-wrapper">
                       <Link href={`/blog-posts/${post.slug}`} className="blog-card-v1 w-inline-block">
-                        <div className="blog-v1-image-wrapper">
-                          <Image alt={post.imageAlt} src={post.image} sizes="(max-width: 767px) 100vw, (max-width: 991px) 95vw, 939.96533203125px" className="image" fill style={{ objectFit: "cover" }} />
+                        <div className="blog-v1-image-wrapper" style={{
+                          background: "linear-gradient(135deg, var(--core--colors--neutral--200) 0%, var(--core--colors--neutral--300) 100%)",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                        }}>
+                          <span style={{
+                            fontSize: "0.75rem",
+                            fontWeight: 600,
+                            letterSpacing: "0.08em",
+                            textTransform: "uppercase",
+                            color: "var(--core--colors--neutral--500)",
+                          }}>{post.category}</span>
                         </div>
                         <div className="blog-v1-content">
                           <div className="inner-container _420px">