Merge remote-tracking branch 'origin/master' into latex-landing-page-20251003

Author: haraldschilly

src/packages/next/components/landing/collaboration.tsx

@@ -10,38 +10,49 @@ import Info from "./info";
 
 interface Props {
   image: StaticImageData;
+  alt?: string;
+  children?: React.ReactNode;
 }
 
 export default function Collaboration(props: Props) {
-  const { image } = props;
+  const {
+    image,
+    alt = "Editing a document in two browser windows",
+    children,
+  } = props;
   return (
     <Info
       anchor="a-realtimesync"
       icon="users"
       title="Collaborative editing without limits"
       image={image}
-      alt="Editing a document in two browser windows"
+      alt={alt}
     >
-      <Paragraph>
-        Privately share your project with{" "}
-        <A href="https://doc.cocalc.com/project-settings.html#about-collaborators">
-          <strong>an unlimited number of collaborators</strong>
-        </A>
-        . Simultaneous modifications of your document are{" "}
-        <strong>synchronized in real time</strong>. You see the cursors of
-        others while they edit the document and also see the presence of
-        watching collaborators.
-      </Paragraph>
+      {children ?? (
+        <>
+          <Paragraph>
+            Privately share your project with{" "}
+            <A href="https://doc.cocalc.com/project-settings.html#about-collaborators">
+              <strong>an unlimited number of collaborators</strong>
+            </A>
+            . Simultaneous modifications of your document are{" "}
+            <strong>synchronized in real time</strong>. You see the cursors of
+            others while they edit the document and also see the presence of
+            watching collaborators.
+          </Paragraph>
 
-      <Paragraph>
-        Additionally, any compilation status and output is synchronized between
-        everyone, because everything runs online and is fully managed by CoCalc.
-      </Paragraph>
+          <Paragraph>
+            Additionally, any compilation status and output is synchronized
+            between everyone, because everything runs online and is fully
+            managed by CoCalc.
+          </Paragraph>
 
-      <Paragraph>
-        This ensures that everyone involved experiences editing the document in
-        exactly the same way.
-      </Paragraph>
+          <Paragraph>
+            This ensures that everyone involved experiences editing the document
+            in exactly the same way.
+          </Paragraph>
+        </>
+      )}
     </Info>
   );
 }

src/packages/next/components/landing/compare.json

@@ -312,6 +312,21 @@
         "authorea": true,
         "papeeria": false
       },
+      {
+        "feature": "AI Formula Assistant",
+        "cocalc": {
+          "type": true,
+          "note": "Generate LaTeX formulas from natural language descriptions using AI",
+          "link": "https://cocalc.com/features/latex-editor#a-ai-formula"
+        },
+        "overleaf": {
+          "type": true,
+          "note": "AI Assist add-on generates equations from prompts or images (paid feature with limited free uses)",
+          "link": "https://www.overleaf.com/learn/how-to/AI_Assist"
+        },
+        "authorea": false,
+        "papeeria": false
+      },
       {
         "feature": "Bibliography",
         "cocalc": {

src/packages/next/components/landing/info.tsx

@@ -310,10 +310,20 @@ interface HeadingProps {
   style?: CSSProperties;
   textStyle?: CSSProperties;
   level?: TitleProps["level"];
+  anchor?: string;
+  icon?: IconName | JSX.Element;
 }
 
 Info.Heading = (props: HeadingProps) => {
-  const { level = 1, children, description, style, textStyle } = props;
+  const {
+    level = 1,
+    children,
+    description,
+    style,
+    textStyle,
+    anchor,
+    icon,
+  } = props;
   return (
     <div
       style={{
@@ -327,13 +337,19 @@ Info.Heading = (props: HeadingProps) => {
     >
       <Title
         level={level}
+        id={anchor}
         style={{
           color: COLORS.GRAY_D,
           maxWidth: MAX_WIDTH_LANDING,
-          margin: "0 auto",
+          margin: "0 auto 20px auto",
           ...textStyle,
         }}
       >
+        {icon != null && (
+          <span style={{ fontSize: "24pt", marginRight: "5px" }}>
+            {typeof icon === "string" ? <Icon name={icon} /> : icon}{" "}
+          </span>
+        )}
         {children}
       </Title>
       {description && (

src/packages/next/pages/features/index.tsx

@@ -22,7 +22,7 @@ import apiScreenshot from "/public/features/api-screenshot.png";
 import ChatGptInChatroom from "/public/features/chatgpt-fix-code.png";
 import teachingScreenshot from "/public/features/cocalc-course-assignments-2019.png";
 import JupyterTF from "/public/features/cocalc-jupyter2-20170508.png";
-import LatexEditorImage from "/public/features/cocalc-latex-editor-2019.png";
+import LatexEditorImage from "public/features/latex-editor-main-20251003.png";
 import octaveJupyter from "/public/features/cocalc-octave-jupyter-20200511.png";
 import RJupyter from "/public/features/cocalc-r-jupyter.png";
 import linuxShellScript from "/public/features/cocalc-shell-script-run.png";