aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/pages/home-shared/FeaturesBento.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components/pages/home-shared/FeaturesBento.tsx')
-rw-r--r--docs/components/pages/home-shared/FeaturesBento.tsx38
1 files changed, 0 insertions, 38 deletions
diff --git a/docs/components/pages/home-shared/FeaturesBento.tsx b/docs/components/pages/home-shared/FeaturesBento.tsx
deleted file mode 100644
index f2664db..0000000
--- a/docs/components/pages/home-shared/FeaturesBento.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { Features } from "../../../content/features";
-import { FadeIn } from "./FadeIn";
-import { SectionHeader, SectionSubtext } from "./Headings";
-import { FeatureBox } from "./FeatureBox";
-
-export function FeaturesBento({
- header,
- body,
- features,
-}: {
- header: string;
- body: string;
- features: Features;
-}) {
- return (
- <section className="relative flex flex-col items-center px-6 pb-16 font-sans md:pb-24 lg:pb-32 gap-9 lg:gap-14">
- <FadeIn className="flex flex-col items-center gap-5 md:gap-6">
- <SectionHeader>{header}</SectionHeader>
- <SectionSubtext>{body}</SectionSubtext>
- </FadeIn>
- <div className="grid grid-cols-1 gap-x-4 gap-y-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-x-6 lg:gap-y-6 max-w-[1200px]">
- {features.map((feature) => (
- <FadeIn
- className="flex"
- key={feature.name.replace(/\s+/g, "-").toLowerCase()}
- >
- <FeatureBox
- name={feature.name}
- description={feature.description}
- iconDark={feature.iconDark}
- iconLight={feature.iconLight}
- />
- </FadeIn>
- ))}
- </div>
- </section>
- );
-}