@thorprovider/blocks 0.1.2 → 1.0.0

package/src/blocks/marketing/features/feature-2.tsx

@@ -1,82 +0,0 @@
-import { cn } from '../../../lib/utils'
-import type { LucideIcon } from 'lucide-react'
-
-export interface Feature2Item {
-  id: string
-  title: string
-  description: string
-  icon: LucideIcon
-}
-
-export interface Feature2Props {
-  items: Feature2Item[]
-  title?: string
-  description?: string
-  image?: { src: string; alt: string }
-  className?: string
-}
-
-export function Feature2({
-  items,
-  title,
-  description,
-  image,
-  className,
-}: Feature2Props) {
-  return (
-    <section
-      className={cn('mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 md:py-16 lg:px-8', className)}
-    >
-      <div className='grid gap-12 lg:grid-cols-2 lg:gap-16'>
-        <div className='flex flex-col gap-10'>
-          {(title || description) && (
-            <header className='flex flex-col gap-4'>
-              {title && (
-                <h2 className='text-3xl font-bold tracking-tight text-balance sm:text-4xl lg:text-5xl'>
-                  {title}
-                </h2>
-              )}
-              {description && (
-                <p className='text-muted-foreground text-base text-pretty md:text-lg'>
-                  {description}
-                </p>
-              )}
-            </header>
-          )}
-
-          <div className='grid gap-6 sm:grid-cols-2 sm:gap-8'>
-            {items.map(item => (
-              <div key={item.id} className='group flex flex-col items-start gap-3 rounded-lg'>
-                <div className='bg-secondary text-secondary-foreground inline-flex size-10 items-center justify-center rounded-full'>
-                  <item.icon className='size-5' aria-hidden='true' />
-                </div>
-                <div className='flex flex-col gap-1.5'>
-                  <h3 className='text-foreground text-base font-semibold md:text-lg'>{item.title}</h3>
-                  <p className='text-muted-foreground text-sm text-balance'>{item.description}</p>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {image && (
-          <div className='relative'>
-            <div className='bg-muted relative z-10 overflow-hidden rounded-lg shadow-sm transition-all duration-300 hover:shadow-md'>
-              <div className='aspect-[4/3] w-full'>
-                <img
-                  src={image.src || undefined}
-                  alt={image.alt}
-                  className='size-full object-cover grayscale'
-                  loading='lazy'
-                  decoding='async'
-                />
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-    </section>
-  )
-}
-
-export default Feature2