Pages (placeholders you can replace later)

src/pages/business-assets/templates/DocumentCovers.tsx

import React from "react";

export default function DocumentCovers() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Document Covers</h1>
      <p className="mt-2 text-slate-300">
        Generate branded PowerPoint/Doc covers. (Next: inputs for brand kit, title, subtitle, background, export PPTX/PNG)
      </p>
    </div>
  );
}


src/pages/business-assets/templates/SlideshowTemplates.tsx

import React from "react";

export default function SlideshowTemplates() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Slideshow Templates</h1>
      <p className="mt-2 text-slate-300">
        Create full slide decks with branded layouts. (Next: theme picker, slide types, export .pptx)
      </p>
    </div>
  );
}


src/pages/business-assets/templates/BusinessPlanTemplate.tsx

import React from "react";

export default function BusinessPlanTemplate() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Business Plan Template</h1>
      <p className="mt-2 text-slate-300">
        Guided business plan template generator. (Next: sections, AI fill, export DOCX/PDF/PPTX)
      </p>
    </div>
  );
}


src/pages/business-assets/templates/LogoTemplates.tsx

import React from "react";

export default function LogoTemplates() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Logo Templates</h1>
      <p className="mt-2 text-slate-300">
        Quick-start logo frames matching brand kit. (Next: text/icon mode, export SVG/PNG)
      </p>
    </div>
  );
}


src/pages/business-assets/stock/Icons.tsx

import React from "react";

export default function IconsPage() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Icons</h1>
      <p className="mt-2 text-slate-300">
        Search/import icons and export SVG/PNG. (Next: Noun Project/FontAwesome integration + AI-gen)
      </p>
    </div>
  );
}


src/pages/business-assets/stock/Mockups.tsx

import React from "react";

export default function MockupsPage() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Mockups</h1>
      <p className="mt-2 text-slate-300">
        Device/packaging/scene mockups. (Next: PSD-like layers or pre-styled exports)
      </p>
    </div>
  );
}


src/pages/business-assets/stock/StockPhotos.tsx

import React from "react";

export default function StockPhotosPage() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold">Stock Photos</h1>
      <p className="mt-2 text-slate-300">
        Curate or generate stock photos. (Next: Pexels/Unsplash APIs + AI generate)
      </p>
    </div>
  );
}