import React from 'react'; import { Card, Typography } from '@material-tailwind/react'; import * as HeroIcons from '@heroicons/react/24/outline'; const COMPONENT_DATA = [ { title: 'Global Book Search', description: 'Easily search for books from around the world and find your next read.', icon: 'SearchIcon', column_span: '4' }, { title: 'Personalized Reading Lists', description: 'Create and manage your current reads and TBR (To Be Read) lists effortlessly.', icon: 'BookOpenIcon', column_span: '4' }, { title: 'Share Your Reviews', description: 'Leave reviews for books you\u2019ve read and share your thoughts with the community.', icon: 'StarIcon', column_span: '4' } ]; function FeatureCardComponent({ item }) { const title = item?.title || 'Feature Title'; const description = item?.description || 'Feature description goes here'; const Icon = HeroIcons[item.icon]; return (

{title} {description}

); } function FeaturesSection() { return (

Features That Enhance Your Reading Experience

Explore the unique features that make our platform the best choice for book lovers.

{COMPONENT_DATA.map((item, index) => (

))}

); } export default FeaturesSection;

Book Review and Reading List Website - Code

Project Files

No file selected