mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2026-07-30 10:30:16 +00:00
df6a1587f1
- Created a new Payments page with multiple sections including Hero, Why Choose, Advanced Features, Stablecoins, Embedded Payments, Partner Logos, Flexible Integration, Developer Spotlight, and Stay Connected. - Each section is designed to highlight various aspects of the XRP Ledger Payments Infrastructure, featuring components like FeaturedVideoHero and CardsIconGrid. - Added corresponding styles and images to enhance the visual presentation of the new sections.
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import React from "react";
|
|
import { useThemeHooks } from "@redocly/theme/core/hooks";
|
|
import FeaturedVideoHero from "shared/sections/FeaturedVideoHero/FeaturedVideoHero";
|
|
|
|
export const DeveloperSpotlightSection: React.FC = () => {
|
|
const { useTranslate } = useThemeHooks();
|
|
const { translate } = useTranslate();
|
|
|
|
return (
|
|
<FeaturedVideoHero
|
|
headline={translate("Developer Spotlight")}
|
|
subtitle={translate(
|
|
"Are you building a peer-to-peer payments solution, integrating stablecoins, or exploring RLUSD on the XRP Ledger?",
|
|
)}
|
|
video={{
|
|
source: {
|
|
type: "embed",
|
|
embedUrl: "https://www.youtube.com/embed/e2Iwsk37LMk",
|
|
},
|
|
coverImage: {
|
|
src: "/img/payments/man-writing.jpg",
|
|
alt: translate("Developer Spotlight"),
|
|
},
|
|
}}
|
|
links={[
|
|
{
|
|
label: translate("Share Your Work"),
|
|
href: "https://xrpl.org/blog",
|
|
},
|
|
{
|
|
label: translate("View Others"),
|
|
href: "https://xrplresources.org/developer-spotlight",
|
|
},
|
|
]}
|
|
/>
|
|
);
|
|
};
|