Testimonial with Image

The TestimonialWithImage component presents a structured layout combining a photograph, testimonial text, and attribution details.

UI Preview

Web (Light)Web (Dark)Mobile (Light)Mobile (Dark)

The component includes a hasColor prop that controls background color styling, false by default.

Testimonial with Image Coloured

Testimonial with Image Coloured - Web Light — click to enlarge

Testimonial with Image Coloured - Web Dark — click to enlarge

Testimonial with Image Coloured - Native Light — click to enlarge

Testimonial with Image Coloured - Native Dark — click to enlarge

Usage

import React from "react";
import { TestimonialWithImage } from "@cloudnua-mobile/components/custom/testimonials/TestimonialWithImage";
import testimonialData from "@cloudnua-mobile/utils/constants/testimonialWithImage";
 
export const TestimonialWithImageBasic = () => {
  return <TestimonialWithImage {...testimonialData} />;
};

To implement this component, import it and pass the required testimonialData props to display the testimonial with image layout.