Dashboard → User-Facing Pages → Content Tab

Complete guide for Dashboard → User-Facing Pages → Content Tab

Head Copy (H1)

Purpose: The main headline displayed prominently on your landing page
Type: Text input (required)
Character Limit: Recommended 50-60 characters for optimal display
SEO Impact: Critical for search engine optimization and click-through rates
Best Practices:
  • Use action-oriented language
  • Include your primary service or value proposition
  • Keep it concise and memorable
  • Test different variations for conversion
Examples:
  • "Professional Appointment Booking Made Simple"
  • "Book Your Consultation in Minutes"
  • "Expert Care, Easy Scheduling"
  • "Your Health, Our Priority - Book Today"

Technical Details:

  • HTML Element<p> tag with specific styling
  • CSS Class.landing-sub-head-copy
  • Line Height: Optimized for readability
  • Mobile Responsive: Adjusts font size on smaller screens

Sub Head Copy

Purpose: Supporting text that appears below the main headline
Type: Textarea (required)
Character Limit: Recommended 120-160 characters
Usage: Provides additional context and value proposition
Best Practices:
  • Expand on the main headline
  • Include key benefits or features
  • Use conversational, friendly tone
  • Address customer pain points
Examples:
  • "Choose from our available workspaces and book your appointments with ease. Streamlined scheduling for busy professionals."
  • "Skip the phone calls and waiting rooms. Book your consultation online and get instant confirmation."
  • "Professional healthcare scheduling that fits your lifestyle. Secure, convenient, and reliable."

Technical Details:

  • HTML Element<p> tag with specific styling
  • CSS Class.landing-sub-head-copy
  • Line Height: Optimized for readability
  • Mobile Responsive: Adjusts font size on smaller screens

Hero Image

Purpose: Large background image that creates visual impact
Type: File upload (image files only)
File Requirements:
  • Format: JPG, PNG, WebP, SVG
  • Recommended Size: 1920x1080px (16:9 aspect ratio)
  • Maximum Size: 2MB
  • Optimization: Automatically compressed for web
Design Guidelines:
  • High Quality: Use professional, high-resolution images
  • Brand Alignment: Should reflect your business type
  • Text Overlay: Ensure text remains readable over the image
  • Mobile Optimization: Test how it appears on mobile devices
Technical Implementation:
  • Storage: Uploaded to /storage/app/public/hero/
  • CSS: Applied as background image with overlay
  • Responsive: Scales appropriately on all devices
  • Loading: Optimized with lazy loading for performance
Best Practices:
  • Use images that represent your services
  • Ensure good contrast for text overlay
  • Test on different screen sizes
  • Keep file size optimized for fast loading
×