Custom SaaS & Automation

Live

Bloodstone.co.uk - AI-Built Consultancy Website

Designed and built the Bloodstone Projects website itself using AI-assisted development. Full-stack Next.js application with dynamic service pages, programmatic SEO landing pages for 5 industries and London, integrated contact form with Supabase and automated email workflows, 14 blog articles, FAQ schema markup, and dynamic OG image generation. Built and deployed in days, not months.

Visit live site

The challenge

What we were solving

As an AI consultancy, we needed a website that demonstrated our capabilities while also serving as a high-performing lead generation tool. Traditional agency timelines of 8-12 weeks and five-figure budgets made no sense when our entire proposition is about speed and efficiency. We needed a site with full SEO infrastructure, automated lead workflows, and enterprise-level structured data - built and deployed in days.

Our approach

How we built it

We used AI-assisted development to build the entire site from scratch using Next.js and Tailwind CSS. Every page was designed for SEO from day one - programmatic landing pages for industry verticals, comprehensive schema markup, and dynamic OG images generated at the edge. The contact form uses a server action pipeline that validates with Zod, stores in Supabase, backs up to Google Sheets, and triggers email notifications via Resend. The interactive pricing calculator gives prospects instant ballpark figures, reducing friction in the sales process.

Results

What we delivered

38 pages built and deployed including 6 programmatic SEO landing pages

14 blog posts with related articles and service CTAs

Automated lead capture - Supabase + Resend email notifications

Full schema markup - Organization, Service, Article, FAQ, Breadcrumb

Dynamic OG images generated at the edge for every page

Interactive pricing calculator with 5-tier slider

Tech stack

Built with

Next.jsTypeScriptTailwind CSSSupabaseResendGoogle Sheets APIVercelMDXFramer Motion

Deep dive

The full picture

The Bloodstone website is a proof of concept for our own capabilities - a full-stack Next.js application built almost entirely through AI-assisted development. Rather than spending weeks on design mockups and months on development, we went from blank canvas to 38 live pages in a matter of days.

The site includes 6 programmatic SEO landing pages targeting key industry verticals and geographic searches, 14 long-form blog articles with related content suggestions and service CTAs, and a comprehensive schema markup strategy covering Organization, Service, Article, FAQ, and Breadcrumb structured data. Every page generates its own dynamic OG image at the edge.

The contact form flows through a server action pipeline - Zod validation, Supabase storage, Google Sheets backup, and Resend email notifications all fire in sequence. The interactive pricing calculator uses a 5-tier slider to give prospects instant ballpark figures based on project complexity. The entire site scores consistently above 95 on Lighthouse performance audits.

Got a similar challenge?

We build AI agents, automation workflows, and custom tools that solve real business problems. If this case study resonated, let's talk about what we can build for you.

Start a conversation