Spaces:
Sleeping
Sleeping
File size: 1,722 Bytes
d246db2 64c5e26 ca314ba 64c5e26 ca314ba 64c5e26 ca314ba 64c5e26 ca314ba 64c5e26 2587dc2 64c5e26 2dcf8f6 64c5e26 2dcf8f6 64c5e26 2dcf8f6 64c5e26 ca314ba 2587dc2 64c5e26 ca314ba 64c5e26 3e77284 ce0ced2 3e77284 1ac2be1 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 74 |
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 className="flex flex-wrap md:justify-center gap-4">
<iframe
src="https://aihackathons-docverifyrag.hf.space"
width="850"
style={{ border: 'none' }}
height="750"
></iframe>
</CardFooter>
</Card>
))}
</div>
</section>
);
};
|