Spaces:
Sleeping
Sleeping
File size: 1,712 Bytes
d246db2 64c5e26 ca314ba 64c5e26 ca314ba 64c5e26 ca314ba 64c5e26 ca314ba 64c5e26 2587dc2 64c5e26 2dcf8f6 64c5e26 2dcf8f6 64c5e26 2dcf8f6 64c5e26 ca314ba 2587dc2 64c5e26 ca314ba 64c5e26 2587dc2 9383bfc 2587dc2 9383bfc 2587dc2 64c5e26 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
import { Badge } from "./ui/badge";
import {
Card,
CardTitle,
CardFooter,
CardHeader,
} from "@/components/ui/card";
interface FeatureProps {
title: string;
}
const features: FeatureProps[] = [
{
title: "UPLOAD DOCUMENT",
},
];
const featureList: string[] = [
"STEP1: Do this",
"STEP2: Do that that",
"STEP3: Do that that that",
"STEP4: Do that that that that",
];
export const Features = () => {
return (
<section
id="features"
className="container py-28 sm:py-36 space-y-8"
>
<h2 className="text-3xl lg:text-4xl font-bold md:text-center">
Get Started{" "}
<span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
NOW{" "}
</span>
Upload Your Document
</h2>
<div className="flex flex-wrap md:justify-center gap-4">
{featureList.map((feature: string) => (
<div key={feature}>
<Badge
variant="secondary"
className="text-sm"
>
{feature}
</Badge>
</div>
))}
</div>
<div className="grid md:grid-cols-2 lg:grid-cols-1">
{features.map(({ title }: FeatureProps) => (
<Card key={title}>
<CardHeader className="text-3xl lg:text-4xl font-bold md:text-center">
<CardTitle>{title}</CardTitle>
</CardHeader>
<CardFooter>
<iframe className="mx-auto"
src="https://docverifyrag.streamlit.app"
width="80%"
height="400px"
style={{ border: 'none' }}
/>
</CardFooter>
</Card>
))}
</div>
</section>
);
};
|