Components
Reward Partners Section
Description A responsive and theme-adaptive section component to showcase partner logos in a continuous, infinite scroll animation. It's designed to be easily configurable with props for the title, subtitle, and a list of partners.
Loading preview...
import { RewardPartners, Partner } from "@/components/ui/reward-partners-section";
// Define the list of partners with their names and logo URLs
const partnersData: Partner[] = [
{
name: "Flipkart SuperCoin",
logoUrl: "https://twidpay.com/assets/svg/flipkart.svg",
},
{
name: "Zillion",
logoUrl: "https://twidpay.com/assets/svg/zillionrect.svg",
},
{
name: "Flash.co",
logoUrl: "https://twidpay.com/assets/svg/Flash.svg",
},
{
name: "GoSats",
logoUrl: "https://twidpay.com/assets/svg/GoSats.svg",
},
{
name: "IndusInd Bank",
logoUrl: "https://twidpay.com/assets/svg/indusind.svg",
},
{
name: "Yes Bank",
logoUrl: "https://twidpay.com/assets/svg/yesbank.svg",
},
{
name: "TimesPoints",
logoUrl: "https://twidpay.com/assets/svg/Times.svg",
},
{
name: "Yono SBI",
logoUrl: "https://twidpay.com/assets/svg/sbi.svg",
},
];
// The demo component that renders the RewardPartners section
export default function RewardPartnersDemo() {
return (
<div className="w-full">
<RewardPartners
title="Our Reward Partners make each day rewarding for you!"
subtitle="Elevate your Payments — Pay effortlessly with reward points for a seamless experience!"
partners={partnersData}
/>
</div>
);
}