popeye-cli 1.4.7 → 1.6.0

package/dist/generators/templates/website-conversion.js

@@ -0,0 +1,326 @@
+/**
+ * Lead capture and conversion templates
+ * Generates API route handlers for lead capture and contact form components
+ */
+/**
+ * Escape a string for safe use inside JSX template literals
+ */
+function escapeJsx(str) {
+    return str
+        .replace(/\\/g, '\\\\')
+        .replace(/'/g, "\\'")
+        .replace(/`/g, '\\`')
+        .replace(/\$/g, '\\$');
+}
+/**
+ * Generate lead capture API route handler
+ *
+ * @param provider - Lead capture provider type
+ * @returns API route source code (src/app/api/lead/route.ts)
+ */
+export function generateLeadCaptureRoute(provider = 'webhook') {
+    if (provider === 'none') {
+        return `import { NextResponse } from 'next/server';
+
+export async function POST() {
+  return NextResponse.json(
+    { error: 'Lead capture not configured' },
+    { status: 501 }
+  );
+}
+`;
+    }
+    if (provider === 'resend') {
+        return `import { NextResponse } from 'next/server';
+
+interface LeadPayload {
+  name: string;
+  email: string;
+  message?: string;
+}
+
+export async function POST(request: Request) {
+  try {
+    const body: LeadPayload = await request.json();
+
+    if (!body.name || !body.email) {
+      return NextResponse.json(
+        { error: 'Name and email are required' },
+        { status: 400 }
+      );
+    }
+
+    const apiKey = process.env.RESEND_API_KEY;
+    if (!apiKey) {
+      console.error('RESEND_API_KEY not configured');
+      return NextResponse.json(
+        { error: 'Lead capture not configured' },
+        { status: 500 }
+      );
+    }
+
+    const response = await fetch('https://api.resend.com/emails', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': \`Bearer \${apiKey}\`,
+      },
+      body: JSON.stringify({
+        from: process.env.RESEND_FROM_EMAIL || 'onboarding@resend.dev',
+        to: process.env.LEAD_NOTIFICATION_EMAIL || 'team@example.com',
+        subject: \`New lead: \${body.name}\`,
+        text: \`Name: \${body.name}\\nEmail: \${body.email}\\nMessage: \${body.message || 'N/A'}\`,
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Resend API error:', await response.text());
+      return NextResponse.json({ error: 'Failed to send' }, { status: 500 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Lead capture error:', error);
+    return NextResponse.json({ error: 'Internal error' }, { status: 500 });
+  }
+}
+`;
+    }
+    if (provider === 'postmark') {
+        return `import { NextResponse } from 'next/server';
+
+interface LeadPayload {
+  name: string;
+  email: string;
+  message?: string;
+}
+
+export async function POST(request: Request) {
+  try {
+    const body: LeadPayload = await request.json();
+
+    if (!body.name || !body.email) {
+      return NextResponse.json(
+        { error: 'Name and email are required' },
+        { status: 400 }
+      );
+    }
+
+    const apiKey = process.env.POSTMARK_API_KEY;
+    if (!apiKey) {
+      console.error('POSTMARK_API_KEY not configured');
+      return NextResponse.json(
+        { error: 'Lead capture not configured' },
+        { status: 500 }
+      );
+    }
+
+    const response = await fetch('https://api.postmarkapp.com/email', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Postmark-Server-Token': apiKey,
+      },
+      body: JSON.stringify({
+        From: process.env.POSTMARK_FROM_EMAIL || 'no-reply@example.com',
+        To: process.env.LEAD_NOTIFICATION_EMAIL || 'team@example.com',
+        Subject: \`New lead: \${body.name}\`,
+        TextBody: \`Name: \${body.name}\\nEmail: \${body.email}\\nMessage: \${body.message || 'N/A'}\`,
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Postmark API error:', await response.text());
+      return NextResponse.json({ error: 'Failed to send' }, { status: 500 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Lead capture error:', error);
+    return NextResponse.json({ error: 'Internal error' }, { status: 500 });
+  }
+}
+`;
+    }
+    // Default: webhook provider
+    return `import { NextResponse } from 'next/server';
+
+interface LeadPayload {
+  name: string;
+  email: string;
+  message?: string;
+}
+
+export async function POST(request: Request) {
+  try {
+    const body: LeadPayload = await request.json();
+
+    if (!body.name || !body.email) {
+      return NextResponse.json(
+        { error: 'Name and email are required' },
+        { status: 400 }
+      );
+    }
+
+    const webhookUrl = process.env.LEAD_WEBHOOK_URL;
+    if (!webhookUrl) {
+      console.error('LEAD_WEBHOOK_URL not configured');
+      return NextResponse.json(
+        { error: 'Lead capture not configured' },
+        { status: 500 }
+      );
+    }
+
+    const response = await fetch(webhookUrl, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        name: body.name,
+        email: body.email,
+        message: body.message || '',
+        timestamp: new Date().toISOString(),
+        source: 'website',
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Webhook error:', response.status);
+      return NextResponse.json({ error: 'Failed to submit' }, { status: 500 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Lead capture error:', error);
+    return NextResponse.json({ error: 'Internal error' }, { status: 500 });
+  }
+}
+`;
+}
+/**
+ * Generate contact form component
+ *
+ * @param strategy - Optional strategy for CTA text
+ * @returns ContactForm component source code
+ */
+export function generateContactForm(strategy) {
+    const ctaText = strategy?.conversionStrategy.primaryCta.text || 'Get Started';
+    return `'use client';
+
+import { useState, type FormEvent } from 'react';
+
+/**
+ * Lead capture contact form
+ * Submits to /api/lead endpoint
+ */
+export default function ContactForm() {
+  const [status, setStatus] = useState<'idle' | 'submitting' | 'success' | 'error'>('idle');
+
+  async function handleSubmit(e: FormEvent<HTMLFormElement>) {
+    e.preventDefault();
+    setStatus('submitting');
+
+    const formData = new FormData(e.currentTarget);
+    const data = {
+      name: formData.get('name') as string,
+      email: formData.get('email') as string,
+      message: formData.get('message') as string,
+    };
+
+    try {
+      const response = await fetch('/api/lead', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+      });
+
+      if (response.ok) {
+        setStatus('success');
+        e.currentTarget.reset();
+      } else {
+        setStatus('error');
+      }
+    } catch {
+      setStatus('error');
+    }
+  }
+
+  if (status === 'success') {
+    return (
+      <div className="rounded-lg bg-green-50 p-6 text-center">
+        <p className="text-lg font-medium text-green-800">Thank you for reaching out!</p>
+        <p className="mt-2 text-sm text-green-700">We will get back to you shortly.</p>
+      </div>
+    );
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-4">
+      <div>
+        <label htmlFor="name" className="block text-sm font-medium text-gray-700">
+          Name
+        </label>
+        <input
+          type="text"
+          id="name"
+          name="name"
+          required
+          className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"
+        />
+      </div>
+      <div>
+        <label htmlFor="email" className="block text-sm font-medium text-gray-700">
+          Email
+        </label>
+        <input
+          type="email"
+          id="email"
+          name="email"
+          required
+          className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"
+        />
+      </div>
+      <div>
+        <label htmlFor="message" className="block text-sm font-medium text-gray-700">
+          Message
+        </label>
+        <textarea
+          id="message"
+          name="message"
+          rows={4}
+          className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"
+        />
+      </div>
+      <button
+        type="submit"
+        disabled={status === 'submitting'}
+        className="w-full rounded-md bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-500 disabled:opacity-50"
+      >
+        {status === 'submitting' ? 'Sending...' : '${escapeJsx(ctaText)}'}
+      </button>
+      {status === 'error' && (
+        <p className="text-sm text-red-600">Something went wrong. Please try again.</p>
+      )}
+    </form>
+  );
+}
+`;
+}
+/**
+ * Generate .env.example entries for lead capture provider
+ *
+ * @param provider - Lead capture provider type
+ * @returns Environment variable example lines
+ */
+export function generateLeadCaptureEnvExample(provider) {
+    switch (provider) {
+        case 'webhook':
+            return 'LEAD_WEBHOOK_URL=https://your-webhook-endpoint.com/leads\n';
+        case 'resend':
+            return 'RESEND_API_KEY=re_xxxxxxxxxxxx\nRESEND_FROM_EMAIL=onboarding@resend.dev\nLEAD_NOTIFICATION_EMAIL=team@example.com\n';
+        case 'postmark':
+            return 'POSTMARK_API_KEY=xxxxxxxxxxxx\nPOSTMARK_FROM_EMAIL=no-reply@example.com\nLEAD_NOTIFICATION_EMAIL=team@example.com\n';
+        default:
+            return '';
+    }
+}
+//# sourceMappingURL=website-conversion.js.map

package/dist/generators/templates/website-conversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"website-conversion.js","sourceRoot":"","sources":["../../../src/generators/templates/website-conversion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,SAAS,SAAS,CAAC,GAAW;IAC5B,OAAO,GAAG;SACP,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;SACpB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;SACpB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CACtC,WAAuD,SAAS;IAEhE,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO;;;;;;;;CAQV,CAAC;IACA,CAAC;IAED,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDV,CAAC;IACA,CAAC;IAED,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDV,CAAC;IACA,CAAC;IAED,4BAA4B;IAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDR,CAAC;AACF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAAkC;IAElC,MAAM,OAAO,GAAG,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAAI,IAAI,aAAa,CAAC;IAE9E,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA2F4C,SAAS,CAAC,OAAO,CAAC;;;;;;;;CAQtE,CAAC;AACF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,6BAA6B,CAC3C,QAAoD;IAEpD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,4DAA4D,CAAC;QACtE,KAAK,QAAQ;YACX,OAAO,qHAAqH,CAAC;QAC/H,KAAK,UAAU;YACb,OAAO,qHAAqH,CAAC;QAC/H;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC"}

package/dist/generators/templates/website-landing.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Landing page generator with 10 data-driven sections
+ * Each section: strategy data -> fallback -> graceful skip
+ */
+import type { WebsiteContentContext } from '../website-context.js';
+import { type SectionRenderInfo } from './website-sections.js';
+/**
+ * Result of landing page generation with section metadata for tracing
+ */
+export interface LandingPageResult {
+    code: string;
+    sections: SectionRenderInfo[];
+}
+/**
+ * Generate landing page.tsx with 10 data-driven sections
+ * Sections: Hero, PainPoints, Differentiators, Features, HowItWorks,
+ *           Stats, SocialProof, PricingTeaser, FAQ, FinalCTA
+ */
+export declare function generateWebsiteLandingPage(projectName: string, context?: WebsiteContentContext): string;
+/**
+ * Generate landing page with section render info for debug tracing
+ */
+export declare function generateWebsiteLandingPageWithInfo(projectName: string, context?: WebsiteContentContext): LandingPageResult;
+//# sourceMappingURL=website-landing.d.ts.map

package/dist/generators/templates/website-landing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"website-landing.d.ts","sourceRoot":"","sources":["../../../src/generators/templates/website-landing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAYL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAa/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAChD,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,qBAAqB,GAC9B,iBAAiB,CA+QnB"}

package/dist/generators/templates/website-landing.js

@@ -0,0 +1,276 @@
+/**
+ * Landing page generator with 10 data-driven sections
+ * Each section: strategy data -> fallback -> graceful skip
+ */
+import { mapFeatureIcon, generatePainPointsSection, generateDifferentiatorsSection, generateHowItWorksSection, generateStatsSection, generateSocialProofSection, generatePricingTeaserSection, generateFaqSection, buildFaqItemsDeclaration, generateFaqItemComponent, buildFaqSchema, } from './website-sections.js';
+/**
+ * Escape a string for safe use inside JSX template literals
+ */
+function escapeJsx(str) {
+    return str
+        .replace(/\\/g, '\\\\')
+        .replace(/'/g, "\\'")
+        .replace(/`/g, '\\`')
+        .replace(/\$/g, '\\$');
+}
+/**
+ * Generate landing page.tsx with 10 data-driven sections
+ * Sections: Hero, PainPoints, Differentiators, Features, HowItWorks,
+ *           Stats, SocialProof, PricingTeaser, FAQ, FinalCTA
+ */
+export function generateWebsiteLandingPage(projectName, context) {
+    const result = generateWebsiteLandingPageWithInfo(projectName, context);
+    return result.code;
+}
+/**
+ * Generate landing page with section render info for debug tracing
+ */
+export function generateWebsiteLandingPageWithInfo(projectName, context) {
+    const title = projectName
+        .split('-')
+        .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(' ');
+    const strategy = context?.strategy;
+    const displayName = context?.productName || title;
+    const sections = [];
+    // --- Hero data ---
+    const headline = strategy?.messaging.headline || displayName;
+    const subheadline = strategy?.messaging.subheadline || '';
+    const eyebrow = strategy?.positioning.category || '';
+    const heroText = strategy?.messaging.longDescription
+        ? escapeJsx(strategy.messaging.longDescription)
+        : context?.description
+            ? escapeJsx(context.description)
+            : null;
+    const primaryCtaText = strategy?.conversionStrategy.primaryCta.text || 'Get started';
+    const primaryCtaHref = strategy?.conversionStrategy.primaryCta.href || '/pricing';
+    const secondaryCtaText = strategy?.conversionStrategy.secondaryCta.text || 'Learn more';
+    const secondaryCtaHref = strategy?.conversionStrategy.secondaryCta.href || '/docs';
+    sections.push({
+        name: 'Hero',
+        dataSource: strategy?.messaging ? 'strategy' : heroText ? 'docs' : 'defaults',
+        itemCount: 1,
+    });
+    // --- Features data ---
+    const features = context?.features && context.features.length > 0
+        ? context.features.slice(0, 6)
+        : null;
+    const featuresHeading = strategy?.positioning.valueProposition || 'Everything you need';
+    const featuresSubtitle = context?.description
+        ? escapeJsx(context.description).slice(0, 120)
+        : '';
+    sections.push({
+        name: 'Features',
+        dataSource: features ? 'docs' : 'defaults',
+        itemCount: features?.length || 0,
+    });
+    // --- Build features block ---
+    const featuresBlock = features
+        ? features.map((f) => {
+            const icon = mapFeatureIcon(f.title);
+            return `                {
+                  title: '${escapeJsx(f.title)}',
+                  description: '${escapeJsx(f.description)}',
+                  icon: '${icon}',
+                }`;
+        }).join(',\n')
+        : '';
+    // --- Trust signals ---
+    const trustSignals = strategy?.conversionStrategy.trustSignals || [];
+    // --- Generate conditional sections ---
+    const painPoints = generatePainPointsSection(strategy);
+    sections.push(painPoints.info);
+    const differentiators = generateDifferentiatorsSection(strategy);
+    sections.push(differentiators.info);
+    const howItWorks = generateHowItWorksSection(strategy);
+    sections.push(howItWorks.info);
+    const stats = generateStatsSection(strategy);
+    sections.push(stats.info);
+    const socialProof = generateSocialProofSection(strategy);
+    sections.push(socialProof.info);
+    const pricingTeaser = generatePricingTeaserSection(context);
+    sections.push(pricingTeaser.info);
+    const faq = generateFaqSection(strategy);
+    sections.push(faq.info);
+    // Final CTA section
+    sections.push({
+        name: 'FinalCTA',
+        dataSource: strategy?.messaging ? 'strategy' : 'defaults',
+        itemCount: 1,
+    });
+    // Determine which lucide icons are needed
+    const iconSet = new Set();
+    if (features) {
+        features.forEach((f) => iconSet.add(mapFeatureIcon(f.title)));
+    }
+    // Pain points icons
+    if (painPoints.jsx) {
+        iconSet.add('AlertTriangle');
+        iconSet.add('XCircle');
+        iconSet.add('AlertOctagon');
+    }
+    // Differentiators
+    if (differentiators.jsx) {
+        iconSet.add('CheckCircle');
+    }
+    // Stats
+    if (stats.jsx) {
+        iconSet.add('CheckCircle');
+    }
+    // FAQ
+    if (faq.jsx) {
+        iconSet.add('ChevronDown');
+    }
+    // Always useful
+    iconSet.add('ArrowRight');
+    const iconImports = Array.from(iconSet).sort().join(', ');
+    // SEO metadata
+    const metaTitle = strategy?.seoStrategy.titleTemplates?.home || 'Welcome';
+    const metaDesc = strategy?.seoStrategy.metaDescriptions?.home || `Welcome to ${displayName}`;
+    // FAQ data declarations
+    const faqItemsDecl = buildFaqItemsDeclaration(strategy);
+    const faqItemComponent = faq.needsClientDirective ? generateFaqItemComponent() : '';
+    const faqSchemaDecl = buildFaqSchema(strategy);
+    // Build icon mapping for features
+    const iconComponentMap = features
+        ? `const ICON_MAP: Record<string, React.ElementType> = {\n${Array.from(new Set(features.map(f => mapFeatureIcon(f.title)))).map(icon => `  ${icon},`).join('\n')}\n};\n`
+        : '';
+    const code = `${faq.needsClientDirective ? "'use client';\n\nimport { useState } from 'react';\n" : ''}import type { Metadata } from 'next';
+import Link from 'next/link';
+import { ${iconImports} } from 'lucide-react';
+import Header from '@/components/Header';
+import Footer from '@/components/Footer';
+import JsonLd from '@/components/JsonLd';
+
+export const metadata: Metadata = {
+  title: '${escapeJsx(metaTitle)}',
+  description: '${escapeJsx(metaDesc)}',
+};
+
+const ORG_SCHEMA = {
+  '@context': 'https://schema.org',
+  '@type': 'Organization',
+  name: '${escapeJsx(displayName)}',
+  url: process.env.NEXT_PUBLIC_SITE_URL || 'https://${projectName}.com',
+};
+
+const PRODUCT_SCHEMA = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: '${escapeJsx(displayName)}',
+  applicationCategory: 'BusinessApplication',
+  operatingSystem: 'Web',
+};
+
+${faqSchemaDecl ? faqSchemaDecl + '\n' : ''}${faqItemsDecl ? '\n' + faqItemsDecl : ''}${iconComponentMap ? '\n' + iconComponentMap : ''}${features ? `\nconst features = [\n${featuresBlock}\n];\n` : ''}
+${faqItemComponent ? '\n' + faqItemComponent + '\n' : ''}
+export default function HomePage() {
+  return (
+    <>
+      <Header />
+      <JsonLd schema={ORG_SCHEMA} />
+      <JsonLd schema={PRODUCT_SCHEMA} />
+${faqSchemaDecl ? '      <JsonLd schema={FAQ_SCHEMA} />\n' : ''}      <main className="flex min-h-screen flex-col">
+        {/* Hero Section */}
+        <section className="relative overflow-hidden bg-gradient-to-br from-primary-50 via-white to-primary-50/30 py-24 sm:py-36">
+          <div className="container">
+            <div className="mx-auto max-w-3xl text-center">
+${eyebrow ? `              <p className="mb-4 inline-block rounded-full bg-primary-100 px-4 py-1.5 text-sm font-medium text-primary-700">\n                ${escapeJsx(eyebrow)}\n              </p>\n` : ''}              <h1 className="text-4xl font-bold tracking-tight text-foreground sm:text-6xl lg:text-7xl">
+                ${escapeJsx(headline)}
+              </h1>
+${subheadline ? `              <p className="mt-4 text-xl font-medium text-primary-600">\n                ${escapeJsx(subheadline)}\n              </p>` : ''}
+              <p className="mt-6 text-lg leading-8 text-muted-foreground">
+                ${heroText || ''}
+              </p>
+              <div className="mt-10 flex items-center justify-center gap-x-4">
+                <Link
+                  href="${escapeJsx(primaryCtaHref)}"
+                  className="rounded-lg bg-primary-600 px-6 py-3 text-sm font-semibold text-white shadow-lg shadow-primary-600/25 hover:bg-primary-500 transition-all hover:shadow-primary-600/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600"
+                >
+                  ${escapeJsx(primaryCtaText)}
+                </Link>
+                <Link
+                  href="${escapeJsx(secondaryCtaHref)}"
+                  className="group flex items-center gap-1 text-sm font-semibold text-foreground hover:text-primary-600 transition-colors"
+                >
+                  ${escapeJsx(secondaryCtaText)}
+                  <ArrowRight className="h-4 w-4 transition-transform group-hover:translate-x-0.5" />
+                </Link>
+              </div>
+${trustSignals.length > 0 ? `              <div className="mt-10 flex flex-wrap items-center justify-center gap-x-8 gap-y-2">
+${trustSignals.map(s => `                <p className="text-sm font-medium text-muted-foreground">${escapeJsx(s)}</p>`).join('\n')}
+              </div>` : ''}
+            </div>
+          </div>
+        </section>
+${painPoints.jsx}${differentiators.jsx}
+        {/* Features Section */}
+${features ? `        <section id="features" className="py-20 sm:py-28">
+          <div className="container">
+            <div className="mx-auto max-w-2xl text-center">
+              <h2 className="text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
+                ${escapeJsx(featuresHeading)}
+              </h2>
+${featuresSubtitle ? `              <p className="mt-4 text-lg text-muted-foreground">\n                ${featuresSubtitle}\n              </p>` : ''}
+            </div>
+            <div className="mx-auto mt-16 max-w-5xl">
+              <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
+                {features.map((feature) => {
+                  const Icon = ICON_MAP[feature.icon] || Star;
+                  return (
+                    <div
+                      key={feature.title}
+                      className="group rounded-2xl border border-border bg-card p-8 transition-all hover:shadow-lg hover:-translate-y-1"
+                    >
+                      <div className="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-primary-100">
+                        <Icon className="h-5 w-5 text-primary-600" />
+                      </div>
+                      <h3 className="text-lg font-semibold text-foreground">
+                        {feature.title}
+                      </h3>
+                      <p className="mt-2 text-muted-foreground">{feature.description}</p>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          </div>
+        </section>` : ''}
+${howItWorks.jsx}${stats.jsx}${socialProof.jsx}${pricingTeaser.jsx}${faq.jsx}
+        {/* Final CTA Section */}
+        <section className="bg-gradient-to-br from-primary-600 to-primary-700 py-20 sm:py-28">
+          <div className="container text-center">
+            <h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">
+              ${strategy?.messaging.elevatorPitch ? escapeJsx(strategy.messaging.elevatorPitch) : 'Ready to get started?'}
+            </h2>
+            <p className="mt-4 text-lg text-primary-100">
+              ${strategy?.messaging.subheadline ? escapeJsx(strategy.messaging.subheadline) : 'Start building today.'}
+            </p>
+            <div className="mt-8 flex items-center justify-center gap-x-4">
+              <Link
+                href="${escapeJsx(primaryCtaHref)}"
+                className="rounded-lg bg-white px-6 py-3 text-sm font-semibold text-primary-600 shadow-lg hover:bg-primary-50 transition-colors"
+              >
+                ${escapeJsx(primaryCtaText)}
+              </Link>
+              <Link
+                href="${escapeJsx(secondaryCtaHref)}"
+                className="rounded-lg border border-primary-300 px-6 py-3 text-sm font-semibold text-white hover:bg-primary-500 transition-colors"
+              >
+                ${escapeJsx(secondaryCtaText)}
+              </Link>
+            </div>
+${trustSignals.length > 0 ? `            <div className="mt-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-2">
+${trustSignals.map(s => `              <p className="text-sm text-primary-200">${escapeJsx(s)}</p>`).join('\n')}
+            </div>` : ''}
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  );
+}
+`;
+    return { code, sections };
+}
+//# sourceMappingURL=website-landing.js.map

package/dist/generators/templates/website-landing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"website-landing.js","sourceRoot":"","sources":["../../../src/generators/templates/website-landing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,cAAc,EACd,yBAAyB,EACzB,8BAA8B,EAC9B,yBAAyB,EACzB,oBAAoB,EACpB,0BAA0B,EAC1B,4BAA4B,EAC5B,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,cAAc,GAEf,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,SAAS,SAAS,CAAC,GAAW;IAC5B,OAAO,GAAG;SACP,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;SACpB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;SACpB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3B,CAAC;AAUD;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CACxC,WAAmB,EACnB,OAA+B;IAE/B,MAAM,MAAM,GAAG,kCAAkC,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACxE,OAAO,MAAM,CAAC,IAAI,CAAC;AACrB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kCAAkC,CAChD,WAAmB,EACnB,OAA+B;IAE/B,MAAM,KAAK,GAAG,WAAW;SACtB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAClD,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;IACnC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,KAAK,CAAC;IAClD,MAAM,QAAQ,GAAwB,EAAE,CAAC;IAEzC,oBAAoB;IACpB,MAAM,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,QAAQ,IAAI,WAAW,CAAC;IAC7D,MAAM,WAAW,GAAG,QAAQ,EAAE,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC;IAC1D,MAAM,OAAO,GAAG,QAAQ,EAAE,WAAW,CAAC,QAAQ,IAAI,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,QAAQ,EAAE,SAAS,CAAC,eAAe;QAClD,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;QAC/C,CAAC,CAAC,OAAO,EAAE,WAAW;YACtB,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;YAChC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,cAAc,GAAG,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAAI,IAAI,aAAa,CAAC;IACrF,MAAM,cAAc,GAAG,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC;IAClF,MAAM,gBAAgB,GAAG,QAAQ,EAAE,kBAAkB,CAAC,YAAY,CAAC,IAAI,IAAI,YAAY,CAAC;IACxF,MAAM,gBAAgB,GAAG,QAAQ,EAAE,kBAAkB,CAAC,YAAY,CAAC,IAAI,IAAI,OAAO,CAAC;IAEnF,QAAQ,CAAC,IAAI,CAAC;QACZ,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;QAC7E,SAAS,EAAE,CAAC;KACb,CAAC,CAAC;IAEH,wBAAwB;IACxB,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;QAC/D,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,eAAe,GAAG,QAAQ,EAAE,WAAW,CAAC,gBAAgB,IAAI,qBAAqB,CAAC;IACxF,MAAM,gBAAgB,GAAG,OAAO,EAAE,WAAW;QAC3C,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;QAC9C,CAAC,CAAC,EAAE,CAAC;IAEP,QAAQ,CAAC,IAAI,CAAC;QACZ,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;QAC1C,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;KACjC,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACrC,OAAO;4BACa,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;kCACZ,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;2BAC/B,IAAI;kBACb,CAAC;QACb,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAChB,CAAC,CAAC,EAAE,CAAC;IAEP,wBAAwB;IACxB,MAAM,YAAY,GAAG,QAAQ,EAAE,kBAAkB,CAAC,YAAY,IAAI,EAAE,CAAC;IAErE,wCAAwC;IACxC,MAAM,UAAU,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IACvD,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,8BAA8B,CAAC,QAAQ,CAAC,CAAC;IACjE,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IACvD,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE1B,MAAM,WAAW,GAAG,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IACzD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,4BAA4B,CAAC,OAAO,CAAC,CAAC;IAC5D,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAExB,oBAAoB;IACpB,QAAQ,CAAC,IAAI,CAAC;QACZ,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QACzD,SAAS,EAAE,CAAC;KACb,CAAC,CAAC;IAEH,0CAA0C;IAC1C,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,oBAAoB;IACpB,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC7B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC;IACD,kBAAkB;IAClB,IAAI,eAAe,CAAC,GAAG,EAAE,CAAC;QACxB,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;IACR,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC;IACD,MAAM;IACN,IAAI,GAAG,CAAC,GAAG,EAAE,CAAC;QACZ,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC;IACD,gBAAgB;IAChB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE1B,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE1D,eAAe;IACf,MAAM,SAAS,GAAG,QAAQ,EAAE,WAAW,CAAC,cAAc,EAAE,IAAI,IAAI,SAAS,CAAC;IAC1E,MAAM,QAAQ,GAAG,QAAQ,EAAE,WAAW,CAAC,gBAAgB,EAAE,IAAI,IAAI,cAAc,WAAW,EAAE,CAAC;IAE7F,wBAAwB;IACxB,MAAM,YAAY,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE/C,kCAAkC;IAClC,MAAM,gBAAgB,GAAG,QAAQ;QAC/B,CAAC,CAAC,0DAA0D,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ;QACxK,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,EAAE;;WAE7F,WAAW;;;;;;YAMV,SAAS,CAAC,SAAS,CAAC;kBACd,SAAS,CAAC,QAAQ,CAAC;;;;;;WAM1B,SAAS,CAAC,WAAW,CAAC;sDACqB,WAAW;;;;;;WAMtD,SAAS,CAAC,WAAW,CAAC;;;;;EAK/B,aAAa,CAAC,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,yBAAyB,aAAa,QAAQ,CAAC,CAAC,CAAC,EAAE;EACtM,gBAAgB,CAAC,CAAC,CAAC,IAAI,GAAG,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;;EAOtD,aAAa,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAAE;;;;;EAK7D,OAAO,CAAC,CAAC,CAAC,iJAAiJ,SAAS,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;kBAC1L,SAAS,CAAC,QAAQ,CAAC;;EAEnC,WAAW,CAAC,CAAC,CAAC,4FAA4F,SAAS,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;;kBAE3I,QAAQ,IAAI,EAAE;;;;0BAIN,SAAS,CAAC,cAAc,CAAC;;;oBAG/B,SAAS,CAAC,cAAc,CAAC;;;0BAGnB,SAAS,CAAC,gBAAgB,CAAC;;;oBAGjC,SAAS,CAAC,gBAAgB,CAAC;;;;EAI7C,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;EAC1B,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,4EAA4E,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;qBAC7G,CAAC,CAAC,CAAC,EAAE;;;;EAIxB,UAAU,CAAC,GAAG,GAAG,eAAe,CAAC,GAAG;;EAEpC,QAAQ,CAAC,CAAC,CAAC;;;;kBAIK,SAAS,CAAC,eAAe,CAAC;;EAE1C,gBAAgB,CAAC,CAAC,CAAC,qFAAqF,gBAAgB,sBAAsB,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;mBAwBlI,CAAC,CAAC,CAAC,EAAE;EACtB,UAAU,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG;;;;;gBAK5D,QAAQ,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,uBAAuB;;;gBAGzG,QAAQ,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,uBAAuB;;;;wBAI7F,SAAS,CAAC,cAAc,CAAC;;;kBAG/B,SAAS,CAAC,cAAc,CAAC;;;wBAGnB,SAAS,CAAC,gBAAgB,CAAC;;;kBAGjC,SAAS,CAAC,gBAAgB,CAAC;;;EAG3C,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;EAC1B,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,yDAAyD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;mBAC5F,CAAC,CAAC,CAAC,EAAE;;;;;;;;CAQvB,CAAC;IAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAC5B,CAAC"}