What's new.

Astro 6.1.3 & Tailwind CSS 4.2.2 Update

• Updated Astro from 6.0.6 to 6.1.3
• Updated Tailwind CSS from 4.2.1 to 4.2.2

Mobile Menu & Careers Hero Fix

• Mobile menu: theme toggle moved next to hamburger button, 'Buy now' replaces Login/Book a Demo
• Careers hero images: responsive widths extended to prevent pixelation on 2K+ displays

License, OG Image & Progressive Enhancement

• Commercial license: MIT replaced with TemplateDeck Commercial License (LICENSE.md)
• New OG image (cover.png) for social sharing previews
• Progressive enhancement: scroll animations visible by default, hidden only when JS loads (WCAG/no-JS safe)
• WCAG contrast: muted-foreground darkened from #5F5F5F to #4F4F4D, surface-dark from #2C2C28 to #141412

Quality & Accessibility Polish

• WCAG AA contrast fix: muted-foreground adjusted from #6B6B6B to #5F5F5F (5.29:1+ on all backgrounds)
• WCAG AA contrast fix: UI mockup cards in FeatureStudio + FeatureConnectors (opacity, orange text, badge)
• Hero play button converted from div to semantic button with aria-label
• Contact form grid responsive on mobile (grid-cols-1 sm:grid-cols-2)
• Design token consistency: text-green-500 → text-success, #E8630A → var(--color-accent-orange), text-white → text-primary-foreground on badges
• Modes section: hardcoded #1E1E1B → var(--color-surface-dark)
• 404 heading responsive: text-6xl md:text-8xl lg:text-9xl
• RSS feed fallback domain corrected
• aria-hidden on all decorative SVGs (LoginForm, Hero helix)
• z-10 on all floating cards over pattern background images
• Image sizes: 100vw → calc(100vw - 3rem) for accurate responsive image selection on mobile

First Official Release

• All AstroDeck branding replaced with Apex AI across layouts, components, RSS, and SEO tags
• Dark mode fully polished — toggle in header + footer, all sections using CSS variables
• Dead links fixed — all CTA buttons route to real pages
• ESLint clean: 0 errors, 0 warnings
• Forms documented with Formspree and Netlify Forms integration guide
• Design token consistency — no more hardcoded colors, unified font-weight across all headings
• Accessibility: aria-labels on all interactive elements, ThemeToggle properly integrated
• JSON-LD structured data: Organization, BreadcrumbList, FAQ, BlogPosting schemas
• All images migrated to Astro <Image> with responsive srcset — no more getImage() or CSS background-image
• 57 unused images removed (79 MB → 17 MB), 26 production images with automatic WebP conversion
• Sections showcase renders real components instead of HTML copies
• Header with sun/moon dark mode toggle and Buy now button linking to TemplateDeck
• Lighthouse: Desktop 99/100/100/100, Mobile 77/100/100/100

AI-First Docs, DRY Agent Config & Mobile Mega Menu

• Documentation page with 19 sections — AI prompt / Manual split, copy-to-clipboard for all prompts
• AGENTS.md rewritten with User Journeys (Replace Content, Change Branding, Add Pages, Deploy)
• DRY agent config — .cursor/rules, .windsurfrules, copilot-instructions reduced to thin pointers
• Mobile mega menu — fullscreen overlay with staggered fade-in and blur backdrop
• Header restructured: Pages / System / Template (matches Footer), mega menu close button fixed
• README rewritten for premium positioning (ZIP-based, no open-source references)

SEO Fix — Site URL, AstroDeck Branding & Security

• Fixed site URL from astrodeck.dev to apex-template-three.vercel.app (canonical, OG, sitemap, robots.txt)
• Replaced all AstroDeck branding in SEO component, BaseLayout, and robots.txt with Apex AI
• Fixed 11 security vulnerabilities (npm audit fix → 0 vulnerabilities)

Image Optimization — Astro Image Pipeline & Descriptive Names

• Moved 52 images from public/ to src/assets/ for Astro optimization pipeline
• All <img> tags replaced with Astro <Image> component (auto WebP, width/height, lazy loading)
• All CSS background-images converted to getImage() with WebP@90%
• Build output reduced from 64 MB to 5 MB (92% savings)
• Hero image: responsive srcset (400/600/800/1168px) with fetchpriority high
• Renamed all 31 image files to descriptive names (team-reviewing-screen.jpg, etc.)
• Footer contrast fixed for WCAG 4.5:1 compliance — Accessibility now 100

Consistency Audit — Typography, Containers & Content

• Standardized all h1/h2 headings to font-semibold across 13 components
• Unified section containers to max-w-6xl (9 components fixed)
• Mobile 'Book a Demo' button now links to /contact
• Added 10 new integration connectors (36 → 46): Monday.com, Trello, Adobe XD, Loom, CircleCI, Jenkins, Jest, New Relic, Stripe, HubSpot
• Replaced AstroDeck references with Apex AI in docs and components pages

Hero Refinements, Integrations & Pricing Polish

• Hero section: fixed height replaces vh-based min-height for stable layout on small viewports
• Features page: spacing between hero and cards now matches homepage
• Integrations: orange 'new' badges on selected connectors, positioned at card edge
• Integrations: new dark 'Build your own' section with MCP server config code mockup
• Pricing: shadow-255 effect on highlighted Business card
• Vercel project created and first production deployment

Starburst Favicon, Status Colors & Design System

• Custom starburst SVG favicon replacing placeholder
• Status colors added to design tokens (success, warning, error, info)
• Logo component added to design system reference page
• Design system page expanded with interactive examples

Features Page — Tiered Cards & Staggered Layout

• Features page redesigned with tiered Principles cards and muted backgrounds
• Staggered animation delays for progressive card reveal
• Pattern images for each automation tier (Augmented, Human-in-the-Loop, Full Auto)

Subpages, Principles Section & Design Refinements

• Added Features, Pricing, Integrations, About, Contact, Privacy, Terms, Login pages
• New Principles section with three automation modes
• Testimonials section with customer quotes
• FAQ section with accordion layout
• Pillars section showing five product capabilities
• Team section on About page with 8 team members
• Dark mode support across all pages

Initial Scaffold — Homepage & Design System

• Astro 6 + Tailwind CSS 4 project setup
• Full design system: warm off-white palette, Geist font family, spacing scale, shadow-255 effect
• Homepage with Hero (bento grid), ProblemStatement, Features, Pillars, Testimonials, FinalCTA sections
• BaseLayout with SEO component, View Transitions, Vercel Analytics
• Design system reference page at /design-system
• Responsive header with mobile menu and dark mode toggle
• Blog system with Content Collections and tag pages
• Changelog, Docs, Components, and Sections showcase pages