cheeky panda

Cheeky Panda is an AI-first web design agency specializing in creating high-performance, modern websites for Australian small and medium enterprises, with integrated payment processing and comprehensive marketing solutions.

Tech Stack

• Framework: Astro with file-based routing
• Runtime: Bun for fast package management and JavaScript execution
• Styling: Tailwind CSS v4 with @theme directive for design tokens
• Payments: Stripe integration for website packages and care plans
• Email: Resend API for contact forms and newsletters
• Validation: Zod schemas for runtime type validation
• Testing: Vitest for unit tests, Playwright for E2E
• Code Quality: Biome for linting and formatting

Core Features

Service Offerings

• Website Packages: Fixed-price website development with transparent pricing
• Care Plans: Ongoing maintenance and support subscriptions
• Site Audits: Comprehensive website analysis and recommendations
• SEO Services: Search engine optimization for Australian market

Technical Implementation

• Performance Optimized: Zero JavaScript by default, server-first rendering
• Image Optimization: Automatic WebP conversion with Astro's Image component
• Web Vitals Monitoring: Built-in Core Web Vitals tracking
• Lazy Loading: Heavy integrations loaded only when needed
• Bundle Compression: Automatic compression of CSS, HTML, JavaScript, and SVG

Payment System

• Stripe Payment Element: Modern UI supporting 40+ payment methods
• Secure Processing: Server-side payment intent creation
• Webhook Handling: Automated payment event processing
• Invoice Management: Automatic invoice generation and handling

Marketing Features

• Contact Forms: Multi-step forms with validation and email notifications
• Newsletter Integration: Subscriber management with Resend
• Analytics: Built-in tracking and conversion monitoring
• Social Proof: Testimonials and case study sections

Design System

Typography Components

• H1-H6 Components: Standardized heading components with responsive sizing
• Paragraph Component: Size variants (small/medium/large) with consistent styling
• Font Stack: Inter for sans-serif, Playfair Display for serif

Color System (Tailwind v4)

• CSS variables defined with @theme directive
• Automatic utility class generation for all color tokens
• Dark mode support with semantic color naming

Development Workflow

Commands

• bun dev: Development server with hot reload
• bun build: Production build with optimizations
• bun test: Run Vitest tests
• bun e2e: Run Playwright E2E tests
• bun check: Biome linting and formatting

Performance Strategy

• Server-first rendering for optimal performance
• Strategic use of client-side JavaScript only where needed
• Optimized font loading with preconnect and display swap
• Efficient CSS with separated animation files

Target Market

• Australian SMEs: Small to medium businesses needing professional web presence
• Startups: New businesses requiring rapid, cost-effective website development
• Service Businesses: Companies needing lead generation and conversion optimization
• Local Businesses: Organizations targeting Australian customers with local SEO