features-01

1import { Eye, PackageSearch, Settings } from "lucide-react"
2 
3import { Features } from "@/registry/blocks/features-01/components/features"
4import Section from "@/registry/blocks/features-01/components/section"
5 
6const data = [
7  {
8    id: 1,
9    title: "1. Choose Your Component",
10    content:
11      "Select the component that best suits your needs from Eldora UI's versatile collection, designed to simplify and enhance your development process.",
12    image:
13      "https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/block-preview-dark.png",
14    icon: <PackageSearch className="text-primary size-6" />,
15  },
16  {
17    id: 2,
18    title: "2. Add Utility Helpers",
19    content:
20      "Enhance functionality by incorporating utility helpers that align with the selected component, ensuring seamless integration and customization.",
21    image:
22      "https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/block-preview-dark.png",
23    icon: <Settings className="text-primary size-6" />,
24  },
25  {
26    id: 3,
27    title: "3. Copy and Paste the Code",
28    content:
29      "Simply copy and paste the provided code into your project, making the process quick and hassle-free. You're now ready to see the magic in action!",
30    image:
31      "https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/block-preview-dark.png",
32    icon: <Eye className="text-primary size-6" />,
33  },
34]
35 
36export default function Testimonals02Page() {
37  return (
38    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
39      <div className="w-full max-w-full">
40        <Section
41          title="Get Started Effortlessly"
42          subtitle="Three simple steps to bring your ideas to life"
43        >
44          <Features data={data} />
45        </Section>
46      </div>
47    </div>
48  )
49}