Promote premium sync and dictionary features

[SeoFood]

Summary

• Add a localized Premium landing section for Cloud Folder Sync and dictionary autocorrection, using the new macOS Premium screenshots.
• Update landing and pricing copy so the free core and Commercial/Premium features are described consistently.
• Add inherited-plan copy to pricing decision cards and commercial license cards.

Verification

• npm run test:i18n
• npm run test:unit
• npm run build
• npx playwright test

Summary by CodeRabbit

• New Features

  • Added Premium Features landing section showcasing Cloud Folder Sync and Dictionary autocorrection capabilities with screenshot and call-to-action.

• Tests

  • Added test coverage for new Premium Features section and updated product copy validation in English and German.

• Chores

  • Updated pricing and landing page messaging across English and German locales.
  • Enhanced pricing tiers UI with highlighted included features.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: a543d493-160c-422d-8a20-bffa0073a8b6

📥 Commits

Reviewing files that changed from the base of the PR and between c78b1cf and f163455.

⛔ Files ignored due to path filters (3)

• public/screenshots/de/mac/premium.png is excluded by !**/*.png
• public/screenshots/en/mac/premium.png is excluded by !**/*.png
• public/screenshots/mac/premium.png is excluded by !**/*.png

📒 Files selected for processing (12)

• public/screenshots/de/mac/premium.webp
• public/screenshots/en/mac/premium.webp
• public/screenshots/mac/premium.webp
• src/components/landing/premium-features.tsx
• src/components/pricing/commercial-table.tsx
• src/components/pricing/decision-helper.tsx
• src/i18n/locales/de/landing.json
• src/i18n/locales/de/pricing.json
• src/i18n/locales/en/landing.json
• src/i18n/locales/en/pricing.json
• src/pages/[locale]/index.astro
• tests/redesign.spec.ts

---

📝 Walkthrough

Walkthrough

Adds a new PremiumFeatures React component for the landing page that renders a localized two-column section with feature blocks and a CTA, wires it into the index page, and extends pricing components (commercial-table, decision-helper) with per-tier "included" text. Refreshes EN and DE i18n copy for both landing and pricing pages and adds Playwright test coverage.

Changes

PremiumFeatures section and pricing copy refresh

Layer / File(s)	Summary
PremiumFeatures component, landing i18n, and page wiring src/components/landing/premium-features.tsx, src/i18n/locales/en/landing.json, src/i18n/locales/de/landing.json, src/pages/[locale]/index.astro	Defines PremiumFeature data shape and PremiumFeatureBlock subcomponent, implements the exported PremiumFeatures component with localized screenshot and /pricing CTA. Adds premiumFeatures.* and updates pricingTeaser.* keys in EN and DE landing JSON. Wires PremiumFeatures into the index page after Features.
Pricing component "included" additions and pricing i18n src/components/pricing/commercial-table.tsx, src/components/pricing/decision-helper.tsx, src/i18n/locales/en/pricing.json, src/i18n/locales/de/pricing.json	Adds Check icon import and renders a per-tier included localized string in TierCard. Inserts a localized included entry as the first element in individual/team/enterprise examples arrays in DecisionHelper. Updates EN and DE pricing meta/hero, decision/comparison/commercial feature descriptions, tier included text, and FAQ answers.
Playwright tests for new and updated landing content tests/redesign.spec.ts	Adds assertions for premium-features section text in EN ("iCloud sync") and DE ("iCloud-Sync") landing tests; updates pricing-teaser expected DE text to "Kostenloser Core".

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐇 A premium section hops onto the page,
With cloud sync and dictionaries all the rage.
The pricing tiers now show what's included inside,
"iCloud-Sync" in English and Deutsch — oh what pride!
The rabbit checks the tests and sees they all pass,
New copy and components, top-notch to the last. ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically summarizes the main change: adding promotional content for premium sync and dictionary features, which aligns with the new PremiumFeatures component and updated copy throughout the changeset.
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 seofood/promote-premium-sync-dictionary

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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