70 lines
3.3 KiB
TypeScript
70 lines
3.3 KiB
TypeScript
import PageMeta from "../../components/common/PageMeta";
|
|
import ComponentCard from "../../components/common/ComponentCard";
|
|
import { Card } from "../../components/ui/card";
|
|
import { DownloadIcon, UploadIcon, DatabaseIcon, FileArchiveIcon, CheckCircleIcon } from '../../icons';
|
|
|
|
export default function ImportExport() {
|
|
return (
|
|
<>
|
|
<PageMeta title="Import/Export - IGNY8" description="Data management" />
|
|
|
|
<Card className="p-8">
|
|
<div className="text-center py-8 max-w-3xl mx-auto">
|
|
<div className="mb-6 flex justify-center">
|
|
<div className="p-4 bg-brand-100 dark:bg-brand-900/30 rounded-full">
|
|
<DatabaseIcon className="w-12 h-12 text-brand-600 dark:text-brand-400" />
|
|
</div>
|
|
</div>
|
|
|
|
<h1 className="text-3xl font-bold text-gray-900 dark:text-white mb-3">
|
|
Coming Soon: Manage Your Data
|
|
</h1>
|
|
|
|
<p className="text-lg text-gray-600 dark:text-gray-400 mb-8">
|
|
Import and Export Your Content - Backup your keywords, articles, and settings. Move your content to other platforms. Download everything safely.
|
|
</p>
|
|
|
|
<div className="bg-gradient-to-br from-brand-50 to-purple-50 dark:from-brand-900/20 dark:to-purple-900/20 rounded-lg p-6 border border-brand-200 dark:border-brand-800">
|
|
<h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
|
|
What will be available:
|
|
</h2>
|
|
<div className="space-y-3 text-left">
|
|
<div className="flex items-start gap-3">
|
|
<CheckCircleIcon className="w-5 h-5 text-success-600 dark:text-success-400 flex-shrink-0 mt-0.5" />
|
|
<div className="text-gray-700 dark:text-gray-300">
|
|
<strong>Export your keywords as a file</strong> (backup or share)
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start gap-3">
|
|
<CheckCircleIcon className="w-5 h-5 text-success-600 dark:text-success-400 flex-shrink-0 mt-0.5" />
|
|
<div className="text-gray-700 dark:text-gray-300">
|
|
<strong>Export all your articles</strong> in different formats
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start gap-3">
|
|
<CheckCircleIcon className="w-5 h-5 text-success-600 dark:text-success-400 flex-shrink-0 mt-0.5" />
|
|
<div className="text-gray-700 dark:text-gray-300">
|
|
<strong>Import keywords from other sources</strong>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start gap-3">
|
|
<CheckCircleIcon className="w-5 h-5 text-success-600 dark:text-success-400 flex-shrink-0 mt-0.5" />
|
|
<div className="text-gray-700 dark:text-gray-300">
|
|
<strong>Backup and restore</strong> your entire account
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start gap-3">
|
|
<CheckCircleIcon className="w-5 h-5 text-success-600 dark:text-success-400 flex-shrink-0 mt-0.5" />
|
|
<div className="text-gray-700 dark:text-gray-300">
|
|
<strong>Download your settings</strong> and configurations
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</>
|
|
);
|
|
}
|
|
|