Features Breakdown: Scrolling Reviews Marquee This section displays a continuous stream of customer reviews in a "Marquee" style (horizontally scrolling). It is designed to maximize social proof by showing a high volume of testimonials in a compact space.

1. Dual-Row Scrolling

• Layout: You can display reviews in up to Two Rows (Top and Bottom) simultaneously.

• Movement:

  • Top Row: Scrolls continuously from Right to Left.

  • Bottom Row: Scrolls continuously from Left to Right (Reverse).

• Control: Choose to display only the Top Row, only the Bottom Row, or Both.

• Pause on Hover: Toggle option to stop the scrolling when a user hovers over a review, allowing them to read it.

2. Review Card Content

• Data: Each block includes:

  • Avatar Image: Customer photo (optional).

  • Name & Job/Title: e.g., "Sarah J., Nurse".

  • Star Rating: 1 to 5 stars.

  • Review Text: The testimonial itself.

• Row Assignment: You can manually assign specific reviews to appear only in the Top row, only in the Bottom row, or Both.

3. Visual Styling & Dimensions

• Card Width:

  • Desktop: Control width by Column Count (e.g., show 3.5 cards at once) or by Percentage.

  • Mobile: Control width by Fixed Pixels (e.g., 280px) or by Percentage (e.g., 80% of screen width).

• Edge Fade: A gradient mask on the left/right edges creates a smooth fade-in/out effect. You can adjust the Fade Size % independently for Mobile and Desktop.

• Colors: Complete control over Card Background, Borders, Text, Stars, and Avatars.

4. Typography & Sizing

• Font Control: Use the global Theme Font or force specific Custom Fonts for Headings and Body text.

• Granular Sizing: Independent font-size sliders for Desktop and Mobile for every element (Review Text, Name, Job, Stars).

5. Section Header & Footer

• Headings: Optional Section Title and Subheading with adjustable alignment (Left/Center).

• Footer Button: A Call-to-Action button below the marquee (e.g., "Read all reviews").

6. Spacing & Visibility

• Container: Choose between Full Width or a constrained Max-Width.

• Padding: Fine-tune margins (Top/Bottom) and side padding.

• Device Targeting: Options to hide the section on Mobile Only or Desktop Only.