{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-testimonials-1","type":"registry:block","title":"Testimonials 1","description":"Tailark Dusk testimonials variant 1 block","registryDependencies":["@tailark-oss/dusk-button","@tailark-oss/core-gemini","@tailark-oss/core-openai"],"meta":{"aspect-ratio":"18/11","width":686,"height":419},"files":[{"path":"dusk/blocks/testimonials/one.tsx","type":"registry:component","target":"@components/testimonials-1.tsx","content":"import { Openai } from '@/components/ui/svgs/openai'\nimport { Gemini } from '@/components/ui/svgs/gemini'\nimport { Button } from '@/components/ui/button'\nimport { Play } from 'lucide-react'\n\nexport default function Testimonials() {\n    return (\n        <section className=\"py-16 md:py-20\">\n            <div className=\"mx-auto max-w-7xl space-y-8 px-6 md:space-y-16\">\n                <div className=\"grid gap-4 md:grid-cols-2 md:gap-6 lg:gap-12\">\n                    <h2 className=\"text-balance text-4xl font-medium tracking-tight lg:text-5xl\">By makers, loved by thousand developers</h2>\n                </div>\n\n                <div className=\"grid gap-3 lg:grid-cols-5\">\n                    <div className=\"after:border-foreground/10 relative overflow-hidden rounded-xl bg-stone-100 p-8 after:pointer-events-none after:absolute after:inset-0 after:rounded-xl after:border lg:col-span-3 lg:row-span-2\">\n                        <video\n                            autoPlay\n                            loop\n                            className=\"mask-l-from-foreground absolute inset-0 ml-auto h-full w-2/3 object-cover\"\n                            src=\"https://videos.pexels.com/video-files/7732814/7732814-hd_1920_1080_25fps.mp4\"\n                        />\n\n                        <div className=\"min-h-100 relative flex flex-col justify-between\">\n                            <p className=\"max-w-lg text-3xl text-black\">Congrats on your launch! Looks awesome! Still can't wait for your \"animated AI gradient circle\"</p>\n\n                            <div className=\"grid grid-cols-[auto_1fr_auto] items-center gap-4\">\n                                <Openai className=\"**:fill-black size-10\" />\n                                <div className=\"border-l border-black/10 pl-4\">\n                                    <p className=\"text-sm font-medium text-black\">Shekinah Tshiokufila</p>\n                                    <span className=\"block text-sm text-black/65\">Software Engineer</span>\n                                </div>\n                                <Button\n                                    size=\"icon\"\n                                    variant=\"secondary\"\n                                    className=\"inset-ring inset-ring-black/10 self-end bg-black/20\"\n                                >\n                                    <Play\n                                        fill=\"white\"\n                                        stroke=\"white\"\n                                        className=\"drop-shadow-black/25 translate-x-px drop-shadow-md\"\n                                    />\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div className=\"inset-ring inset-ring-foreground/10 min-h-100 relative grid gap-8 overflow-hidden rounded-xl bg-emerald-600 p-8 lg:col-span-2 lg:row-span-2 lg:grid-rows-subgrid\">\n                        <div className=\"bg-linear-to-b pointer-events-none absolute inset-0 to-black/25\"></div>\n                        <p className=\"max-w-lg text-balance text-3xl\">Great work on tailfolio template. This is one of the best personal website that I have seen so far!</p>\n\n                        <div className=\"relative grid grid-cols-[auto_1fr] items-center gap-4 self-end\">\n                            <Gemini className=\"size-10\" />\n                            <div className=\"border-foreground/10 border-l pl-4\">\n                                <p className=\"text-sm font-medium\">Shekinah Tshiokufila</p>\n                                <span className=\"text-foreground/65 block text-sm\">Software Engineer</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}