31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { AutoplayVideo } from "../AutoplayVideo";
|
|
import { ExtraLargeTitle } from "../Primitives/ExtraLargeTitle";
|
|
import { SmallSubtitle } from "../Primitives/SmallSubtitle";
|
|
import { HomeSection } from "./HomeSection";
|
|
|
|
import edgeCasesVideo from "~/assets/home/UncoverEdgeCases.mp4";
|
|
|
|
export function HomeEdgeCasesSection() {
|
|
return (
|
|
<HomeSection
|
|
containerClassName="py-10 px-6 bg-black md:py-36 lg:py-20"
|
|
reversed
|
|
>
|
|
<div className="w-full md:pl-10 md:w-1/2">
|
|
<ExtraLargeTitle className="text-white mb-4">
|
|
Uncover edge cases
|
|
</ExtraLargeTitle>
|
|
<SmallSubtitle className="mb-6 md:mb-10">
|
|
Sometimes a field can be null, have an unexpected value or be missing
|
|
entirely. View any field's related values and see what to expect when
|
|
you least expect it. Or check out the inferred JSON schema to see what
|
|
your JSON is really made of.
|
|
</SmallSubtitle>
|
|
</div>
|
|
<div className="w-full md:w-1/2">
|
|
<AutoplayVideo src={edgeCasesVideo} />
|
|
</div>
|
|
</HomeSection>
|
|
);
|
|
}
|