[ADD] AI: Webpage generator

Author: jero-odoo

content/applications/productivity/ai.rst

@@ -5,3 +5,4 @@ AI
 .. toctree::
 
    ai/agents
+   ai/webpage

content/applications/productivity/ai/webpage.rst

@@ -0,0 +1,54 @@
+====================
+AI webpage generator
+====================
+
+.. |AI| replace:: :abbr:`AI (Artificial Intelligence)`
+
+Within Odoo's **Website** application, |AI| can be utilized to generate original webpages. By
+providing Odoo with a prompt, the |AI| agent generates a design and content that suits the
+business's needs, style, and tone.
+
+.. note::
+   The **AI** application does **not** need to be installed on the database to use the webpage
+   generator, only the **Website** app.
+
+Generating a new webpage
+========================
+
+First, navigate to the :menuselection:`Website app`. In the top-right of the page, click
+:guilabel:`New`, then click :guilabel:`Page`.
+
+.. image:: webpage/new-page.png
+   :alt: Adding a new page to a website in Odoo.
+
+On the :guilabel:`New Page` pop-up, select the desired page type.
+
+.. note::
+   The |AI| webpage generator is not available on the *Blank* page type.
+
+Clicking on a page type opens a :guilabel:`New Page` pop-up. Enter a :guilabel:`Page Title`, then
+slide the :guilabel:`AI Generate Text` toggle to active to reveal the :guilabel:`Instructions`
+field. Here, enter a short description of the page being created. This should include a few
+important keywords that help define the focus and scope of the page.
+
+Next, select one of the tone options for the page:
+
+ - :guilabel:`Concise`
+ - :guilabel:`Professional`
+ - :guilabel:`Friendly`
+ - :guilabel:`Persuasive`
+ - :guilabel:`Informative`
+
+.. image:: webpage/generate-page.png
+   :alt: The new page pop-up with the Generate AI text options visible.
+
+When finished, click :guilabel:`Create with AI`. It may take a few moments for the webpage to load.
+Content created by the |AI| generator can be edited. Click :guilabel:`Edit` on the toolbar on the
+right side of the page, then click on a block of text to make changes. Click :guilabel:`Save` when
+finished.
+
+.. tip::
+   The webpage generator may have created buttons. Before publishing the webpage, be sure to check
+   that any buttons are linked to an active webpage.
+
+After reviewing the page, slide the :guilabel:`Unpublished` toggle to active to publish the page.