skills.rest
bben15600-sys
bben15600-sysCOMMUNITY
Explore all skills by this author →
GitHub

landing-page-builder

Generates Hebrew RTL landing pages for local businesses using fixed Next.js 16 components and deployment flow.

Updated Apr 29, 2026
Search Tags:#landing page#next.js#conversion ux#vercel deployment#hebrew rtl#og image generation#formsubmit
One-click install
npx skills add https://github.com/bben15600-sys/Web-tast --skill landing-page-builder-bben15600-sys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: landing-page-builder
Source: https://github.com/bben15600-sys/Web-tast/tree/main/.claude/skills/landing-page-builder
Command: npx skills add https://github.com/bben15600-sys/Web-tast --skill landing-page-builder-bben15600-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

It solves the problem of needing a polished, conversion-focused Hebrew RTL landing page architecture for local/service businesses without manually assembling every section and deployment piece from scratch.

Core Features & Use Cases

  • End-to-end landing page blueprint: Produces a complete premium layout including hero, trust strip, services bento grid, about/logo, testimonials, process timeline, and contact area designed for Hebrew RTL.
  • Conversion-ready contact flow: Adds a contact form with message templates, optional image upload, and FormSubmit email integration plus WhatsApp fallback.
  • SEO + social sharing correctness for Hebrew: Ensures proper static OG image generation (Python/PIL with Heebo) to avoid RTL rendering issues, and includes JSON-LD for LocalBusiness-style schema.

Quick Start

Invoke this skill by saying: build me a landing page for ELI ENERGY SOLUTIONS using the landing-page-builder template, and ask me for the business name, owner name, tagline, description, contact details, logo, and the 6 required services.

Frequently Asked Questions about landing-page-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Hebrew RTL landing page in Next.js without rendering issues?▼

Building a Hebrew RTL landing page in Next.js requires a fixed component architecture with Tailwind v4 and static OG image generation via Python PIL using the Heebo font to prevent RTL rendering issues.

What is the best way to generate static OG images for Hebrew RTL web pages?▼

The best way to generate static OG images for Hebrew RTL pages is using Python PIL with the Heebo font, which ensures correct right-to-left text rendering and avoids display issues on social platforms.

Can I use FormSubmit and WhatsApp for contact form handling on a Next.js landing page?▼

Yes, you can implement conversion-ready contact flows on a Next.js landing page using FormSubmit email integration and a WhatsApp fallback, complete with message templates and optional image uploads.

Does this landing page template support Vercel deployment and GitHub Actions for local service businesses?▼

Yes, the landing page template supports Vercel deployment and GitHub Actions workflows, providing an environment-aware Next.js 16 setup tailored for local service businesses like electricians, plumbers, and clinics.

Do I need App Router without src directory to create a conversion-focused Hebrew landing page?▼

Yes, you need the Next.js App Router without the src directory, alongside base-ui-compatible shadcn components, to properly assemble the premium sections and maintain the fixed architecture for Hebrew RTL conversion pages.

What sections are included in a premium Hebrew RTL landing page for contractors?▼

A premium Hebrew RTL landing page for contractors includes a hero section, trust strip, services bento grid, about and logo area, testimonials, process timeline, and a conversion-focused contact section with LocalBusiness JSON-LD schema.

Related Skills

Explore More Design & Creative Skills→
hopeoverturehopeoverture
6

tailwind-shadcn-ui-setup

Automate Tailwind CSS and shadcn/ui setup for Next.js 16 App Router projects.

Community
Advanced
sdcorejssdcorejs
2

nextjs-build-website-og-preview

Generate and verify Open Graph and Twitter Card preview images for Next.js App Router websites.

Community
Advanced
GitCoder052023GitCoder052023
1

tailwind-v4-shadcn

Configure Tailwind v4 with shadcn/ui for React projects using CSS-first theming.

Community
Advanced
Gal9amarGal9amar

israeli-ui-design-system

Generate RTL-first Israeli UI design system scaffolds for React, Vue, and HTML/CSS.

Community
Advanced