Methodology & Technology

How Lavaithan Works

A transparent breakdown of the AI methodology, scoring framework, and technology stack behind Lavaithan's conversion rate optimization audits.

1. What is Lavaithan?

Lavaithan (also searched as Laviathan or lvthn) is a free, AI-powered Conversion Rate Optimization (CRO) audit tool that analyzes the hero sections of landing pages. It is designed for marketers, founders, and developers who want an instant, expert-level critique of their most important page real estate — the above-the-fold section that determines whether a visitor converts or bounces.

Unlike generic SEO checkers, Lavaithan focuses exclusively on persuasion mechanics: Does your headline communicate value instantly? Does your CTA create urgency without friction? Is your value proposition differentiated and believable?

Lavaithan accepts two input types: a live URL (it crawls the page and extracts the DOM) or a screenshot upload (analyzed via AI vision). No account is required. The audit is generated in 10–20 seconds.

Key facts

  • ✓Free to use — no account, no credit card required
  • ✓Powered by Google Gemini 2.5 Flash AI model
  • ✓Analyzes URLs or screenshot images
  • ✓Generates a PDF audit report delivered by email
  • ✓Results available in under 20 seconds
  • ✓Scores four pillars: Clarity, Value, CTA Friction, SEO

2. The Audit Methodology

Lavaithan evaluates every page against four quantified pillars, each scored from 1–10. The weighted average produces an Overall CRO Score out of 100. Learn more about what makes a hero section convert in our deep-dive analysis of top SaaS sites.

01

Clarity

Can a first-time visitor understand exactly what the product does within 5 seconds? Lavaithan evaluates headline specificity, absence of jargon, visual hierarchy, and whether the subheadline reinforces or contradicts the headline.

  • Headline specificity score
  • Jargon density
  • 5-second test simulation
  • Visual hierarchy alignment
02

Value Proposition

Is the unique benefit communicated compellingly and credibly? The AI identifies whether the page articulates outcomes (not features), social proof, and competitive differentiation.

  • Outcome vs. feature language ratio
  • Social proof presence
  • Differentiation clarity
  • Credibility indicators
03

CTA & Friction

Does the primary call-to-action create desire and remove hesitation? Lavaithan checks CTA verb strength, button contrast, micro-copy, form field count, and the presence of trust signals near the CTA.

  • CTA verb strength
  • Button contrast ratio
  • Form field friction count
  • Risk-reversal language presence
04

SEO

Is the hero section structured for search engine indexing? Lavaithan checks for a keyword-rich H1, proper meta description, semantic HTML usage, and the presence of structured data.

  • H1 keyword alignment
  • Meta description quality
  • Semantic HTML structure
  • Structured data presence

What the audit produces

  • →Overall CRO score (0–100) with expert verdict
  • →Per-pillar scores with detailed AI feedback
  • →Top identified strength of the current hero
  • →3 prioritised, actionable CRO fixes
  • →AI-rewritten headline, subheadline, and CTA
  • →Extracted brand color palette and font stack
  • →Production-ready meta tags and JSON-LD schema
  • →Core Web Vitals optimisation recommendations
  • →Downloadable PDF audit report via email

3. Technology Stack

Lavaithan is built on a modern, serverless Next.js stack designed for speed and accuracy.

1

Input Acquisition

Cheerio (server-side DOM parsing)

For URL-based audits, Lavaithan fetches the target page on the server using a custom crawler. Cheerio parses the HTML DOM to extract headline text, meta tags, CTA button copy, image alt attributes, and structured data. This ensures the AI receives clean, structured text rather than raw HTML.

2

AI Vision & Analysis

Google Gemini 2.5 Flash

For screenshot-based audits, the image is passed directly to Gemini's vision API. For URL-based audits, the extracted text is passed with a detailed CRO expert system prompt. Gemini returns a structured JSON object containing all scores, feedback, and generated copy — validated with Zod for type safety.

3

Enterprise SEO Generation

Gemini structured output + JSON-LD

The same Gemini call generates production-ready SEO assets: keyword-optimised meta title and description tags, JSON-LD schema markup (WebPage, Organization, BreadcrumbList), and semantic HTML structure for the hero section.

4

PDF Report Generation

html2canvas + jsPDF (client-side)

The report is rendered in the browser and captured using html2canvas at 2× scale for retina quality. jsPDF slices the canvas into A4 pages and outputs a base64-encoded PDF, which is then sent to the user's email via Resend.

5

Email Delivery

Resend + Next.js API Routes

A serverless Next.js POST route receives the user's email and base64 PDF. Resend delivers the audit as an attachment to the user's inbox using a branded HTML email template.

6

Frontend

Next.js 14 (App Router) + Tailwind CSS

The UI is built with Next.js App Router for optimal performance and SEO. The design system uses DM Serif Display for editorial typography and Plus Jakarta Sans for UI elements, with a warm parchment-toned color palette.

Ready to audit your hero section?

Free. No account required. Results in under 20 seconds.

Run a Free Audit →