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

Author: haraldschilly

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

@@ -20,26 +20,21 @@ export default function Collaboration(props: Props) {
       icon="users"
       title="Collaborative editing without limits"
       image={image}
-      alt="Editing a document in two browser windows"
+      alt="Two users editing the same LaTeX file simultaneously with visible cursors showing real-time collaboration"
     >
       <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.
+        Multiple users can <strong>edit the same file online</strong> at the
+        same time. Changes are <strong>synchronized in real-time</strong> – you
+        see the cursors and edits of other collaborators as they type.
       </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
+        Share your project privately with{" "}
+        <A href="https://doc.cocalc.com/project-settings.html#about-collaborators">
+          <strong>an unlimited number of collaborators</strong>
+        </A>
+        . Compilation status and PDF output are also synchronized between
+        everyone, ensuring that all collaborators experience 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";