Skip to content

Commit 3d25cd2

Browse files
PabloFilomeno83PabloFilomeno83
authored
Merge pull request #5003 from FlowFuse/yndira/homepage/removing-ff-expert
Move FF editor from homepage to /ai page
2 parents db2cd9a + dcc8680 commit 3d25cd2

2 files changed

Lines changed: 34 additions & 46 deletions

File tree

‎src/ai.njk‎

Lines changed: 17 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ meta:
66
title: "FlowFuse Expert: LLMs for Industrial Teams"
77
description: "Turn natural language into reliable industrial applications with FlowFuse Expert, or LLM-powered copilot, deeply integrated into FlowFuse and Node-RED, designed for the constraints, protocols, and governance your plants require."
88
hero:
9-
title: "<span class='text-indigo-200'>FlowFuse Expert:</span> LLMs for Industrial Teams"
9+
title: "<span class='text-indigo-800'>FlowFuse Expert:</span> LLMs for Industrial Teams"
1010
description:
1111
- "Turn natural language into reliable industrial applications with with FlowFuse Expert, our LLM-powered copilot, deeply integrated into FlowFuse and Node-RED. Built on Model Context Protocol (MCP), it connects AI directly to your machines, databases, and brokers—so it understands your constraints, protocols, and governance, not generic templates."
1212
- "Scale Your Industrial Applications with AI."
@@ -47,47 +47,26 @@ ctaSection:
4747
---
4848
<!--Hero Content-->
4949
<div class="w-full px-6">
50-
<div class="md:max-w-screen-lg m-auto rounded-lg mt-20 overflow-hidden relative bg-gradient-to-br from-indigo-700 to-indigo-900">
50+
<div class="sm:max-w-screen-lg mt-6 sm:mt-12 mx-auto">
51+
<div class="container m-auto text-left max-w-screen-lg">
52+
<div class="mx-auto">
53+
<h1 class="font-medium home m-auto text-center text-indigo-600 mt-24 mb-16 max-w-2xl">
54+
{{ hero.title | safe }}
55+
</h1>
56+
{% for p in hero.description %}
57+
<p class="text-center max-w-4xl mx-auto">{{ p | safe }}</p>
58+
{% endfor %}
59+
<div class="mt-20">
60+
<!-- AI Chat Interface -->
61+
{% include "components/ai-chat-interface.njk" %}
5162

52-
<div class="absolute flex ff-image-cover left left-0 md:hidden top-0 h-full">
53-
{% image hero.img, hero.imgAlt, [2100] %}
54-
</div>
55-
<div class="absolute flex ff-image-cover right right-0 max-md:hidden top-0 h-full">
56-
{% image hero.img, hero.imgAlt, [2100] %}
57-
</div>
58-
<div class="relative p-8 md:max-w-[55%] max-md:text-center">
59-
<h1 class="text-white mb-8">{{ hero.title | safe }}</h1>
60-
{% for p in hero.description %}
61-
<p class="text-white">{{ p | safe }}</p>
62-
{% endfor %}
63-
<div class="mt-10 gap-4 hidden md:flex md:flex-row md:inline md:items-start md:justify-start">
64-
{% macro freeDemoButton(desktop=true, highlight=true) %}
65-
<a class="ff-btn {% if highlight %}ff-btn--highlight{% else %}ff-btn--primary{% endif %} text-base flex inline uppercase {% if desktop %}min-h-[40px]{% else %}w-full m-auto mt-6{% endif %}"
66-
href="{{ hero.buttonLink }}"
67-
onclick="capture('cta-demo', {'reference': '{{ hero.buttonReference }}'})">
68-
{{ hero.buttonText }}
69-
</a>
70-
{% endmacro %}
71-
{{freeDemoButton() }}
72-
{% macro tryItOutButton(desktop=true) %}
73-
<a class="ff-btn uppercase text-base {% if desktop %}inline{% else %}flex flex-col w-full m-auto sm:mt-6{% endif %}"
74-
href="{% include "sign-up-url.njk" %}"
75-
onclick="capture('cta-try-now', {'reference': '{{ hero.buttonReference }}'})">
76-
<span class="flex gap-2 uppercase items-center text-white hover:text-indigo-200">
77-
Start Free Trial
78-
{% include "components/icons/arrow-right.svg" %}
79-
</span>
80-
</a>
81-
{% endmacro %}
82-
{{ tryItOutButton() }}
83-
</div>
84-
<div class="flex flex-col sm:flex-row md:hidden gap-3">
85-
{{ freeDemoButton(false, true) }}
86-
{{ tryItOutButton(false) }}
63+
<!-- AI Expert Modal -->
64+
{% include "components/ai-expert-modal.njk" %}
65+
</div>
66+
</div>
8767
</div>
8868
</div>
8969
</div>
90-
</div>
9170
<!--Platform-->
9271
<div class="w-full py-12 max-md:pb-20 mt-6 px-6">
9372
<div class="md:flex md:my-12 items-center md:flex-row md:justify-between container mx-auto max-md:text-center md:max-w-screen-lg gap-8 items-stretch">

‎src/index.njk‎

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -57,18 +57,27 @@ hubspot:
5757
<div class="sm:max-w-screen-lg mt-6 sm:mt-12 mx-auto">
5858
<div class="container m-auto text-left max-w-screen-lg">
5959
<div class="mx-auto">
60-
<h1 class="font-medium home m-auto text-3xl sm:text-4xl md:text-5xl text-center text-indigo-700 mb-6 max-w-2xl">
60+
<h1 class="font-medium m-auto text-6xl sm:text-7xl text-center text-indigo-700 mt-28 max-w-4xl">
6161
{{ site.messaging.tagLine | safe }}
6262
</h1>
63-
<p class="mt-6 sm:mt-10 text-center text-gray-600 md:text-xl max-w-4xl m-auto">
63+
<p class="mt-20 text-center text-gray-600 md:text-xl m-auto max-w-4xl">
6464
{{ site.messaging.subtitle | replace("-", "&#8209;") | safe }}
6565
</p>
66-
<div class="mt-20">
67-
<!-- AI Chat Interface -->
68-
{% include "components/ai-chat-interface.njk" %}
69-
70-
<!-- AI Expert Modal -->
71-
{% include "components/ai-expert-modal.njk" %}
66+
<div class="flex flex-col my-20">
67+
<div class="m-auto flex gap-4 items-center justify-center flex-row">
68+
<a class="ff-btn ff-btn--highlight flex flex-col mb-6" href="/book-demo/" onclick="capture('cta-book-demo', {'position': 'hero'})">
69+
<span class="text-base uppercase items-center">
70+
BOOK A DEMO
71+
</span>
72+
</a>
73+
<a class="ff-btn flex flex-col mb-6" href="{% include 'sign-up-url.njk' %}"
74+
onclick="capture('cta-try-it-now', {'position': 'hero'})">
75+
<span class="text-base uppercase items-center text-base flex gap-2 uppercase items-center text-indigo-600 hover:text-indigo-800">
76+
TRY IT OUT
77+
{% include "components/icons/arrow-right.svg" %}
78+
</span>
79+
</a>
80+
</div>
7281
</div>
7382
</div>
7483
</div>

0 commit comments

Comments
 (0)