Add blurb

Author: benitav

integration-guides/flutterflow-+-powersync.mdx

@@ -9,11 +9,18 @@ import SupabaseConnection from '/snippets/supabase-database-connection.mdx';
 
 Used in conjunction with **FlutterFlow**, PowerSync enables developers to build local-first apps that are robust in poor network conditions and that have highly responsive frontends while relying on Supabase for their backend. This guide walks you through configuring PowerSync within your FlutterFlow project that has Supabase integration enabled.
 
+<Tip>
+**New and Improved integration**: Welcome to our updated FlutterFlow integration guide. This version introduces a dedicated PowerSync FlutterFlow library, offering a more streamlined and robust solution compared to the [previous version](/integration-guides/flutterflow-+-powersync/powersync-+-flutterflow-legacy) which required extensive custom code implementation.
+</Tip>
+
 ## Guide Overview
 
-<Check>
-    This guide assumes you have active accounts with both Supabase and PowerSync. If you haven't signed up for a **PowerSync** account yet, [click here](https://accounts.journeyapps.com/portal/powersync-signup?s=docs) (and if you haven't signed up for Supabase yet, [click here](https://supabase.com/dashboard/sign-up)). You'll also need Flutter installed on your development machine.
-</Check>
+<Note>
+    Before starting this guide, you'll need:
+    - A PowerSync account ([sign up here](https://accounts.journeyapps.com/portal/powersync-signup?s=docs)).
+    - A Supabase account ([sign up here](https://supabase.com/dashboard/sign-up)).
+    - Flutter installed on your development machine.
+</Note>
 
 This guide walks you through building a basic item management app from scratch and takes about 30-40 minutes to complete. You should then be able to use this knowledge to build and extend your own app.
 

integration-guides/flutterflow-+-powersync/powersync-+-flutterflow-legacy.mdx

@@ -8,19 +8,13 @@ import CreateCloudInstance from '/snippets/create-cloud-instance.mdx';
 import SupabaseConnection from '/snippets/supabase-database-connection.mdx';
 
 <Warning>
-This is our legacy FlutterFlow integration guide using custom actions. We recommend using the [new guide](/integration-guides/flutterflow-+-powersync) which utilizes the PowerSync FlutterFlow library.
+This guide demonstrates our previous FlutterFlow integration approach that uses custom actions. For a simpler and more robust solution, we recommend following our [updated guide](/integration-guides/flutterflow-+-powersync) which leverages the official PowerSync FlutterFlow library.
 </Warning>
 
 <Frame caption="Video walkthrough of the integration guide.">
    <iframe width="1005" height="420" src="https://www.youtube.com/embed/eUcBCyPfVok?si=WFPfEp-86Dr_3qh_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 </Frame>
 
-<Info>
-This is our new and improved guide that only requires using Custom Actions to integrate with PowerSync. Using GitHub is not required.
-
-The guide takes you through building a basic app from scratch. The app lets you manage a list of items. You should then be able to use this knowledge to build/extend your own app.
-</Info>
-
 Used in conjunction with **FlutterFlow**, PowerSync enables developers to build local-first apps that are robust in poor network conditions and that have highly responsive frontends while relying on Supabase for their backend. This guide provides instructions for how to configure PowerSync for use with your FlutterFlow project that has Supabase integration enabled.
 
 ## Guide Overview