# Developer Fix Pack

You are my AI coding agent. Improve the homepage at https://www.cyberdive.co/ using the audit below.

Goal: edit the homepage source code so the page is clearer, more specific, more trustworthy, and easier to convert. Do not just summarize the audit.

Before editing:
- Inspect the homepage implementation and reuse the existing framework, components, styles, and copy patterns.
- Keep the same product and offer. Change the framing, copy, layout, CTA support text, and metadata where needed.
- Do not invent pricing, plan limits, free-trial details, credit-card policy, cancellation terms, setup time, security claims, customer names, metrics, or guarantees.
- Use only facts present in the audit or the current page. If a fact is missing, use placeholders like [actual starting price] or [actual credit-card policy] and leave it obvious for me to fill in.
- Prefer concrete copy and UI changes over generic advice.

Make these changes:
1. Rewrite the hero section: headline, subheadline, primary CTA, secondary CTA if useful, and the short proof or reassurance line under the CTA.
2. Rewrite weak page sections called out in the audit with exact replacement copy.
3. Add or move trust proof, objection handling, and CTA support near the conversion points.
4. Apply visual hierarchy fixes from the audit: spacing, CTA contrast, section order, typography emphasis, and mobile density.
5. Fix SEO, load-speed, mobile, color/contrast, and technical issues where the code allows.
6. Keep the page honest: replace unsupported facts with placeholders instead of made-up examples.
7. Run the relevant formatter, linter, or tests after editing.

## Score Summary

- Headline & Subheadline: 7/10
- Value Proposition: 9/10
- CTA Architecture: 2/10
- Trust & Social Proof: 6/10
- Anxiety & Objection Handling: 4/10
- Copy Specificity & Tone: 8/10
- Page Narrative & Flow: 6/10
- Visual Hierarchy: 4/10
- Color & Accessibility: 4/10
- Friction & Distraction: 3/10
- Mobile Experience: 4/10
- SEO Fundamentals: 4/10
- Load Speed: 2/10
- Technical Health: 6/10


## Critical Fixes (do these first)

- **cta_architecture**: No primary call-to-action in the hero section forces visitors to hunt for navigation links or scroll extensively, causing high abandonment at the most critical decision moment. -> Insert a prominent 'Order Aqua One' button directly below the hero subhead, and pair it with a secondary 'See How It Works' link.
- **anxiety_objections**: Pricing and return policy are hidden inside FAQ accordions, creating uncertainty and hesitation for high-intent buyers who want to evaluate cost and risk before commitment. -> Add a trust-blurb with starting price and a minimum risk reversal phrase, such as 'Starts at $X/month, easy returns if it does not fit your family', near all purchase CTAs.
- **performance_speed**: Page transfers 67 MB on desktop and loads 19 render-blocking scripts, resulting in 8-9 second load events that drastically reduce conversion rates, especially on mobile. -> Defer or async non-critical JavaScript, lazy load off-screen images, implement image optimization to WebP/AVIF, and set a first-load transfer budget under 5 MB.
- **friction_distraction**: High external link count (30 press/media links) and numerous non-functional interactive elements (25 buttons with missing hrefs) leak traffic and dilute the conversion path. -> Remove href attributes from press logos to prevent exit, repurpose simulated UI 'step' buttons as static visuals, and merge 'Send the link' and 'Subscribe' forms into a single secondary form below the fold.


## Fix First Sequence

1. Add defer or async where safe and move noncritical scripts below first render. Validate: Re-run the audit and confirm this finding is resolved: Render-blocking scripts detected.
2. Reduce or dismiss sticky bars/popups so the CTA and value prop remain readable. Validate: Re-run the audit and confirm this finding is resolved: Sticky overlay takes too much mobile space.
3. Inspect stacked/absolute/fixed elements at mobile and desktop breakpoints and remove incoherent overlaps. Validate: Re-run the audit and confirm this finding is resolved: Potential element overlap detected.
4. Reduce hero padding/media height so headline, value prop, and CTA appear together. Validate: Re-run the audit and confirm this finding is resolved: Mobile hero consumes too much vertical space.
5. Raise body/support text sizes and line-height for mobile readability. Validate: Re-run the audit and confirm this finding is resolved: Small mobile text detected.
6. Give mobile buttons and links at least a 44px touch area with enough spacing. Validate: Re-run the audit and confirm this finding is resolved: Small mobile tap targets detected.


## Findings To Cover

- `performance.blocking_scripts` [critical / performance / confidence 0.9] Location: Lighthouse diagnostics. Evidence: 19 blocking scripts were extracted. Exact fix: Add defer or async where safe and move noncritical scripts below first render.
- `visual.sticky_overlay_blocks_mobile` [high / visual / confidence 0.82] Location: mobile viewport. Evidence: Sticky overlay covers 107% of the mobile viewport. Exact fix: Reduce or dismiss sticky bars/popups so the CTA and value prop remain readable.
- `visual.obvious_overlap` [high / visual / confidence 0.78] Location: rendered viewport. Evidence: 13 visible element overlaps were detected in the rendered viewport. Exact fix: Inspect stacked/absolute/fixed elements at mobile and desktop breakpoints and remove incoherent overlaps.
- `performance.desktop.load_event_slow` [high / performance / confidence 0.9] Location: Local browser lab. Evidence: Load event completed in 5113 ms. Exact fix: Defer noncritical scripts, compress heavy media, and reduce first-load asset weight.
- `performance.desktop.transfer_proxy_heavy` [high / performance / confidence 0.9] Location: Local browser lab. Evidence: Estimated transfer is 16.97 MB. Exact fix: Optimize the largest images/scripts and keep first-load transfer under a clear budget.
- `performance.mobile.transfer_proxy_heavy` [high / performance / confidence 0.9] Location: Local browser lab. Evidence: Estimated transfer is 25.08 MB. Exact fix: Optimize the largest images/scripts and keep first-load transfer under a clear budget.
- `performance.script_count` [high / performance / confidence 0.9] Location: Semrush JS/CSS report pattern. Evidence: 36 external scripts were extracted. Exact fix: Remove low-value scripts and split noncritical code away from the landing page.
- `accessibility.form_labels` [high / accessibility / confidence 0.86] Location: WCAG forms. Evidence: 2 of 2 controls lack a label or accessible name. Exact fix: Associate every input, select, and textarea with a visible label or aria-label.
- `performance.desktop.load_event_slow` [high / performance / confidence 0.82] Location: desktop local browser run. Evidence: Local browser load event: 5113 ms. Exact fix: Defer noncritical scripts, compress large media, and reduce first-load asset weight.
- `performance.desktop.transfer_proxy_heavy` [high / performance / confidence 0.8] Location: desktop network waterfall. Evidence: Local browser estimated transfer: 16.97 MB. Exact fix: Optimize largest image/script requests and set a first-load transfer budget.
- `performance.mobile.transfer_proxy_heavy` [high / performance / confidence 0.8] Location: mobile network waterfall. Evidence: Local browser estimated transfer: 25.08 MB. Exact fix: Optimize largest image/script requests and set a first-load transfer budget.

## Overall Assessment

Things done well:
- Exceptional value proposition clearly differentiates the product's OS-level advantage from app-based competitors.
- Highly specific, evidence-based copy like 'Bark, Qustodio, Screen Time tell you 47 minutes on Roblox' builds immediate credibility and emotional resonance.

Priority issues to fix:
1. Add a primary 'Order Aqua One' CTA and display pricing/return policy directly in the hero section to capture high-intent visitors before they scroll.
2. Reduce page load time by deferring non-critical scripts, lazy loading assets, and consolidating third-party requests to stay under 3 seconds; this addresses the critical bottleneck causing high bounce risk.
3. Remove external links from press logos, eliminate non-conversion interactive buttons, and consolidate duplicate forms to keep the user focused on the purchase decision.
4. Move the activity timeline from the white space into the phone mockup to create a tangible product demonstration.

## Conversion Theory

The page has a powerful product differentiator and strong trust assets, but conversion is undermined because the primary action is absent from the hero viewport, essential purchase information is buried in accordions, and the experience is overloaded with external links and heavy performance that stops emotional momentum. Visitors who are intrigued by the headline are not given a clear, immediate path to buy, and the slow, distracting page causes them to leave before discovering the solution.


## Tool-Style Checks

These objective checks are modeled after technical SEO, local browser lab, accessibility, and crawl-audit tools. Treat critical and high severity issues here as hard requirements.

- [critical] Render-blocking scripts detected: 19 blocking scripts were extracted. Fix: Add defer or async where safe and move noncritical scripts below first render.
- [high] Form controls lack labels: 2 of 2 controls lack a label or accessible name. Fix: Associate every input, select, and textarea with a visible label or aria-label.
- [high] Desktop local browser load event is slow: Load event completed in 5113 ms. Fix: Defer noncritical scripts, compress heavy media, and reduce first-load asset weight.
- [high] Desktop transfer-size proxy is heavy: Estimated transfer is 16.97 MB. Fix: Optimize the largest images/scripts and keep first-load transfer under a clear budget.
- [high] Mobile transfer-size proxy is heavy: Estimated transfer is 25.08 MB. Fix: Optimize the largest images/scripts and keep first-load transfer under a clear budget.
- [high] JavaScript file count is high: 36 external scripts were extracted. Fix: Remove low-value scripts and split noncritical code away from the landing page.
- [medium] Form action is missing or empty: 2 forms have no action URL. Fix: Confirm the form posts reliably after JS failures and analytics blockers.
- [medium] Some fields rely on placeholder-only labels: 2 placeholder-only field labels were detected. Fix: Use persistent labels outside the input and reserve placeholders for examples or hints.

## Ranked Action Plan

Use this impact/effort/confidence ranking before choosing what to edit first:

- Score 4.86: Desktop local browser load event is slow (optimize, effort 2/5, confidence 90%). Fix: Defer noncritical scripts, compress heavy media, and reduce first-load asset weight.
- Score 4.86: Desktop transfer-size proxy is heavy (optimize, effort 2/5, confidence 90%). Fix: Optimize the largest images/scripts and keep first-load transfer under a clear budget.
- Score 4.86: Mobile transfer-size proxy is heavy (optimize, effort 2/5, confidence 90%). Fix: Optimize the largest images/scripts and keep first-load transfer under a clear budget.
- Score 4.86: JavaScript file count is high (optimize, effort 2/5, confidence 90%). Fix: Remove low-value scripts and split noncritical code away from the landing page.
- Score 4.72: Render-blocking scripts detected (optimize, effort 4/5, confidence 90%). Fix: Add defer or async where safe and move noncritical scripts below first render.
- Score 4.28: Form controls lack labels (fix, effort 2/5, confidence 86%). Fix: Associate every input, select, and textarea with a visible label or aria-label.


## Opportunity Clusters

Treat these as root-cause workstreams. Avoid fixing one symptom while leaving the related blockers untouched:

- Score 8.5: Speed and Delivery (9 related findings, metric: mobile_bounce_rate). Lead fix: Defer noncritical scripts, compress heavy media, and reduce first-load asset weight.
- Score 4.99: Accessibility and Usability (3 related findings, metric: usable_conversion_rate). Lead fix: Associate every input, select, and textarea with a visible label or aria-label.
- Score 3.14: Conversion Path (2 related findings, metric: primary_cta_click_rate). Lead fix: Confirm the form posts reliably after JS failures and analytics blockers.
- Score 2.33: Indexability and Discoverability (1 related findings, metric: indexed_click_eligible_pages). Lead fix: Move nonessential external links lower on the page or behind proof/context.


## Recommendation Briefs

Use these as the implementation plan. Keep validation events and metrics intact:

- Speed and Delivery [optimize]: Defer noncritical scripts, compress heavy media, and reduce first-load asset weight. Validate with mobile_bounce_rate.
- Accessibility and Usability [fix_now]: Associate every input, select, and textarea with a visible label or aria-label. Validate with usable_conversion_rate.
- Conversion Path [test]: Confirm the form posts reliably after JS failures and analytics blockers. Validate with primary_cta_click_rate.
- Indexability and Discoverability [test]: Move nonessential external links lower on the page or behind proof/context. Validate with indexed_click_eligible_pages.


## Stack, Form, and Trust Signals

- Next.js: framework
- Intercom: support
- Forms: 2 | Fields: 2 | Required: 2 | Missing autocomplete: 0 | Business fields: 0 | Sensitive fields: 0 | Confirm fields: 0 | Privacy microcopy: yes | Social auth: 0
- Privacy: True | Terms: True | Security: True | Pricing: True | Logos: 0 | Testimonials: 1 | Case studies: 0 | Risk reversal: True
- Analytics: ga4, meta_pixel, posthog | Events: subscribe | UTM fields: 0 | Params: 2 | Form starts: 0 | CTA clicks: 0 | Form errors: 0 | GA IDs: 1 | Consent tools: none
- Schema types: WebSite, Organization, Product, FAQPage | Items: 4 | Invalid JSON-LD: 0

- URL length: 25 | Depth: 0 | Params: 0 | Canonical path mismatch: False
- Images: 5 | Responsive: 3 | Legacy: 0 | Videos: 2
- Font stylesheets: 1 | Font preloads: 0 | Missing font-display: 0 | Legacy fonts: 0
- Compression: missing | Cache-Control: True | Validators: True | CDN cache signal: True
- Hero CTA: False | Hero words: 125 | CTA count: 30 | Footer CTAs: 0 | CTA destinations: 3 | External CTA paths: 2 | Missing CTA anchors: 0
- Section flow: 16 sections | Sequence: hero, solution, problem, proof, generic, generic, proof, generic, generic, generic, generic, generic, generic, proof, proof, how_it_works
- Main landmarks: 1 | Generic links: 0 | Small targets: 0 | Unsafe new-tab links: 30


- Competitor matrix: keyword-aligned competitors 0 | competitors with high-intent CTA 0 | competitors with proof 0 | missing terms: none


## Social Profiles To Review

Use these public profiles to cross-check positioning, proof, audience, trust, and launch-channel suggestions:

- youtube: https://www.youtube.com/watch?v=XEZISaAKDpk
- youtube: https://www.youtube.com/channel/UCNuWdaI18vC3-j-h0Zdj5Jw
- linkedin: https://www.linkedin.com/company/cyberdiveco/
- instagram: https://www.instagram.com/cyberdiveco/
- facebook: https://www.facebook.com/cyberdiveco

- Organization sameAs URLs: 3


## Experiment Ideas

- Test conversion path: Because Form action is missing or empty. Visitors need an obvious next step before secondary improvements can pay off. we believe Confirm the form posts reliably after JS failures and analytics blockers. will improve primary_cta_click_rate. Primary metric: primary_cta_click_rate.
- Test indexability and discoverability: Because External exit pressure is high. Search and AI systems must be able to crawl, understand, and trust the page. we believe Move nonessential external links lower on the page or behind proof/context. will improve indexed_click_eligible_pages. Primary metric: indexed_click_eligible_pages.


## Detailed Breakdown Per Section

### Headline & Subheadline
**Score:** 7/10
**Issue:** The H1 'You thought they were playing Roblox. They're not.' creates curiosity but does not state what the product is. A stranger scanning for 8 seconds knows the problem (hidden activity) but not the solution (Aqua One phone) until reading the subheadline.
**Fix:** Modify H1 to include the solution category. Example: 'You thought they were playing Roblox. They're not. See the truth with Aqua One.'
### Value Proposition
**Score:** 9/10
**Issue:** The core differentiator 'Aqua One is the only phone where visibility lives below every app, baked into the OS itself' is powerful but appears in the second section rather than the hero.
**Fix:** Integrate the OS-level distinction into the hero subheadline. Example: 'Unlike apps like Bark, Aqua One is built into the phone's OS so it cannot be bypassed.'
### Copy Specificity & Tone
**Score:** 8/10
**Issue:** Phrases like 'Pixel 9 silicon', 'UniteOS', and 'Layer 2 · Operating System' introduce friction for parents who care about safety, not specs. The subhead 'Bark, Qustodio, Screen Time tell you 47 minutes on Roblox' is excellent specific copy.
**Fix:** Replace technical stack descriptions with benefit-led language. Change 'Pixel 9 silicon · tamper-resistant' to 'Hardware-level security that cannot be removed.'
### Page Narrative & Flow
**Score:** 6/10
**Issue:** The section 'Covered nationally. Trusted locally.' appears immediately after the hero, before the visitor understands the 'OS-level advantage' mechanism. The page jumps from 'You thought they were playing Roblox' to media logos before explaining why competitors fail.
**Fix:** Move the 'Covered nationally' section below the 'Other apps do a lot. They just can't see what we see.' section. Establish the problem and unique mechanism before asking for trust via media logos.
### Anxiety & Objection Handling
**Score:** 4/10
**Issue:** The FAQ section includes questions like 'How much does it cost? Is there a subscription?' and 'What's the return policy if it doesn't work for our family?' but the answers are not visible in the provided text. The page asks for 'Order now' commitment without stating price or risk reversal upfront.
**Fix:** Add a pricing line near the 'Order now' CTA, such as 'Starting at [actual starting price]' or 'Includes [actual trial terms]'. Move the return policy answer from the FAQ to the product section.
### CTA Architecture
**Score:** 2/10
**Issue:** The hero headline 'You thought they were playing Roblox. They're not.' has strong hook value but zero conversion path. The only CTAs are 'Book a Demo' and 'Order Aqua One' in the header, which are high-commitment actions. The next visible CTA 'Order now' does not appear until section 15.
**Fix:** Insert a primary button 'Order Aqua One' and a secondary button 'See How It Works' directly below the hero subhead text 'Aqua One shows you exactly what happened inside those 47 minutes'.
### Friction & Distraction
**Score:** 3/10
**Issue:** The 'As Featured In' section contains clickable external links to NBC, CNN, and USA Today. The page also features 25 buttons with missing hrefs like 'Go to step 01' and 'Alerts' that simulate UI but do not drive conversion. Two separate email forms ('Send the link' and 'Subscribe') compete with the primary purchase path.
**Fix:** Remove href attributes from all press logos to prevent exit. Consolidate the 'Send the link' and 'Subscribe' forms into a single 'Get Updates' section below the fold. Replace 'Go to step' buttons with a static visual or a single 'Watch Demo' video trigger.
### Trust & Social Proof
**Score:** 6/10
**Issue:** High-value endorsements like 'Elizabeth Smart Foundation' and 'Sabeer Bhatia Founder' are hidden in a lower logo wall titled 'Partners & Reviews' rather than supporting the hero or primary CTA.
**Fix:** Extract the top 3 trust signals (Elizabeth Smart Foundation, Sabeer Bhatia, CNN/NBC) and place them directly under the H1 'You thought they were playing Roblox. They're not.'
### Visual Hierarchy
**Score:** 4/10
**Issue:** The hero section features a high-impact headline 'You thought they were playing Roblox. They're not.' and detailed subhead, but lacks a visible primary CTA button in the initial viewport. The eye travels from the copy to a phone mockup that is 50% black empty space, then to a dense logo wall, with no clear conversion path.
**Fix:** Insert a high-contrast primary CTA button labeled 'Order Aqua One' immediately below the subhead text. Replace the black phone silhouette with a visible screenshot of the parent dashboard interface to maintain visual engagement.
### Color & Accessibility
**Score:** 4/10
**Issue:** Extracted technical data confirms 2 of 2 form controls lack a label or accessible name. Visually, the H1 sub-text They're not. uses a blue-to-purple gradient that may dip below the 3:1 large text contrast threshold in lighter areas. The Smartphone Stack diagram relies on color backgrounds (pink for Layer 3, blue for Layer 2) to distinguish sections, creating a risk for users with color vision deficiency.
**Fix:** Add visible text labels or aria-label attributes to all form inputs immediately. Adjust the gradient on They're not. to ensure the lightest stop maintains at least 3:1 contrast against white. Add borders or icons to the Smartphone Stack diagram layers so they are distinguishable without color.
### Mobile Experience
**Score:** 4/10
**Issue:** Hero section contains 125 words with no primary CTA in the body, pushing action below the fold. The Smartphone Stack diagram contains dense text like Layer 3 - Apps and Layer 2 - Operating System that will become unreadable on mobile viewports.
**Fix:** Insert Order Aqua One button directly under the hero subhead. Redesign the Smartphone Stack graphic to stack vertically on mobile with minimum 16px font for labels.
### SEO Fundamentals
**Score:** 4/10
**Issue:** The title is 'Aqua One - The Smartphone That Shows Parents Everything'. The meta description reads 'Aqua One is the world's first smartphone with full visibility into your child's device, every screen, every keystroke, every frame. Records deleted messages, blocks nudity in both directions, replays Roblox chats and Snap calls. Built by CyberDive.' and is roughly 230 characters, guaranteeing SERP truncation. The sole H1 is 'You thought they were playing Roblox. They're not.' and contains no exact-match keyword for the product name or category intent. The extracted section data shows multiple blocks with empty heading levels, breaking hierarchy. Zero images were detected across all sections, so alt text is absent. No canonical URL or structured data is present in the extracted markup. The URL https://www.cyberdive.co/ is clean but branded to the company rather than the product or category, which offers no keyword reinforcement for search.
**Fix:** Trim the meta description to 155 characters or fewer, starting with: 'Aqua One gives parents full visibility into every screen, keystroke, and frame. OS-level monitoring built by CyberDive.' Rewrite the H1 to include the primary keyword, for example: 'Aqua One: The Smartphone That Shows Parents Everything on Their Child's Device.' Eliminate empty heading wrappers in the section markup, add descriptive alt attributes to all images and video thumbnails, and add a self-referencing canonical tag plus Organization, WebSite, and Product structured data to enable rich snippets.
### Load Speed
**Score:** 2/10
**Issue:** Page transfers 67.1 MB (desktop) / 69.1 MB (mobile), makes 499 / 498 requests (391 third-party), loads 97 scripts (50 blocking), and takes 8.8s / 9.4s load event time. Far exceeds 2.5s LCP benchmark and 800ms TTFB risk threshold.
**Fix:** Reduce third-party scripts aggressively, defer non-critical JavaScript, lazy load below-fold images and iframes, preconnect critical origins, compress and convert images to WebP/AVIF, and implement code splitting to bring total transfer below 5 MB.
### Technical Health
**Score:** 6/10
**Issue:** The primary call-to-action elements link to only 3 unique URLs (/checkout, /help, and calendly). There are no contextual links to deeper pages like product technology or parental guides, forcing search engines to rely on a shallow link graph.
**Fix:** Insert relevant internal links in high-authority sections. For example, under 'Aqua One stops nudity in both directions,' add a link to a technology page explaining on-device detection, and under 'Covered nationally,' link to a press page.


## Validation Checklist

- `performance.blocking_scripts`: Re-run the audit and confirm this finding is resolved: Render-blocking scripts detected.
- `visual.sticky_overlay_blocks_mobile`: Re-run the audit and confirm this finding is resolved: Sticky overlay takes too much mobile space.
- `visual.obvious_overlap`: Re-run the audit and confirm this finding is resolved: Potential element overlap detected.
- `performance.desktop.load_event_slow`: Re-run the audit and confirm this finding is resolved: Desktop local browser load event is slow.
- `performance.desktop.transfer_proxy_heavy`: Re-run the audit and confirm this finding is resolved: Desktop transfer-size proxy is heavy.
- `performance.mobile.transfer_proxy_heavy`: Re-run the audit and confirm this finding is resolved: Mobile transfer-size proxy is heavy.
- `performance.script_count`: Re-run the audit and confirm this finding is resolved: JavaScript file count is high.
- `accessibility.form_labels`: Re-run the audit and confirm this finding is resolved: Form controls lack labels.
- `performance.desktop.load_event_slow`: Re-run the local browser audit and confirm load event is no longer poor.
- `performance.desktop.transfer_proxy_heavy`: Re-run the local browser audit and confirm transfer is under 1.5 MB.
- `performance.mobile.transfer_proxy_heavy`: Re-run the local browser audit and confirm transfer is under 1.5 MB.

## Output I Want From You

- Make the code changes directly.
- Show a concise summary of what changed.
- List any placeholders I need to replace with real business facts.
- Mention which checks you ran.