Abdullah.
569d887d1e
Renaming the package so any further PRs directed to the website are targeted to the reworked code instead of diverging. Once merged, I will start preparing this for deployment to dev to test before releasing to prod. Any improvements will also be applied to this package. I avoided making significant changes to API routes so nothing breaks, but will test it thoroughly today to confirm. That said, everything is ported - double checked. Big diff PR, impossible to review, but last one! No more rebuilds.
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { styled } from '@linaria/react';
|
|
|
|
import { buildSchemeContext } from '@/tokens';
|
|
import { NotchedCardShape, SectionShell } from '@/ui';
|
|
|
|
import { PartnerTestimonialsCarousel } from './PartnerTestimonialsCarousel';
|
|
import { PARTNER_TESTIMONIALS } from './partner-testimonials.data';
|
|
|
|
// A dark notched panel on a light section: the black card fills the section and
|
|
// its notch reveals the white surface behind it (seamless with the white
|
|
// section above). The carousel sits on the card, so it adopts the dark scheme
|
|
// — its text, divider, and nav resolve to light inks while the section stays
|
|
// white through the notch.
|
|
const DarkPanel = styled.div`
|
|
${buildSchemeContext('dark')}
|
|
`;
|
|
|
|
export function PartnerTestimonials() {
|
|
return (
|
|
<SectionShell
|
|
background={<NotchedCardShape cardScheme="dark" />}
|
|
fullBleedBackground
|
|
rhythm="spacious"
|
|
scheme="light"
|
|
>
|
|
<DarkPanel>
|
|
<PartnerTestimonialsCarousel testimonials={PARTNER_TESTIMONIALS} />
|
|
</DarkPanel>
|
|
</SectionShell>
|
|
);
|
|
}
|