
Three-column grid features section with header, description, "See all features" button, and feature cards containing avatar icons, titles, and descriptions
@shadcn-studio
import { SwatchBookIcon, SearchIcon, StarIcon, SmartphoneIcon, LockKeyholeIcon, ShieldBanIcon } from 'lucide-react'
import Features from '@/registry/new-york/components/blocks/features-section-01/features-section-01'
const featuresList = [
{
icon: SwatchBookIcon,
title: 'User-Friendly Interface',
description:
"Navigate effortlessly with our intuitive design, optimised for all devices. Enjoy a seamless experience whether you're on a computer or mobile.",
cardBorderColor: 'border-primary/40 hover:border-primary',
avatarTextColor: 'text-primary',
avatarBgColor: 'bg-primary/10'
},
{
icon: ShieldBanIcon,
title: 'Secure Checkout',
description:
'Enjoy a safe shopping experience with multiple payment options and SSL encryption. Your personal and financial information is always protected.',
cardBorderColor: 'border-green-600/40 hover:border-green-600 dark:border-green-400/40 dark:hover:border-green-400',
avatarTextColor: 'text-green-600 dark:text-green-400',
avatarBgColor: 'bg-green-600/10 dark:bg-green-400/10'
},
{
icon: SearchIcon,
title: 'Advanced Search',
description:
'Find products quickly with advanced filters, sorting options, and suggestion. Save time and effortlessly locate exactly what you need with ease.',
cardBorderColor: 'border-amber-600/40 hover:border-amber-600 dark:border-amber-400/40 dark:hover:border-amber-400',
avatarTextColor: 'text-amber-600 dark:text-amber-400',
avatarBgColor: 'bg-amber-600/10 dark:bg-amber-400/10'
},
{
icon: StarIcon,
title: 'Customer Reviews and Ratings',
description:
'Make informed decisions with detailed product reviews and ratings from other buyers. Trust the experiences of fellow shoppers to guide choices.',
cardBorderColor: 'border-destructive/40 hover:border-destructive',
avatarTextColor: 'text-destructive',
avatarBgColor: 'bg-destructive/10'
},
{
icon: SmartphoneIcon,
title: 'Mobile App Integration',
description:
'Enhance your shopping experience with our mobile app and push notifications. Stay updated on arrivals and exclusive offers directly on phone.',
cardBorderColor: 'border-sky-600/40 hover:border-sky-600 dark:border-sky-400/40 dark:hover:border-sky-400',
avatarTextColor: 'text-sky-600 dark:text-sky-400',
avatarBgColor: 'bg-sky-600/10 dark:bg-sky-400/10'
},
{
icon: LockKeyholeIcon,
title: 'Security Features',
description:
'Protect your data with fraud detection and two-factor authentication. Ensure a secure environment for all transactions and account activities.',
cardBorderColor: 'border-primary/40 hover:border-primary',
avatarTextColor: 'text-primary',
avatarBgColor: 'bg-primary/10'
}
]
const FeaturesPage = () => {
return <Features featuresList={featuresList} />
}
export default FeaturesPage




























