@tantainnovative/ndpr-toolkit 1.0.1 → 1.0.3

package/src/app/docs/guides/ndpr-compliance-checklist/components/Resources.tsx

@@ -0,0 +1,159 @@
+'use client';
+
+import { Button } from '@/components/ui/Button';
+import { Card, CardContent } from '@/components/ui/Card';
+
+export default function Resources() {
+  return (
+    <section id="resources" className="mb-8">
+      <h2 className="text-2xl font-bold mb-4">Additional Resources</h2>
+      <p className="mb-4">
+        To help you achieve and maintain NDPR compliance, here are some additional resources:
+      </p>
+      
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <Card>
+          <CardContent className="p-4">
+            <h3 className="font-medium text-gray-900 dark:text-white mb-2">NDPR Full Text</h3>
+            <p className="text-gray-600 dark:text-gray-300 text-sm mb-3">
+              The complete text of the Nigeria Data Protection Regulation.
+            </p>
+            <Button asChild variant="outline" size="sm">
+              <a href="https://nitda.gov.ng/wp-content/uploads/2019/01/Nigeria-Data-Protection-Regulation.pdf" target="_blank" rel="noopener noreferrer">
+                View Regulation
+              </a>
+            </Button>
+          </CardContent>
+        </Card>
+        
+        <Card>
+          <CardContent className="p-4">
+            <h3 className="font-medium text-gray-900 dark:text-white mb-2">NDPR Implementation Framework</h3>
+            <p className="text-gray-600 dark:text-gray-300 text-sm mb-3">
+              Official guidance on implementing the NDPR.
+            </p>
+            <Button asChild variant="outline" size="sm">
+              <a href="https://nitda.gov.ng/wp-content/uploads/2020/01/NDPR-Implementation-Framework.pdf" target="_blank" rel="noopener noreferrer">
+                View Framework
+              </a>
+            </Button>
+          </CardContent>
+        </Card>
+        
+        <Card>
+          <CardContent className="p-4">
+            <h3 className="font-medium text-gray-900 dark:text-white mb-2">NITDA Website</h3>
+            <p className="text-gray-600 dark:text-gray-300 text-sm mb-3">
+              The official website of the National Information Technology Development Agency.
+            </p>
+            <Button asChild variant="outline" size="sm">
+              <a href="https://nitda.gov.ng/" target="_blank" rel="noopener noreferrer">
+                Visit Website
+              </a>
+            </Button>
+          </CardContent>
+        </Card>
+        
+        <Card>
+          <CardContent className="p-4">
+            <h3 className="font-medium text-gray-900 dark:text-white mb-2">Data Protection Templates</h3>
+            <p className="text-gray-600 dark:text-gray-300 text-sm mb-3">
+              Downloadable templates for key data protection documents.
+            </p>
+            <Button asChild variant="outline" size="sm">
+              <a href="/templates/data-protection" target="_blank" rel="noopener noreferrer">
+                View Templates
+              </a>
+            </Button>
+          </CardContent>
+        </Card>
+      </div>
+      
+      <div className="mt-8">
+        <h3 className="text-xl font-bold mb-3">Compliance Roadmap</h3>
+        <p className="mb-3">
+          Achieving NDPR compliance can seem daunting, but breaking it down into manageable steps can make the process more approachable. 
+          Here&apos;s a suggested roadmap for your compliance journey:
+        </p>
+        
+        <div className="relative border-l-2 border-blue-500 pl-8 pb-8 space-y-8">
+          <div className="relative">
+            <div className="absolute -left-10 mt-1.5 h-6 w-6 rounded-full bg-blue-500 flex items-center justify-center">
+              <span className="text-white font-bold text-sm">1</span>
+            </div>
+            <h4 className="text-lg font-bold">Assessment</h4>
+            <p className="text-gray-600 dark:text-gray-300 mt-2">
+              Begin by assessing your current data protection practices against the NDPR requirements. Use the compliance 
+              checklist provided above to identify gaps and areas for improvement.
+            </p>
+          </div>
+          
+          <div className="relative">
+            <div className="absolute -left-10 mt-1.5 h-6 w-6 rounded-full bg-blue-500 flex items-center justify-center">
+              <span className="text-white font-bold text-sm">2</span>
+            </div>
+            <h4 className="text-lg font-bold">Planning</h4>
+            <p className="text-gray-600 dark:text-gray-300 mt-2">
+              Develop a compliance plan based on your assessment. Prioritize high-risk areas and quick wins. 
+              Assign responsibilities and set deadlines for implementation.
+            </p>
+          </div>
+          
+          <div className="relative">
+            <div className="absolute -left-10 mt-1.5 h-6 w-6 rounded-full bg-blue-500 flex items-center justify-center">
+              <span className="text-white font-bold text-sm">3</span>
+            </div>
+            <h4 className="text-lg font-bold">Implementation</h4>
+            <p className="text-gray-600 dark:text-gray-300 mt-2">
+              Implement the necessary measures to address the gaps identified in your assessment. Use the NDPR Toolkit 
+              components to implement key compliance features such as consent management, data subject rights handling, 
+              and breach notification.
+            </p>
+          </div>
+          
+          <div className="relative">
+            <div className="absolute -left-10 mt-1.5 h-6 w-6 rounded-full bg-blue-500 flex items-center justify-center">
+              <span className="text-white font-bold text-sm">4</span>
+            </div>
+            <h4 className="text-lg font-bold">Documentation</h4>
+            <p className="text-gray-600 dark:text-gray-300 mt-2">
+              Document your compliance efforts, including policies, procedures, and records of processing activities. 
+              This documentation is essential for demonstrating compliance to regulators and stakeholders.
+            </p>
+          </div>
+          
+          <div className="relative">
+            <div className="absolute -left-10 mt-1.5 h-6 w-6 rounded-full bg-blue-500 flex items-center justify-center">
+              <span className="text-white font-bold text-sm">5</span>
+            </div>
+            <h4 className="text-lg font-bold">Training</h4>
+            <p className="text-gray-600 dark:text-gray-300 mt-2">
+              Train staff on data protection principles, the NDPR requirements, and your organization&apos;s specific 
+              policies and procedures. Ensure that everyone understands their role in maintaining compliance.
+            </p>
+          </div>
+          
+          <div className="relative">
+            <div className="absolute -left-10 mt-1.5 h-6 w-6 rounded-full bg-blue-500 flex items-center justify-center">
+              <span className="text-white font-bold text-sm">6</span>
+            </div>
+            <h4 className="text-lg font-bold">Monitoring and Review</h4>
+            <p className="text-gray-600 dark:text-gray-300 mt-2">
+              Regularly monitor and review your compliance program to ensure it remains effective. Conduct periodic 
+              audits, address any new compliance gaps, and update your practices as needed.
+            </p>
+          </div>
+        </div>
+      </div>
+      
+      <div className="mt-8 bg-blue-50 dark:bg-blue-900/20 p-4 rounded-md">
+        <h4 className="text-blue-800 dark:text-blue-200 font-medium mb-2">Need Additional Help?</h4>
+        <p className="text-blue-700 dark:text-blue-300 text-sm">
+          If you need additional help with NDPR compliance, consider consulting with a data protection professional or legal expert 
+          who specializes in Nigerian data protection law. While the NDPR Toolkit provides valuable tools and guidance, 
+          professional advice can help ensure that your compliance program addresses your organization&apos;s specific needs and risks.
+        </p>
+      </div>
+    </section>
+  );
+}

package/src/app/docs/guides/ndpr-compliance-checklist/page.tsx

@@ -0,0 +1,38 @@
+'use client';
+
+import Link from 'next/link';
+import { DocLayout } from '@/components/docs/DocLayout';
+import { Button } from '@/components/ui/Button';
+import Introduction from './components/Introduction';
+import KeyRequirements from './components/KeyRequirements';
+import ComplianceChecklist from './components/ComplianceChecklist';
+import ImplementationTools from './components/ImplementationTools';
+import Resources from './components/Resources';
+
+export default function NDPRComplianceChecklistGuide() {
+  return (
+    <DocLayout
+      title="NDPR Compliance Checklist"
+      description="A comprehensive checklist to help organizations achieve and maintain NDPR compliance"
+    >
+      <div className="flex mb-6 space-x-2">
+        <Button asChild variant="outline" size="sm">
+          <a href="https://nitda.gov.ng/wp-content/uploads/2020/01/NDPR-Implementation-Framework.pdf" target="_blank" rel="noopener noreferrer">
+            NDPR Framework
+          </a>
+        </Button>
+        <Button asChild variant="outline" size="sm">
+          <Link href="/docs">
+            Toolkit Documentation
+          </Link>
+        </Button>
+      </div>
+      
+      <Introduction />
+      <KeyRequirements />
+      <ComplianceChecklist />
+      <ImplementationTools />
+      <Resources />
+    </DocLayout>
+  );
+}

package/src/app/docs/guides/page.tsx

@@ -0,0 +1,67 @@
+'use client';
+
+import Link from 'next/link';
+import { DocLayout } from '@/components/docs/DocLayout';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
+import { Button } from '@/components/ui/Button';
+
+export default function GuidesPage() {
+  return (
+    <DocLayout
+      title="Implementation Guides"
+      description="Step-by-step guides for implementing NDPR-compliant features"
+    >
+      <p className="mb-6">
+        These comprehensive guides will help you implement NDPR-compliant features in your applications. 
+        Each guide provides step-by-step instructions, code examples, and best practices.
+      </p>
+      
+      <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
+        {[
+          {
+            title: 'Conducting a DPIA',
+            description: 'Step-by-step guide to conducting a Data Protection Impact Assessment',
+            href: '/docs/guides/conducting-dpia',
+          },
+          {
+            title: 'Managing Consent',
+            description: 'Learn how to implement a complete consent management system',
+            href: '/docs/guides/managing-consent',
+          },
+          {
+            title: 'Handling Data Subject Requests',
+            description: 'Best practices for handling data subject rights requests',
+            href: '/docs/guides/data-subject-requests',
+          },
+          {
+            title: 'Breach Notification Process',
+            description: 'How to implement a 72-hour breach notification process',
+            href: '/docs/guides/breach-notification-process',
+          },
+          {
+            title: 'NDPR Compliance Checklist',
+            description: 'A comprehensive checklist to help organizations achieve and maintain NDPR compliance',
+            href: '/docs/guides/ndpr-compliance-checklist',
+          },
+        ].map((guide) => (
+          <Card key={guide.title}>
+            <CardHeader>
+              <CardTitle>{guide.title}</CardTitle>
+            </CardHeader>
+            <CardContent>
+              <p className="text-gray-500 dark:text-gray-400 mb-4">{guide.description}</p>
+              <Button asChild variant="outline">
+                <Link href={guide.href}>
+                  Read Guide
+                  <svg className="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" />
+                  </svg>
+                </Link>
+              </Button>
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    </DocLayout>
+  );
+}

package/src/app/docs/layout.tsx

@@ -0,0 +1,15 @@
+import metadata from './metadata';
+
+export { metadata };
+
+export default function DocsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      {children}
+    </>
+  );
+}

package/src/app/docs/metadata.ts

@@ -0,0 +1,31 @@
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'NDPR Toolkit Documentation | Implementation Guides & API Reference',
+  description: 'Comprehensive documentation for implementing NDPR-compliant features in your applications, including guides, API references, and compliance information.',
+  keywords: 'NDPR Documentation, Nigerian Data Protection, Compliance Guides, API Reference, Implementation Tutorials',
+  openGraph: {
+    title: 'NDPR Toolkit Documentation | Implementation Guides & API Reference',
+    description: 'Comprehensive documentation for implementing NDPR-compliant features in your applications, including guides, API references, and compliance information.',
+    url: 'https://ndprtoolkit.com.ng/docs',
+    siteName: 'NDPR Toolkit',
+    images: [
+      {
+        url: '/og-docs.png',
+        width: 1200,
+        height: 630,
+        alt: 'NDPR Toolkit Documentation',
+      },
+    ],
+    locale: 'en_US',
+    type: 'website',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'NDPR Toolkit Documentation | Implementation Guides & API Reference',
+    description: 'Comprehensive documentation for implementing NDPR-compliant features in your applications, including guides, API references, and compliance information.',
+    images: ['/og-docs.png'],
+  },
+};
+
+export default metadata;