greenPage/services/showcaseDataService.ts

import { GreenPage, Block, DesignSettings, MediaSource, AIGCArticle, ThemeName, BackgroundType, FontFamily, ButtonShape, ButtonStyle, SideNavSettings, BannerSettings, HeaderBlock, TextBlock, ImageBlock, VideoBlock, LinkBlock, ProductBlock, NewsBlock, MapBlock, EmailBlock, PhoneBlock, PdfBlock, SocialBlock, NewsItemFromUrl, ChatBlock, EnterpriseInfoBlock, FormBlock, AwardBlock, FooterBlock, BannerType } from '../types';
import { subDays } from 'date-fns';

const themeColors = [
    'from-green-400 to-blue-500',
    'from-purple-500 to-pink-500',
    'from-yellow-400 to-orange-600',
    'from-teal-400 to-cyan-500',
    'from-red-500 to-indigo-600',
    'from-rose-400 to-red-500',
];

const createInitialAIGCArticles = (): AIGCArticle[] => [
    {
        id: 'aigc-article-1',
        title: 'The Rise of AI in Modern Web Development',
        summary: 'An in-depth look at how artificial intelligence is revolutionizing the way we build and interact with websites, from automated testing to intelligent UI generation.',
        content: `
<h2>The Dawn of a New Era</h2>
<p>From automated testing to intelligent UI generation, AI is no longer a futuristic concept but a <strong>present-day tool for developers</strong>. The landscape of web development is shifting at an unprecedented pace, with machine learning models now capable of writing code, designing user interfaces, and even deploying applications.</p>
<p>One of the most significant impacts is in the realm of UI/UX design. Tools powered by generative AI can create stunning, user-friendly mockups from simple text prompts. <em>This dramatically accelerates the prototyping phase</em>, allowing teams to iterate on ideas faster than ever before. We're seeing a future where the line between designer and developer blurs, thanks to these intelligent assistants.</p>
<img src="https://picsum.photos/seed/ai-article-1/600/400" alt="AI and code" style="width: 100%; height: auto; border-radius: 8px; margin: 1em 0;" />
<h2>Challenges and Opportunities</h2>
<p>Of course, this revolution doesn't come without its challenges. Questions around code quality, security vulnerabilities in AI-generated scripts, and the ethical implications of job displacement are paramount. However, the opportunities are boundless. Developers can now focus on more complex architectural problems, leaving routine coding tasks to their AI partners. For more information, you can read this <a href="https://example.com" target="_blank" rel="noopener noreferrer">in-depth analysis</a>.</p>
`,
        publicationDate: subDays(new Date(), 5).toISOString(),
        sourceType: 'generated',
    },
    {
        id: 'aigc-article-2',
        title: 'Sustainable Living: 10 Tips for an Eco-Friendly Home',
        summary: 'Discover simple yet effective ways to reduce your carbon footprint and create a greener living space, from your kitchen to your garden.',
        content: `
<h2>It Starts at Home</h2>
<p>Sustainability is more than just a buzzword; it's a lifestyle that begins right in our own homes. Creating an eco-friendly living space doesn't require a complete overhaul. Simple, consistent changes can lead to a significant positive impact on the environment and even your wallet.</p>
<img src="https://picsum.photos/seed/eco-article-1/600/400" alt="A green home" style="width: 100%; height: auto; border-radius: 8px; margin: 1em 0;" />
<h2>Practical Steps You Can Take Today</h2>
<p>Here are a few tips to get started:</p>
<ol>
  <li><strong>Reduce, Reuse, Recycle:</strong> The classic three R's are more important than ever.</li>
  <li><strong>Compost Food Scraps:</strong> Reduce landfill waste and create nutrient-rich soil for your garden.</li>
  <li><strong>Switch to LED Lighting:</strong> They use significantly less energy and last much longer than traditional bulbs.</li>
  <li><em>Fix Leaky Faucets:</em> A small drip can waste gallons of water every day.</li>
</ol>
<p>By adopting these habits, you contribute to a healthier planet for future generations. It's a journey of continuous learning and improvement. Check out <a href="https://example.com/eco" target="_blank" rel="noopener noreferrer">this resource</a> for more ideas.</p>
`,
        publicationDate: subDays(new Date(), 12).toISOString(),
        sourceType: 'generated',
    },
];

const createInitialVideos = () => {
    return [
        { id: 'vid1', title: 'Product Demo', thumbnailUrl: "https://picsum.photos/seed/vid1/200/120", videoUrl: 'https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4' },
        { id: 'vid2', title: 'Weekly Update', thumbnailUrl: "https://picsum.photos/seed/vid2/200/120", videoUrl: 'https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerJoyrides.mp4' },
    ];
};

const merge = <T extends object>(base: T, updates: Partial<T>): T => {
    const result = { ...base };
    for (const key in updates) {
        if (Object.prototype.hasOwnProperty.call(updates, key)) {
            const value = updates[key as keyof T];
            if (typeof value === 'object' && value !== null && !Array.isArray(value) && base[key as keyof T] && typeof base[key as keyof T] === 'object') {
                result[key as keyof T] = merge(base[key as keyof T] as any, value as any);
            } else {
                result[key as keyof T] = value;
            }
        }
    }
    return result;
};


const customizePage = (
    basePage: GreenPage,
    customizations: {
        name: string;
        slug: string;
        design?: Partial<DesignSettings>;
        blocks?: Block[];
    }
): GreenPage => {
    const newPage = JSON.parse(JSON.stringify(basePage));

    newPage.name = customizations.name;
    newPage.slug = customizations.slug;

    if (customizations.design) {
        // Deep merge design settings
        newPage.pageSettings.design = merge(newPage.pageSettings.design, customizations.design);
    }

    if (customizations.blocks) {
        newPage.pageSettings.blocks = customizations.blocks;
    }

    return newPage;
};


const personalArchetypes = [
    {
        name: "Alex Doe - Software Developer",
        slug: "alex-doe-dev",
        design: {
            theme: 'dark' as ThemeName,
            backgroundType: 'gradient' as BackgroundType,
            backgroundValue: 'bg-gradient-to-br from-gray-900 via-blue-900/50 to-gray-900',
            fontFamily: 'mono' as FontFamily,
            buttonShape: 'square' as ButtonShape,
            buttonStyle: 'outline' as ButtonStyle,
            avatarSource: { type: 'url', value: 'https://api.dicebear.com/8.x/adventurer-neutral/svg?seed=Alex' } as MediaSource
        },
        blocks: [
            { type: 'chat', layout: 'under_avatar', visible: true, id: 'c1' } as ChatBlock,
            { type: 'header', text: 'Alex Doe', visible: true, id: 'h1', titleAlignment: 'center' } as HeaderBlock,
            { type: 'text', content: 'Full-Stack Developer | Open-Source Contributor | Tech Enthusiast', visible: true, id: 't1', textAlign: 'center', fontSize: '16px', fontColor: '#d1d5db', isBold: false, isItalic: false } as TextBlock,
            { type: 'social', links: [
                { id: 's1', platform: 'github', url: 'https://github.com' },
                { id: 's2', platform: 'linkedin', url: 'https://linkedin.com' },
                { id: 's3', platform: 'twitter', url: 'https://twitter.com' },
            ], visible: true, id: 'so1' } as SocialBlock,
            { type: 'header', text: 'Projects', visible: true, id: 'h2', titleAlignment: 'left' } as HeaderBlock,
            { type: 'link', title: 'Project Titan - AI-Powered Analytics', url: '#', visible: true, id: 'l1' } as LinkBlock,
            { type: 'link', title: 'QuantumLeap - A new JS Framework', url: '#', visible: true, id: 'l2' } as LinkBlock,
        ]
    },
    {
        name: "Jamie Lee - Photographer",
        slug: "jamie-lee-photo",
        design: {
            theme: 'light' as ThemeName,
            backgroundType: 'color' as BackgroundType,
            backgroundValue: '#ffffff',
            fontFamily: 'serif' as FontFamily,
            fontColor: '#111827',
            buttonShape: 'pill' as ButtonShape,
            buttonStyle: 'filled' as ButtonStyle,
            avatarSource: { type: 'url', value: 'https://api.dicebear.com/8.x/adventurer/svg?seed=Jamie' } as MediaSource,
            customThemeColors: { background: '#ffffff', text: '#111827', button: '#f3f4f6', buttonText: '#111827' }
        },
        blocks: [
             { type: 'chat', layout: 'under_avatar', visible: true, id: 'c1' } as ChatBlock,
            { type: 'header', text: 'Jamie Lee', visible: true, id: 'h1', titleAlignment: 'center' } as HeaderBlock,
            { type: 'text', content: 'Capturing moments, telling stories.', visible: true, id: 't1', textAlign: 'center', fontSize: '16px', fontColor: '#4b5563', isBold: false, isItalic: true } as TextBlock,
            { type: 'image', layout: 'grid', sources: [
                { type: 'url', value: 'https://picsum.photos/seed/jamie1/400/300' },
                { type: 'url', value: 'https://picsum.photos/seed/jamie2/400/300' },
                { type: 'url', value: 'https://picsum.photos/seed/jamie3/400/300' },
                { type: 'url', value: 'https://picsum.photos/seed/jamie4/400/300' },
            ], visible: true, id: 'i1' } as ImageBlock,
            { type: 'header', text: 'Contact & Bookings', visible: true, id: 'h2', titleAlignment: 'left' } as HeaderBlock,
            { type: 'email', label: 'Email for Inquiries', email: '#', visible: true, id: 'e1', displayMode: 'labelOnly' } as EmailBlock,
            { type: 'social', links: [{ id: 's1', platform: 'instagram', url: 'https://instagram.com' }], visible: true, id: 'so1' } as SocialBlock,
        ]
    },
    {
        name: "Casey Solaris - Musician",
        slug: "casey-solaris-music",
        design: {
            theme: 'synthwave' as ThemeName,
            backgroundType: 'image' as BackgroundType,
            backgroundValue: 'https://picsum.photos/seed/synth-bg/1200/800',
            fontFamily: 'sans' as FontFamily,
            buttonShape: 'rounded' as ButtonShape,
            buttonStyle: 'outline' as ButtonStyle,
            avatarSource: { type: 'url', value: 'https://api.dicebear.com/8.x/lorelei/svg?seed=Casey' } as MediaSource,
        },
        blocks: [
             { type: 'chat', layout: 'under_avatar', visible: true, id: 'c1' } as ChatBlock,
            { type: 'header', text: 'CASEY SOLARIS', visible: true, id: 'h1', titleAlignment: 'center' } as HeaderBlock,
            { type: 'video', layout: 'single', sources: [{type: 'url', value: 'https://storage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4'}], visible: true, id: 'v1' } as VideoBlock,
            { type: 'header', text: 'Stream My Music', visible: true, id: 'h2', titleAlignment: 'left' } as HeaderBlock,
            { type: 'link', title: 'Spotify', url: '#', visible: true, id: 'l1' } as LinkBlock,
            { type: 'link', title: 'Apple Music', url: '#', visible: true, id: 'l2' } as LinkBlock,
            { type: 'link', title: 'Bandcamp', url: '#', visible: true, id: 'l3' } as LinkBlock,
        ]
    },
];

const enterpriseArchetypes = [
    {
        name: "Innovatech AI",
        slug: "innovatech-ai",
        design: {
            theme: 'dark' as ThemeName,
            fontFamily: 'sans' as FontFamily,
            fontColor: '#e5e7eb',
            backgroundType: 'gradient' as BackgroundType,
            backgroundValue: 'bg-gradient-to-br from-gray-900 to-slate-800',
            bannerSettings: {
                type: 'image' as BannerType,
// FIX: Added missing 'value' property to conform to the BannerSettings type.
                value: '',
                imageSource: { type: 'url', value: 'https://picsum.photos/seed/innovatech-banner/1200/400' } as MediaSource,
                height: 400,
                width: 'full'
            },
            sideNavSettings: {
                backgroundColor: 'transparent',
                textColor: '#9ca3af',
                activeLinkColor: '#10b981',
                hoverBackgroundColor: '#374151',
                hoverTextColor: '#ffffff',
// FIX: Added missing 'fontFamily' and 'fontSize' properties to conform to the SideNavSettings type.
                fontFamily: 'sans',
                fontSize: '14px',
            }
        },
        blocks: [
            { id: 'chat-enterprise-1', type: 'chat', layout: 'widget', visible: true } as ChatBlock,
            { id: 'ent-h1', type: 'header', text: 'About Innovatech', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'ent-t1', type: 'text', content: "Innovatech AI is a leading provider of cutting-edge artificial intelligence solutions. Our mission is to empower businesses with transformative technologies that drive growth, efficiency, and innovation. We specialize in machine learning, natural language processing, and computer vision to solve complex challenges across various industries.", visible: true, textAlign: 'left', fontSize: '16px', fontColor: '#d1d5db', isBold: false, isItalic: false } as TextBlock,
            { id: 'ent-h2', type: 'header', text: 'Our Solutions', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'ent-i1', type: 'image', layout: 'grid', sources: [{ type: 'url', value: 'https://picsum.photos/seed/solution1/400/300' }, { type: 'url', value: 'https://picsum.photos/seed/solution2/400/300' }], visible: true } as ImageBlock,
            { id: 'ent-h3', type: 'header', text: 'Company Information', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'ent-info1', type: 'enterprise_info', alignment: 'left', items: [
                { id: 'ei-1', icon: 'building', label: 'Legal Name', value: 'Innovatech AI Solutions, Inc.' },
                { id: 'ei-2', icon: 'calendar', label: 'Founded', value: '2021' },
                { id: 'ei-3', icon: 'location', label: 'Headquarters', value: 'San Francisco, CA' },
            ], visible: true } as EnterpriseInfoBlock,
            { id: 'ent-h4', type: 'header', text: 'Contact Us', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'ent-form1', type: 'form', title: 'Get in Touch', description: 'Fill out the form below and our team will get back to you shortly.', submitButtonText: 'Submit Request', fields: [
                { id: 'name', label: 'Full Name', enabled: true, required: true },
                { id: 'email', label: 'Work Email', enabled: true, required: true },
                { id: 'company', label: 'Company', enabled: true, required: true },
                { id: 'phone', label: 'Phone', enabled: true, required: false },
            ], purposeOptions: [{id: 'po1', label: 'Sales Inquiry'}, {id: 'po2', label: 'Partnership'}], visible: true } as FormBlock,
            { id: 'footer-ent-1', type: 'footer', layout: 'standard', copyrightText: '© 2024 Innovatech AI Solutions, Inc. All Rights Reserved.', legalText: 'Filing No. 123-456-789', navLinks: [{id:'fn1', title: 'Home', url:'#'}, {id:'fn2', title:'Solutions', url:'#'}], otherLinks: [{id:'fo1', title:'Privacy Policy', url:'#'}], statement: '', visible: true } as FooterBlock,
        ]
    },
    {
        name: "Sterling & Partners Law",
        slug: "sterling-partners-law",
        design: {
            theme: 'light' as ThemeName,
            fontFamily: 'serif' as FontFamily,
            fontColor: '#1f2937',
            backgroundType: 'color' as BackgroundType,
            backgroundValue: '#f9fafb',
            bannerSettings: {
                type: 'gradient' as BannerType,
                value: 'bg-gradient-to-r from-gray-700 via-gray-900 to-black',
// FIX: Added missing 'imageSource' property to conform to the BannerSettings type.
                imageSource: { type: 'url', value: 'https://picsum.photos/seed/law-firm-banner/1200/250' } as MediaSource,
                height: 250,
                width: 'full'
            },
            sideNavSettings: {
                backgroundColor: 'transparent',
                textColor: '#4b5563',
                activeLinkColor: '#ca8a04', // a gold color
                hoverBackgroundColor: '#f3f4f6',
                hoverTextColor: '#111827',
                navFloatStyle: 'top',
// FIX: Added missing 'fontFamily' and 'fontSize' properties to conform to the SideNavSettings type.
                fontFamily: 'serif',
                fontSize: '14px',
            }
        },
        blocks: [
            { id: 'chat-law-1', type: 'chat', layout: 'widget', visible: true } as ChatBlock,
            { id: 'law-h1', type: 'header', text: 'About Our Firm', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'law-t1', type: 'text', content: "Sterling & Partners is a premier law firm dedicated to providing exceptional legal services. With decades of combined experience, our attorneys are committed to achieving the best possible outcomes for our clients through rigorous advocacy and strategic counsel.", visible: true, textAlign: 'left', fontSize: '16px', fontColor: '#374151', isBold: false, isItalic: false } as TextBlock,
            { id: 'law-h2', type: 'header', text: 'Practice Areas', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'law-l1', type: 'link', title: 'Corporate Law', url: '#', visible: true } as LinkBlock,
            { id: 'law-l2', type: 'link', title: 'Intellectual Property', url: '#', visible: true } as LinkBlock,
            { id: 'law-l3', type: 'link', title: 'Litigation & Arbitration', url: '#', visible: true } as LinkBlock,
            { id: 'law-h3', type: 'header', text: 'Accolades', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'law-award1', type: 'award', layout: 'single', items: [
                {id: 'aw1', title: 'Law Firm of the Year', subtitle: 'National Law Review', year: '2023', imageSource: {type: 'url', value: 'https://picsum.photos/seed/law-award1/100'}},
                {id: 'aw2', title: 'Top Corporate Counsel', subtitle: 'Attorneys Weekly', year: '2022', imageSource: {type: 'url', value: 'https://picsum.photos/seed/law-award2/100'}}
            ], visible: true} as AwardBlock,
            { id: 'law-h4', type: 'header', text: 'Our Location', visible: true, titleAlignment: 'left' } as HeaderBlock,
            { id: 'law-map1', type: 'map', address: '1 Wall Street, New York, NY', visible: true, displayStyle: 'interactiveMap' } as MapBlock,
            { id: 'footer-law-1', type: 'footer', layout: 'centered', copyrightText: '© 2024 Sterling & Partners LLP. Attorney Advertising.', navLinks: [{id:'fn1', title: 'Home', url:'#'}, {id:'fn2', title:'Contact', url:'#'}], otherLinks: [{id:'fo1', title:'Disclaimer', url:'#'}], statement: 'Prior results do not guarantee a similar outcome.', visible: true } as FooterBlock,
        ]
    }
];


const basePage: GreenPage = {
    id: 'base_page',
    name: 'Base Page',
    slug: 'base-page',
    themeColor: 'from-gray-500 to-gray-700',
    pageSettings: {
        blocks: [],
        design: {
            theme: 'dark' as ThemeName,
            customThemeColors: { background: '#111827', text: '#FFFFFF', button: '#374151', buttonText: '#FFFFFF' },
            buttonStyle: 'filled' as ButtonStyle,
            buttonShape: 'rounded' as ButtonShape,
            fontFamily: 'sans' as FontFamily,
            fontColor: '#FFFFFF',
            fontSize: 'text-base',
            backgroundType: 'gradient' as BackgroundType,
            backgroundValue: 'bg-gradient-to-br from-gray-800 to-gray-900',
            avatarSource: { type: 'url', value: 'https://api.dicebear.com/8.x/adventurer/svg?seed=Base' },
            bannerSettings: {
                type: 'image' as BannerType,
                value: '',
                imageSource: { type: 'url', value: "https://picsum.photos/seed/default-banner/1200/300" } as MediaSource,
                height: 300,
                width: 'contained' as 'contained',
            },
            sideNavSettings: {
                backgroundColor: 'transparent',
                textColor: '#d1d5db',
                activeLinkColor: '#10b981',
                hoverBackgroundColor: '#374151',
                hoverTextColor: '#ffffff',
                fontFamily: 'sans' as FontFamily,
                fontSize: '14px',
                navFloatStyle: 'normal' as 'normal',
                navBackgroundStyle: 'compact' as 'compact',
            },
            chatWidgetSettings: {
                iconColor: '#10b981', headerBackgroundColor: '#10b981', headerTextColor: '#FFFFFF',
                panelBackgroundColor: '#1f2937', userMessageBackgroundColor: '#3b82f6',
                userMessageTextColor: '#FFFFFF', aiMessageBackgroundColor: '#374151', aiMessageTextColor: '#FFFFFF',
            },
        },
    },
    aiAssistantSettings: {
        persona: 'You are a helpful assistant.',
        voiceId: 'vo1',
        language: 'English',
        conversationStyle: 'professional',
        knowledgeBaseFiles: [],
        knowledgeBaseUrls: [],
        forbiddenUserKeywords: [],
        forbiddenAIKeywords: [],
    },
    analyticsData: {
        conversations: [],
        formSubmissions: [],
    },
    aigcSettings: {
        videos: createInitialVideos(),
        articles: createInitialAIGCArticles(),
        schedule: [],
    }
};

export const generatePersonalShowcases = (): GreenPage[] => {
    // FIX: Completed the .map() function by returning the result of customizePage.
    return personalArchetypes.map((archetype, index) => {
        const page = customizePage(basePage, {
            name: archetype.name,
            slug: archetype.slug,
            design: archetype.design,
            blocks: archetype.blocks,
        });
        page.id = `showcase-personal-${index}`;
        // FIX: Simplified theme color selection to prevent type errors.
        page.themeColor = themeColors[index % themeColors.length];
        return page;
    });
};

// FIX: Added the missing generateEnterpriseShowcases function to create and export enterprise-themed showcase pages.
export const generateEnterpriseShowcases = (): GreenPage[] => {
    return enterpriseArchetypes.map((archetype, index) => {
        const page = customizePage(basePage, {
            name: archetype.name,
            slug: archetype.slug,
            design: archetype.design,
            blocks: archetype.blocks,
        });
        page.id = `showcase-enterprise-${index}`;
        page.themeColor = themeColors[index % themeColors.length];
        return page;
    });
};