fix(readme): collapse vertical gaps in header

[naorsabag]

Summary

The merged #81 logo banner sits with visible vertical space above and below it because each part of the README header (`

`, the wrapping `

` for the image, and the `

` for the tagline) renders with default browser margins, and GitHub's markdown sanitizer strips inline `style="margin:0"` so we can't override them via CSS.

This PR removes the gaps structurally:

• Drops the standalone `

  OpenHop

  ` (the GitHub repo page already shows the repo name as its own header).
• Merges the logo `` and the tagline text into a single `

  `, separated by `
  `. Inside one paragraph, the image and text are inline content with zero margin between them.

Result: logo + tagline appear visually adjacent. Matches the logo-as-wordmark pattern used by Tailwind, Storybook, Remotion, and most modern dev-tool READMEs.

Linked context

Direct follow-up to #81 (the logo banner). No new audit items.

Testing notes

• Single-file diff (`README.md`, +1 / -6).
• Verified locally: rendered HTML has the image and tagline inside one `

  `, so the only outer margin is the parent paragraph's own — no inter-element gap.

• No other markdown content moved; anchor nav, badges, "Works with" row, and `---` separator are unchanged.

Checklist

• Build passes (`npm run build`)
• Docs updated if user-facing behavior changed (README only)
• CHANGELOG entry — header polish, will batch with v0.1.0 release notes

🤖 Generated with Claude Code

Summary by CodeRabbit

• Documentation
  • Consolidated the top-of-doc branding into a single centered header combining the project title, logo, and two subtitle lines for improved visual alignment.
  • Confirmed all other README content (navigation, badges, sections, and body text) remains unchanged.

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• 🔍 Trigger review

Walkthrough

The README top header was consolidated into a single centered <h1 align="center"> that contains the project title, the docs/logo.png image, and two subtitle lines as <sub> elements; prior separate centered paragraphs for logo and subtitle were removed. No other files or exported APIs changed.

Changes

Top README Header Consolidation

Layer / File(s)	Summary
Markup Consolidation README.md	Replaced multiple centered elements (separate <h1> plus centered paragraphs) with one centered <h1 align="center"> containing title, logo image, and subtitles.
Subtitle Restructure README.md	Moved the bold subtitle and secondary line into two <sub> lines inside the consolidated header.
Spacing / Separation README.md	Preserved the blank line after the header to maintain separation before the rest of the README.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• naorsabag/openhop#81: Modifies README top branding/header to change rendering and centering of project title, logo, and subtitles.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix(readme): collapse vertical gaps in header' directly matches the main objective of the PR, which is to remove vertical spacing in the README header by restructuring elements.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/readme-tight-header

Warning

Review ran into problems

🔥 Problems

Git: Failed to clone repository. Please run the @coderabbitai full review command to re-trigger a full review. If the issue persists, set path_filters to include or exclude specific files.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}