Upload components/CardsSection.jsx with huggingface_hub

components/CardsSection.jsx

@@ -0,0 +1,25 @@
+import ContentCard from './ContentCard';
+import PrintIcon from './PrintIcon';
+
+const CardsSection = ({ onPrintClick }) => (
+  <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+    <ContentCard
+      title="Document Preview"
+      description="Preview and print formatted documents with our custom print modal"
+      icon={<PrintIcon />}
+      onClick={onPrintClick}
+    />
+    <ContentCard
+      title="Report Generation"
+      description="Generate printable reports with clean layouts and formatting"
+      icon={<PrintIcon />}
+      onClick={onPrintClick}
+    />
+    <ContentCard
+      title="Invoice Printing"
+      description="Create and print invoices with professional formatting"
+      icon={<PrintIcon />}
+      onClick={onPrintClick}
+    />
+  </div>
+);