docs: update sql editor landing

bytebase · Nov 14, 2024 · d189b93 · d189b93
1 parent af30733
commit d189b93
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/pages/home/promo-sql-editor/promo-sql-editor.tsx b/src/components/pages/home/promo-sql-editor/promo-sql-editor.tsx
@@ -14,7 +14,7 @@ const head: AccordionHead = {
 
 const data: AccordionData[] = [
   {
-    title: 'Run query',
+    title: 'Query with auto-complete',
     description: 'Run ad-hoc queries to explore data.',
     image: '/images/page/main/sql-editor/run.webp',
   },
@@ -24,7 +24,7 @@ const data: AccordionData[] = [
     image: '/images/page/main/sql-editor/access-control.webp',
   },
   {
-    title: 'Mask data',
+    title: 'Mask data on the fly',
     description:
       'Built-in dynamic data masking to protect sensitive information without performance impact.',
     image: '/images/page/main/sql-editor/mask.webp',

diff --git a/src/components/pages/sql-editor/features.tsx b/src/components/pages/sql-editor/features.tsx
@@ -14,7 +14,8 @@ const cards: TCard[] = [
     href: Route.DOCS_DATABASE_PERMISSION,
     icon: '/images/database-permission.svg',
     title: 'Database permission',
-    description: 'Multi-factor granular permissions based on role, environment, project, database.',
+    description:
+      'Multi-factor granular IAM permissions based on role, environment, project, database.',
   },
   {
     href: Route.DOCS_DATA_MASKING_COLUMN,
@@ -35,10 +36,11 @@ const Features = () => {
     <section className="container mt-10 3xl:mt-9 xl:mt-8 md:mt-3 sm:mt-2">
       <header className="flex flex-col items-center text-center sm:items-start sm:text-start">
         <h2 className="font-title text-88 font-semibold leading-95 xl:text-68 xl:leading-104 md:text-54 sm:text-48">
-          Secure human-to-db interaction
+          Database security at scale
         </h2>
         <p className="mt-5 max-w-[716px] text-20 leading-normal 3xl:mt-[22px] xl:mt-5 xl:text-18 xl:leading-snug md:mt-3 md:max-w-[468px] md:text-14 sm:mt-2">
-          Centralize data access management and audit logs for all human-to-database operations.
+          Centralize data access management, apply dynamic data masking, and record audit logs for
+          all human-to-database operations.
         </p>
       </header>
       <ul className="gap-x-grid mt-14 grid grid-cols-12 3xl:mt-12 xl:mt-11 md:mt-9 sm:mt-6 sm:gap-y-8">

diff --git a/src/components/pages/sql-editor/hero/hero.tsx b/src/components/pages/sql-editor/hero/hero.tsx
@@ -73,7 +73,7 @@ const Hero = ({ subjects }: HeroProps) => {
               )}
             </div>
           </div>{' '}
-          with permission control, data masking, and collaboration
+          with centralized permission, data masking, and audit logging
         </h2>
         <Image
           src="/images/page/about/why-we-build.webp"
@@ -135,18 +135,18 @@ const Hero = ({ subjects }: HeroProps) => {
         </div>
         <div className="absolute bottom-[327px] left-0 col-span-3 col-start-10 w-[284px] 3xl:w-auto xl:bottom-[303px] xl:left-auto xl:right-0 xl:col-span-4 xl:col-start-9 xl:w-[240px] md:bottom-[180px] md:col-span-3 md:col-start-10 md:w-full sm:static sm:col-span-2 sm:col-start-3 sm:mt-6 sm:text-center">
           <b className="font-title text-112 font-semibold leading-none xl:text-88 md:text-72 sm:text-48 sm:leading-95">
-            20+
+            100%
           </b>
           <p className="leading-1.4 font-regular text-20 xl:mt-2 xl:text-16 xl:leading-snug md:text-14 md:leading-tight md:tracking-tight sm:mt-0">
-            SQL Editor provides the most comprehensive data security features among all SQL clients.
+            All SQL Editor source code is available on GitHub
           </p>
         </div>
         <div className="absolute bottom-0 left-0 col-span-3 col-start-6 w-[252px] 3xl:w-auto xl:left-auto xl:right-0 xl:col-span-4 xl:col-start-5 xl:w-[240px] md:col-span-3 md:col-start-6 md:w-full sm:static sm:col-span-2 sm:col-start-2 sm:mt-7 sm:text-center">
           <b className="font-title text-112 font-semibold leading-none xl:text-88 md:text-72 sm:text-48 sm:leading-95">
-            100%
+            GitOps
           </b>
           <p className="leading-1.4 font-regular text-20 xl:mt-2 xl:text-16 xl:leading-snug md:text-14 md:leading-tight md:tracking-tight sm:mt-0">
-            All SQL Editor source code is available on GitHub
+            Codify database security policies as code.
           </p>
         </div>
       </div>