@jhits/plugin-website 0.0.4 → 0.0.6

package/dist/api/handler.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Website Settings API Handler
+ * Handles GET and POST requests for website settings
+ */
+import { NextRequest, NextResponse } from 'next/server';
+import { WebsiteApiConfig } from '../types/settings';
+export type { WebsiteApiConfig } from '../types/settings';
+/**
+ * GET /api/plugin-website/settings - Get website settings
+ */
+export declare function GET_SETTINGS(req: NextRequest, config: WebsiteApiConfig): Promise<NextResponse>;
+/**
+ * POST /api/plugin-website/settings - Update website settings
+ */
+export declare function POST_SETTINGS(req: NextRequest, config: WebsiteApiConfig): Promise<NextResponse>;
+//# sourceMappingURL=handler.d.ts.map

package/dist/api/handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.d.ts","sourceRoot":"","sources":["../../src/api/handler.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;GAEG;AACH,wBAAsB,YAAY,CAC9B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,gBAAgB,GACzB,OAAO,CAAC,YAAY,CAAC,CA6CvB;AAED;;GAEG;AACH,wBAAsB,aAAa,CAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,gBAAgB,GACzB,OAAO,CAAC,YAAY,CAAC,CAmFvB"}

package/dist/api/handler.js

@@ -0,0 +1,124 @@
+/**
+ * Website Settings API Handler
+ * Handles GET and POST requests for website settings
+ */
+'use server';
+import { NextResponse } from 'next/server';
+/**
+ * GET /api/plugin-website/settings - Get website settings
+ */
+export async function GET_SETTINGS(req, config) {
+    try {
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const settings = db.collection('settings');
+        const siteConfig = await settings.findOne({ identifier: 'site_config' });
+        if (!siteConfig) {
+            // Return default settings if none exist
+            return NextResponse.json({
+                identifier: 'site_config',
+                siteName: '',
+                siteTagline: '',
+                siteDescription: '',
+                keywords: '',
+                contactEmail: '',
+                phoneNumber: '',
+                physicalAddress: '',
+                smtpUser: '',
+                maintenanceMode: false,
+                launch_date: '',
+                socials: [],
+            });
+        }
+        // Convert launch_date from Date to ISO string if it exists
+        const responseData = { ...siteConfig };
+        if (responseData.launch_date instanceof Date) {
+            responseData.launch_date = responseData.launch_date.toISOString();
+        }
+        else if (responseData.launch_date) {
+            // If it's already a string, keep it as is
+            responseData.launch_date = responseData.launch_date;
+        }
+        else {
+            responseData.launch_date = '';
+        }
+        return NextResponse.json(responseData);
+    }
+    catch (error) {
+        console.error('[WebsiteAPI] GET_SETTINGS error:', error);
+        return NextResponse.json({ error: 'Failed to fetch settings', detail: error.message }, { status: 500 });
+    }
+}
+/**
+ * POST /api/plugin-website/settings - Update website settings
+ */
+export async function POST_SETTINGS(req, config) {
+    try {
+        const userId = await config.getUserId?.(req);
+        if (!userId) {
+            return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+        }
+        const body = await req.json();
+        console.log('[WebsiteAPI] POST_SETTINGS received body:', {
+            launch_date: body.launch_date,
+            launch_date_type: typeof body.launch_date,
+            has_launch_date: 'launch_date' in body,
+            body_keys: Object.keys(body),
+        });
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const settings = db.collection('settings');
+        // Remove _id and launch_date from updateData (we'll handle launch_date separately)
+        const { _id, launch_date, ...updateData } = body;
+        // Prepare base update operations
+        const updateOps = {
+            $set: {
+                identifier: 'site_config',
+                ...updateData,
+                updatedAt: new Date(),
+            }
+        };
+        // Handle launch_date separately
+        if (launch_date !== undefined && launch_date !== null && launch_date !== '') {
+            // Convert launch_date from datetime-local string to Date if provided
+            const date = new Date(launch_date);
+            console.log('[WebsiteAPI] Date conversion:', {
+                input: launch_date,
+                parsed: date,
+                isValid: !isNaN(date.getTime()),
+                iso: !isNaN(date.getTime()) ? date.toISOString() : 'invalid',
+            });
+            if (!isNaN(date.getTime())) {
+                updateOps.$set.launch_date = date;
+                console.log('[WebsiteAPI] Setting launch_date to:', date.toISOString());
+            }
+            else {
+                console.warn('[WebsiteAPI] Invalid date, removing launch_date field');
+                updateOps.$unset = { launch_date: '' };
+            }
+        }
+        else {
+            // Remove launch_date field if it's empty, undefined, or null
+            console.log('[WebsiteAPI] launch_date is empty/undefined, removing field');
+            updateOps.$unset = { launch_date: '' };
+        }
+        console.log('[WebsiteAPI] Update operations:', JSON.stringify(updateOps, (key, value) => {
+            if (value instanceof Date) {
+                return value.toISOString();
+            }
+            return value;
+        }, 2));
+        // Upsert settings
+        const result = await settings.updateOne({ identifier: 'site_config' }, updateOps, { upsert: true });
+        console.log('[WebsiteAPI] Update result:', {
+            matchedCount: result.matchedCount,
+            modifiedCount: result.modifiedCount,
+            upsertedCount: result.upsertedCount,
+        });
+        return NextResponse.json({ success: true, message: 'Settings updated successfully' });
+    }
+    catch (error) {
+        console.error('[WebsiteAPI] POST_SETTINGS error:', error);
+        return NextResponse.json({ error: 'Failed to update settings', detail: error.message }, { status: 500 });
+    }
+}

package/dist/api/router.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Website Plugin API Router
+ * Routes API requests to appropriate handlers
+ */
+import { NextRequest, NextResponse } from 'next/server';
+import { WebsiteApiConfig } from '../types/settings';
+/**
+ * Handle website API requests
+ */
+export declare function handleWebsiteApi(req: NextRequest, path: string[], config: WebsiteApiConfig): Promise<NextResponse>;
+//# sourceMappingURL=router.d.ts.map

package/dist/api/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/api/router.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;GAEG;AACH,wBAAsB,gBAAgB,CAClC,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,MAAM,EAAE,EACd,MAAM,EAAE,gBAAgB,GACzB,OAAO,CAAC,YAAY,CAAC,CA2BvB"}

package/dist/api/router.js

@@ -0,0 +1,31 @@
+/**
+ * Website Plugin API Router
+ * Routes API requests to appropriate handlers
+ */
+'use server';
+import { NextResponse } from 'next/server';
+import { GET_SETTINGS, POST_SETTINGS } from './handler';
+/**
+ * Handle website API requests
+ */
+export async function handleWebsiteApi(req, path, config) {
+    const method = req.method;
+    const route = path[0] || '';
+    try {
+        // Route: /api/plugin-website/settings
+        if (route === 'settings') {
+            if (method === 'GET') {
+                return await GET_SETTINGS(req, config);
+            }
+            if (method === 'POST' || method === 'PUT') {
+                return await POST_SETTINGS(req, config);
+            }
+        }
+        // Method not allowed
+        return NextResponse.json({ error: `Method ${method} not allowed for route: ${route || '/'}` }, { status: 405 });
+    }
+    catch (error) {
+        console.error('[WebsiteApiRouter] Error:', error);
+        return NextResponse.json({ error: error.message || 'Internal server error' }, { status: 500 });
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Plugin Website - Client Entry Point
+ * Main settings management interface for website configuration
+ */
+export interface PluginProps {
+    subPath: string[];
+    siteId: string;
+    locale: string;
+}
+export default function WebsitePlugin({ subPath, siteId, locale }: PluginProps): import("react/jsx-runtime").JSX.Element;
+export { WebsitePlugin as Index };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,WAAW,2CAS7E;AAGD,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+/**
+ * Plugin Website - Client Entry Point
+ * Main settings management interface for website configuration
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SettingsView } from './views/SettingsView';
+export default function WebsitePlugin({ subPath, siteId, locale }) {
+    const route = subPath[0] || 'settings';
+    switch (route) {
+        case 'settings':
+            return _jsx(SettingsView, { siteId: siteId, locale: locale });
+        default:
+            return _jsx(SettingsView, { siteId: siteId, locale: locale });
+    }
+}
+// Export for use as default
+export { WebsitePlugin as Index };

package/dist/index.server.d.ts

@@ -0,0 +1,10 @@
+import 'server-only';
+/**
+ * Plugin Website - Server-Only Entry Point
+ * This file exports only server-side API handlers
+ * Used by the dynamic plugin router via @jhits/plugin-website/server
+ */
+export { handleWebsiteApi as handleApi } from './api/router';
+export { handleWebsiteApi } from './api/router';
+export type { WebsiteApiConfig } from './types/settings';
+//# sourceMappingURL=index.server.d.ts.map

package/dist/index.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../src/index.server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.server.js

@@ -0,0 +1,8 @@
+import 'server-only';
+/**
+ * Plugin Website - Server-Only Entry Point
+ * This file exports only server-side API handlers
+ * Used by the dynamic plugin router via @jhits/plugin-website/server
+ */
+export { handleWebsiteApi as handleApi } from './api/router';
+export { handleWebsiteApi } from './api/router'; // Keep original export for backward compatibility

package/dist/types/settings.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Website Settings Types
+ */
+export interface WebsiteSettings {
+    identifier: string;
+    siteName?: string;
+    siteTagline?: string;
+    siteDescription?: string;
+    keywords?: string;
+    contactEmail?: string;
+    phoneNumber?: string;
+    physicalAddress?: string;
+    smtpUser?: string;
+    maintenanceMode?: boolean;
+    launch_date?: string;
+    socials?: SocialLink[];
+    updatedAt?: Date;
+    createdAt?: Date;
+}
+export interface SocialLink {
+    id: number;
+    platform: string;
+    url: string;
+}
+export interface WebsiteApiConfig {
+    getDb: () => Promise<{
+        db: () => any;
+    }>;
+    getUserId?: (req: any) => Promise<string | null>;
+    mongoClient?: Promise<any>;
+    authOptions?: any;
+    jwtSecret?: string;
+    [key: string]: any;
+}
+//# sourceMappingURL=settings.d.ts.map

package/dist/types/settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/types/settings.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB"}

package/dist/types/settings.js

@@ -0,0 +1,4 @@
+/**
+ * Website Settings Types
+ */
+export {};

package/dist/views/SettingsView.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Website Settings View
+ * Main interface for managing website settings
+ */
+export interface SettingsViewProps {
+    siteId: string;
+    locale: string;
+}
+export declare function SettingsView({ siteId, locale }: SettingsViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsView.d.ts.map

package/dist/views/SettingsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsView.d.ts","sourceRoot":"","sources":["../../src/views/SettingsView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAmBH,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA2ejE"}

package/dist/views/SettingsView.js

@@ -0,0 +1,219 @@
+/**
+ * Website Settings View
+ * Main interface for managing website settings
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { Save, RefreshCw, Globe, Mail, Search, Settings2, Calendar } from 'lucide-react';
+import { FaFacebook, FaInstagram, FaLinkedin, FaPinterest, FaTiktok } from 'react-icons/fa';
+import { FaXTwitter } from 'react-icons/fa6';
+const AVAILABLE_PLATFORMS = [
+    { name: 'Instagram', icon: _jsx(FaInstagram, { size: 18 }) },
+    { name: 'Facebook', icon: _jsx(FaFacebook, { size: 18 }) },
+    { name: 'Twitter', icon: _jsx(FaXTwitter, { size: 18 }) },
+    { name: 'Pinterest', icon: _jsx(FaPinterest, { size: 18 }) },
+    { name: 'LinkedIn', icon: _jsx(FaLinkedin, { size: 18 }) },
+    { name: 'TikTok', icon: _jsx(FaTiktok, { size: 18 }) },
+];
+export function SettingsView({ siteId, locale }) {
+    const [isLoading, setIsLoading] = useState(true);
+    const [isSaving, setIsSaving] = useState(false);
+    const [showSuccess, setShowSuccess] = useState(false);
+    const [settings, setSettings] = useState({
+        identifier: 'site_config',
+        siteName: '',
+        siteTagline: '',
+        siteDescription: '',
+        keywords: '',
+        contactEmail: '',
+        phoneNumber: '',
+        physicalAddress: '',
+        smtpUser: '',
+        maintenanceMode: false,
+        launch_date: '',
+        socials: [],
+    });
+    // Fetch settings on load
+    useEffect(() => {
+        const fetchSettings = async () => {
+            try {
+                setIsLoading(true);
+                const response = await fetch('/api/plugin-website/settings', {
+                    credentials: 'include',
+                });
+                if (!response.ok) {
+                    throw new Error('Failed to fetch settings');
+                }
+                const data = await response.json();
+                if (data.siteName !== undefined) {
+                    // Convert launch_date to datetime-local format if it exists
+                    let launchDate = '';
+                    if (data.launch_date) {
+                        // If it's a Date object or ISO string, convert to datetime-local format
+                        const date = new Date(data.launch_date);
+                        if (!isNaN(date.getTime())) {
+                            // Format as YYYY-MM-DDTHH:mm for datetime-local input (24-hour format)
+                            const year = date.getFullYear();
+                            const month = String(date.getMonth() + 1).padStart(2, '0');
+                            const day = String(date.getDate()).padStart(2, '0');
+                            const hours = String(date.getHours()).padStart(2, '0');
+                            const minutes = String(date.getMinutes()).padStart(2, '0');
+                            launchDate = `${year}-${month}-${day}T${hours}:${minutes}`;
+                        }
+                        else {
+                            // If it's already a string in the correct format, use it
+                            // Ensure it has time component, default to 00:00 if missing
+                            if (data.launch_date.includes('T') && data.launch_date.split('T')[1]) {
+                                launchDate = data.launch_date;
+                            }
+                            else if (data.launch_date.includes('T')) {
+                                launchDate = `${data.launch_date.split('T')[0]}T00:00`;
+                            }
+                            else {
+                                launchDate = `${data.launch_date}T00:00`;
+                            }
+                        }
+                    }
+                    setSettings({
+                        identifier: 'site_config',
+                        siteName: data.siteName || '',
+                        siteTagline: data.siteTagline || '',
+                        siteDescription: data.siteDescription || '',
+                        keywords: data.keywords || '',
+                        contactEmail: data.contactEmail || '',
+                        phoneNumber: data.phoneNumber || '',
+                        physicalAddress: data.physicalAddress || '',
+                        smtpUser: data.smtpUser || '',
+                        maintenanceMode: data.maintenanceMode ?? false,
+                        launch_date: launchDate,
+                        socials: data.socials || [],
+                    });
+                }
+            }
+            catch (error) {
+                console.error('Failed to load settings:', error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        fetchSettings();
+    }, []);
+    // Use ref to always get latest state
+    const settingsRef = useRef(settings);
+    useEffect(() => {
+        settingsRef.current = settings;
+    }, [settings]);
+    // Save settings
+    const handleSave = async () => {
+        try {
+            setIsSaving(true);
+            // Get the latest state from ref
+            const currentSettings = settingsRef.current;
+            // Prepare settings for API - ensure launch_date is properly formatted
+            const settingsToSave = {
+                ...currentSettings,
+            };
+            // Handle launch_date - keep it if it has a value, otherwise don't include it
+            if (currentSettings.launch_date && currentSettings.launch_date.trim() !== '') {
+                settingsToSave.launch_date = currentSettings.launch_date;
+            }
+            else {
+                // Don't include launch_date if it's empty
+                delete settingsToSave.launch_date;
+            }
+            console.log('[SettingsView] Saving settings:', {
+                launch_date: settingsToSave.launch_date,
+                launch_date_type: typeof settingsToSave.launch_date,
+                has_launch_date: 'launch_date' in settingsToSave,
+                currentState_launch_date: currentSettings.launch_date,
+                all_keys: Object.keys(settingsToSave),
+            });
+            const response = await fetch('/api/plugin-website/settings', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include',
+                body: JSON.stringify(settingsToSave),
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.error || 'Failed to save settings');
+            }
+            setShowSuccess(true);
+            setTimeout(() => setShowSuccess(false), 3000);
+        }
+        catch (error) {
+            console.error('Failed to save settings:', error);
+            alert(error.message || 'Failed to save settings');
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    // Add social link
+    const handleAddSocial = () => {
+        const newId = settings.socials?.length ? Math.max(...settings.socials.map(s => s.id)) + 1 : 1;
+        setSettings({
+            ...settings,
+            socials: [...(settings.socials || []), { id: newId, platform: '', url: '' }],
+        });
+    };
+    // Update social link
+    const handleUpdateSocial = (id, field, value) => {
+        setSettings({
+            ...settings,
+            socials: settings.socials?.map(social => social.id === id ? { ...social, [field]: value } : social) || [],
+        });
+    };
+    // Remove social link
+    const handleRemoveSocial = (id) => {
+        setSettings({
+            ...settings,
+            socials: settings.socials?.filter(social => social.id !== id) || [],
+        });
+    };
+    if (isLoading) {
+        return (_jsx("div", { className: "h-full w-full bg-dashboard-card text-dashboard-text flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx(RefreshCw, { className: "w-8 h-8 animate-spin text-primary mx-auto mb-4" }), _jsx("p", { className: "text-sm text-dashboard-text-secondary", children: "Loading settings..." })] }) }));
+    }
+    return (_jsx("div", { className: "h-full w-full rounded-[2.5rem] bg-dashboard-card p-8 overflow-y-auto", children: _jsxs("div", { className: "max-w-6xl mx-auto", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black text-dashboard-text uppercase tracking-tighter mb-2", children: "Website Settings" }), _jsx("p", { className: "text-sm text-dashboard-text-secondary", children: "Manage your website identity, contact information, and social links" })] }), _jsx("button", { onClick: handleSave, disabled: isSaving, className: `inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-all shadow-lg shadow-primary/20 ${isSaving
+                                ? 'bg-neutral-400 text-white cursor-not-allowed'
+                                : showSuccess
+                                    ? 'bg-green-600 text-white'
+                                    : 'bg-primary text-white hover:bg-primary/90'}`, children: isSaving ? (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { className: "w-4 h-4 animate-spin" }), "Saving..."] })) : showSuccess ? (_jsxs(_Fragment, { children: [_jsx(Settings2, { className: "w-4 h-4" }), "Saved!"] })) : (_jsxs(_Fragment, { children: [_jsx(Save, { className: "w-4 h-4" }), "Save Settings"] })) })] }), _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8", children: [_jsxs("div", { className: "lg:col-span-2 space-y-8", children: [_jsxs("section", { className: "bg-dashboard-bg p-8 rounded-3xl border border-dashboard-border", children: [_jsxs("div", { className: "flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6", children: [_jsx(Search, { size: 20, className: "text-primary" }), "Website Identity & SEO"] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Website Name" }), _jsx("input", { type: "text", value: settings.siteName || '', onChange: (e) => setSettings({ ...settings, siteName: e.target.value }), placeholder: "e.g., Botanics & You", className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Website Tagline" }), _jsx("input", { type: "text", value: settings.siteTagline || '', onChange: (e) => setSettings({ ...settings, siteTagline: e.target.value }), placeholder: "e.g., Sharing my knowledge with you", className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text" })] })] }), _jsxs("div", { className: "mt-6 space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Website Description" }), _jsx("textarea", { value: settings.siteDescription || '', onChange: (e) => setSettings({ ...settings, siteDescription: e.target.value }), placeholder: "A brief description of your website", rows: 3, className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text resize-none" })] }), _jsxs("div", { className: "mt-6 space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Keywords (comma-separated)" }), _jsx("input", { type: "text", value: settings.keywords || '', onChange: (e) => setSettings({ ...settings, keywords: e.target.value }), placeholder: "keyword1, keyword2, keyword3", className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text" })] })] }), _jsxs("section", { className: "bg-dashboard-bg p-8 rounded-3xl border border-dashboard-border", children: [_jsxs("div", { className: "flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6", children: [_jsx(Mail, { size: 20, className: "text-primary" }), "Contact Information"] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Contact Email" }), _jsx("input", { type: "email", value: settings.contactEmail || '', onChange: (e) => setSettings({ ...settings, contactEmail: e.target.value }), placeholder: "contact@example.com", className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Phone Number" }), _jsx("input", { type: "tel", value: settings.phoneNumber || '', onChange: (e) => setSettings({ ...settings, phoneNumber: e.target.value }), placeholder: "+31 6 12345678", className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text" })] })] }), _jsxs("div", { className: "mt-6 space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest", children: "Physical Address" }), _jsx("textarea", { value: settings.physicalAddress || '', onChange: (e) => setSettings({ ...settings, physicalAddress: e.target.value }), placeholder: "Street address, City, Country", rows: 2, className: "w-full px-4 py-3 bg-dashboard-card border border-dashboard-border rounded-2xl outline-none focus:ring-2 focus:ring-primary transition-all text-dashboard-text resize-none" })] })] }), _jsxs("section", { className: "bg-dashboard-bg p-8 rounded-3xl border border-dashboard-border", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-dashboard-border pb-4 mb-6", children: [_jsxs("div", { className: "flex items-center gap-2 font-bold text-dashboard-text", children: [_jsx(Globe, { size: 20, className: "text-primary" }), "Social Links"] }), _jsx("button", { onClick: handleAddSocial, className: "px-4 py-2 text-xs font-bold uppercase tracking-widest bg-primary text-white rounded-full hover:bg-primary/90 transition-all", children: "Add Social" })] }), _jsx("div", { className: "space-y-4", children: settings.socials && settings.socials.length > 0 ? (settings.socials.map((social) => {
+                                                const platform = AVAILABLE_PLATFORMS.find(p => p.name === social.platform);
+                                                return (_jsxs("div", { className: "flex items-center gap-4 p-4 bg-dashboard-card rounded-2xl border border-dashboard-border", children: [_jsx("div", { className: "flex-shrink-0 text-dashboard-text-secondary", children: platform?.icon || _jsx(Globe, { size: 18 }) }), _jsxs("select", { value: social.platform, onChange: (e) => handleUpdateSocial(social.id, 'platform', e.target.value), className: "flex-1 px-4 py-2 bg-dashboard-bg border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text", children: [_jsx("option", { value: "", children: "Select Platform" }), AVAILABLE_PLATFORMS.map(p => (_jsx("option", { value: p.name, children: p.name }, p.name)))] }), _jsx("input", { type: "url", value: social.url, onChange: (e) => handleUpdateSocial(social.id, 'url', e.target.value), placeholder: "https://...", className: "flex-1 px-4 py-2 bg-dashboard-bg border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text" }), _jsx("button", { onClick: () => handleRemoveSocial(social.id), className: "px-4 py-2 text-xs font-bold text-red-500 hover:text-red-700 dark:hover:text-red-400 transition-colors", children: "Remove" })] }, social.id));
+                                            })) : (_jsx("p", { className: "text-sm text-dashboard-text-secondary text-center py-8", children: "No social links added yet. Click \"Add Social\" to get started." })) })] })] }), _jsxs("div", { className: "space-y-8", children: [_jsxs("section", { className: "bg-dashboard-bg p-6 rounded-3xl border border-dashboard-border", children: [_jsxs("div", { className: "flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6", children: [_jsx(Settings2, { size: 18, className: "text-primary" }), "Maintenance"] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text block mb-1", children: "Maintenance Mode" }), _jsx("p", { className: "text-[10px] text-dashboard-text-secondary", children: "Show maintenance page to visitors" })] }), _jsx("button", { onClick: () => setSettings({ ...settings, maintenanceMode: !settings.maintenanceMode }), className: `relative w-12 h-6 rounded-full transition-colors ${settings.maintenanceMode ? 'bg-primary' : 'bg-neutral-200 dark:bg-neutral-700'}`, children: _jsx("div", { className: `absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform duration-200 ${settings.maintenanceMode ? 'translate-x-6' : 'translate-x-0'}` }) })] })] }), _jsxs("section", { className: "bg-dashboard-bg p-6 rounded-3xl border border-dashboard-border", children: [_jsxs("div", { className: "flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6", children: [_jsx(Calendar, { size: 18, className: "text-primary" }), "Launch Date"] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text block", children: "Date" }), _jsx("input", { type: "date", value: settings.launch_date ? settings.launch_date.split('T')[0] : '', onChange: (e) => {
+                                                                const dateValue = e.target.value;
+                                                                const currentTime = settings.launch_date?.includes('T')
+                                                                    ? settings.launch_date.split('T')[1]
+                                                                    : '00:00';
+                                                                const newLaunchDate = dateValue ? `${dateValue}T${currentTime}` : '';
+                                                                console.log('[SettingsView] Date changed:', {
+                                                                    dateValue,
+                                                                    currentTime,
+                                                                    newLaunchDate,
+                                                                });
+                                                                setSettings(prev => ({
+                                                                    ...prev,
+                                                                    launch_date: newLaunchDate,
+                                                                }));
+                                                            }, className: "w-full px-4 py-2 bg-dashboard-card border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-dashboard-text block", children: "Time (24-hour format)" }), _jsx("input", { type: "time", step: "60", value: settings.launch_date?.includes('T')
+                                                                ? settings.launch_date.split('T')[1]
+                                                                : '00:00', onChange: (e) => {
+                                                                const timeValue = e.target.value;
+                                                                const currentDate = settings.launch_date?.includes('T')
+                                                                    ? settings.launch_date.split('T')[0]
+                                                                    : new Date().toISOString().split('T')[0];
+                                                                const newLaunchDate = timeValue ? `${currentDate}T${timeValue}` : '';
+                                                                console.log('[SettingsView] Time changed:', {
+                                                                    timeValue,
+                                                                    currentDate,
+                                                                    newLaunchDate,
+                                                                });
+                                                                setSettings(prev => ({
+                                                                    ...prev,
+                                                                    launch_date: newLaunchDate,
+                                                                }));
+                                                            }, className: "w-full px-4 py-2 bg-dashboard-card border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text" })] }), _jsx("p", { className: "text-[10px] text-dashboard-text-secondary", children: "Used for countdown timers. Time defaults to 00:00 if not specified." })] })] })] })] })] }) }));
+}

package/package.json

@@ -1,26 +1,29 @@
 {
   "name": "@jhits/plugin-website",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Website management and configuration plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
   },
-  "main": "./src/index.tsx",
-  "types": "./src/index.tsx",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.tsx",
-      "default": "./src/index.tsx"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./server": {
-      "types": "./src/index.server.ts",
-      "default": "./src/index.server.ts"
+      "types": "./dist/index.server.d.ts",
+      "default": "./dist/index.server.js"
     }
   },
+  "scripts": {
+    "build": "tsc"
+  },
   "dependencies": {
-    "@jhits/plugin-core": "^0.0.1",
-    "lucide-react": "^0.562.0",
-    "mongodb": "^7.0.0",
+    "@jhits/plugin-core": "^0.0.2",
+    "lucide-react": "^0.564.0",
+    "mongodb": "^7.1.0",
     "next-auth": "^4.24.13",
     "react-icons": "^5.5.0"
   },
@@ -30,18 +33,17 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.19.27",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "next": "16.1.1",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "typescript": "^5"
+    "@types/node": "^25.2.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "next": "16.1.6",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typescript": "^5.9.3"
   },
   "files": [
-    "src/**/*.{ts,tsx,json}",
-    "!src/**/*.md",
-    "!src/**/README.md",
+    "dist",
+    "src",
     "package.json"
   ]
 }

package/src/views/SettingsView.tsx

@@ -196,33 +196,33 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
             <div className="h-full w-full bg-dashboard-card text-dashboard-text flex items-center justify-center">
                 <div className="text-center">
                     <RefreshCw className="w-8 h-8 animate-spin text-primary mx-auto mb-4" />
-                    <p className="text-sm text-neutral-500 dark:text-neutral-400">Loading settings...</p>
+                    <p className="text-sm text-dashboard-text-secondary">Loading settings...</p>
                 </div>
             </div>
         );
     }
 
     return (
-        <div className="h-full rounded-[2.5rem] w-full bg-dashboard-card text-dashboard-text overflow-y-auto">
-            <div className="max-w-6xl mx-auto p-8">
+        <div className="h-full w-full rounded-[2.5rem] bg-dashboard-card p-8 overflow-y-auto">
+            <div className="max-w-6xl mx-auto">
                 {/* Header */}
-                <div className="flex items-center justify-between mb-8">
+                <div className="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
                     <div>
-                        <h1 className="text-3xl font-black text-neutral-950 dark:text-white uppercase tracking-tighter mb-2">
+                        <h1 className="text-3xl font-black text-dashboard-text uppercase tracking-tighter mb-2">
                             Website Settings
                         </h1>
-                        <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                        <p className="text-sm text-dashboard-text-secondary">
                             Manage your website identity, contact information, and social links
                         </p>
                     </div>
                     <button
                         onClick={handleSave}
                         disabled={isSaving}
-                        className={`inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-all shadow-lg ${isSaving
-                                ? 'bg-neutral-400 text-white cursor-not-allowed'
-                                : showSuccess
-                                    ? 'bg-green-600 text-white'
-                                    : 'bg-primary text-white hover:bg-primary/90'
+                        className={`inline-flex items-center gap-2 px-6 py-3 rounded-full text-[10px] font-black uppercase tracking-widest transition-all shadow-lg shadow-primary/20 ${isSaving
+                            ? 'bg-neutral-400 text-white cursor-not-allowed'
+                            : showSuccess
+                                ? 'bg-green-600 text-white'
+                                : 'bg-primary text-white hover:bg-primary/90'
                             }`}
                     >
                         {isSaving ? (
@@ -248,14 +248,14 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                     {/* Main Content */}
                     <div className="lg:col-span-2 space-y-8">
                         {/* SEO & Website Identity */}
-                        <section className="bg-dashboard-sidebar p-8 rounded-3xl border border-dashboard-border">
-                            <div className="flex items-center gap-2 font-bold text-neutral-950 dark:text-white border-b border-dashboard-border pb-4 mb-6">
+                        <section className="bg-dashboard-bg p-8 rounded-3xl border border-dashboard-border">
+                            <div className="flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6">
                                 <Search size={20} className="text-primary" />
                                 Website Identity & SEO
                             </div>
                             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                                 <div className="space-y-2">
-                                    <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                    <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                         Website Name
                                     </label>
                                     <input
@@ -267,7 +267,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                     />
                                 </div>
                                 <div className="space-y-2">
-                                    <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                    <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                         Website Tagline
                                     </label>
                                     <input
@@ -280,7 +280,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                 </div>
                             </div>
                             <div className="mt-6 space-y-2">
-                                <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                     Website Description
                                 </label>
                                 <textarea
@@ -292,7 +292,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                 />
                             </div>
                             <div className="mt-6 space-y-2">
-                                <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                     Keywords (comma-separated)
                                 </label>
                                 <input
@@ -306,14 +306,14 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                         </section>
 
                         {/* Contact Information */}
-                        <section className="bg-dashboard-sidebar p-8 rounded-3xl border border-dashboard-border">
-                            <div className="flex items-center gap-2 font-bold text-neutral-950 dark:text-white border-b border-dashboard-border pb-4 mb-6">
+                        <section className="bg-dashboard-bg p-8 rounded-3xl border border-dashboard-border">
+                            <div className="flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6">
                                 <Mail size={20} className="text-primary" />
                                 Contact Information
                             </div>
                             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                                 <div className="space-y-2">
-                                    <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                    <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                         Contact Email
                                     </label>
                                     <input
@@ -325,7 +325,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                     />
                                 </div>
                                 <div className="space-y-2">
-                                    <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                    <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                         Phone Number
                                     </label>
                                     <input
@@ -338,7 +338,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                 </div>
                             </div>
                             <div className="mt-6 space-y-2">
-                                <label className="text-xs font-bold text-neutral-500 dark:text-neutral-400 uppercase tracking-widest">
+                                <label className="text-xs font-bold text-dashboard-text-secondary uppercase tracking-widest">
                                     Physical Address
                                 </label>
                                 <textarea
@@ -352,9 +352,9 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                         </section>
 
                         {/* Social Links */}
-                        <section className="bg-dashboard-sidebar p-8 rounded-3xl border border-dashboard-border">
+                        <section className="bg-dashboard-bg p-8 rounded-3xl border border-dashboard-border">
                             <div className="flex items-center justify-between border-b border-dashboard-border pb-4 mb-6">
-                                <div className="flex items-center gap-2 font-bold text-neutral-950 dark:text-white">
+                                <div className="flex items-center gap-2 font-bold text-dashboard-text">
                                     <Globe size={20} className="text-primary" />
                                     Social Links
                                 </div>
@@ -371,13 +371,13 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                         const platform = AVAILABLE_PLATFORMS.find(p => p.name === social.platform);
                                         return (
                                             <div key={social.id} className="flex items-center gap-4 p-4 bg-dashboard-card rounded-2xl border border-dashboard-border">
-                                                <div className="flex-shrink-0 text-neutral-500 dark:text-neutral-400">
+                                                <div className="flex-shrink-0 text-dashboard-text-secondary">
                                                     {platform?.icon || <Globe size={18} />}
                                                 </div>
                                                 <select
                                                     value={social.platform}
                                                     onChange={(e) => handleUpdateSocial(social.id, 'platform', e.target.value)}
-                                                    className="flex-1 px-4 py-2 bg-dashboard-sidebar border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text"
+                                                    className="flex-1 px-4 py-2 bg-dashboard-bg border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text"
                                                 >
                                                     <option value="">Select Platform</option>
                                                     {AVAILABLE_PLATFORMS.map(p => (
@@ -389,7 +389,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                                     value={social.url}
                                                     onChange={(e) => handleUpdateSocial(social.id, 'url', e.target.value)}
                                                     placeholder="https://..."
-                                                    className="flex-1 px-4 py-2 bg-dashboard-sidebar border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text"
+                                                    className="flex-1 px-4 py-2 bg-dashboard-bg border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text"
                                                 />
                                                 <button
                                                     onClick={() => handleRemoveSocial(social.id)}
@@ -401,7 +401,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                         );
                                     })
                                 ) : (
-                                    <p className="text-sm text-neutral-500 dark:text-neutral-400 text-center py-8">
+                                    <p className="text-sm text-dashboard-text-secondary text-center py-8">
                                         No social links added yet. Click "Add Social" to get started.
                                     </p>
                                 )}
@@ -412,40 +412,41 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                     {/* Sidebar */}
                     <div className="space-y-8">
                         {/* Maintenance Mode */}
-                        <section className="bg-dashboard-sidebar p-6 rounded-3xl border border-dashboard-border">
-                            <div className="flex items-center gap-2 font-bold text-neutral-950 dark:text-white border-b border-dashboard-border pb-4 mb-6">
+                        <section className="bg-dashboard-bg p-6 rounded-3xl border border-dashboard-border">
+                            <div className="flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6">
                                 <Settings2 size={18} className="text-primary" />
                                 Maintenance
                             </div>
                             <div className="flex items-center justify-between">
                                 <div>
-                                    <label className="text-xs font-bold text-neutral-700 dark:text-neutral-300 block mb-1">
+                                    <label className="text-xs font-bold text-dashboard-text block mb-1">
                                         Maintenance Mode
                                     </label>
-                                    <p className="text-[10px] text-neutral-500 dark:text-neutral-400">
+                                    <p className="text-[10px] text-dashboard-text-secondary">
                                         Show maintenance page to visitors
                                     </p>
                                 </div>
                                 <button
                                     onClick={() => setSettings({ ...settings, maintenanceMode: !settings.maintenanceMode })}
-                                    className={`relative w-12 h-6 rounded-full transition-colors ${settings.maintenanceMode ? 'bg-primary' : 'bg-neutral-300 dark:bg-neutral-700'
+                                    className={`relative w-12 h-6 rounded-full transition-colors ${settings.maintenanceMode ? 'bg-primary' : 'bg-neutral-200 dark:bg-neutral-700'
                                         }`}
                                 >
-                                    <div className={`absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform ${settings.maintenanceMode ? 'translate-x-6' : 'translate-x-0'
-                                        }`} />
+                                    <div
+                                        className={`absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform duration-200 ${settings.maintenanceMode ? 'translate-x-6' : 'translate-x-0'}`}
+                                    />
                                 </button>
                             </div>
                         </section>
 
                         {/* Launch Date */}
-                        <section className="bg-dashboard-sidebar p-6 rounded-3xl border border-dashboard-border">
-                            <div className="flex items-center gap-2 font-bold text-neutral-950 dark:text-white border-b border-dashboard-border pb-4 mb-6">
+                        <section className="bg-dashboard-bg p-6 rounded-3xl border border-dashboard-border">
+                            <div className="flex items-center gap-2 font-bold text-dashboard-text border-b border-dashboard-border pb-4 mb-6">
                                 <Calendar size={18} className="text-primary" />
                                 Launch Date
                             </div>
                             <div className="space-y-4">
                                 <div className="space-y-2">
-                                    <label className="text-xs font-bold text-neutral-700 dark:text-neutral-300 block">
+                                    <label className="text-xs font-bold text-dashboard-text block">
                                         Date
                                     </label>
                                     <input
@@ -474,7 +475,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                     />
                                 </div>
                                 <div className="space-y-2">
-                                    <label className="text-xs font-bold text-neutral-700 dark:text-neutral-300 block">
+                                    <label className="text-xs font-bold text-dashboard-text block">
                                         Time (24-hour format)
                                     </label>
                                     <input
@@ -505,7 +506,7 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                                         className="w-full px-4 py-2 bg-dashboard-card border border-dashboard-border rounded-xl outline-none focus:ring-2 focus:ring-primary text-dashboard-text"
                                     />
                                 </div>
-                                <p className="text-[10px] text-neutral-500 dark:text-neutral-400">
+                                <p className="text-[10px] text-dashboard-text-secondary">
                                     Used for countdown timers. Time defaults to 00:00 if not specified.
                                 </p>
                             </div>