Update hero and video section text and styling (#1707)

* Update hero and video section text and styling

- Update hero heading to two-line format: 'The unified platform to build and scale enterprise apps.'
- Update hero subheading to: 'Build with AI, iterate in Python, deploy to any cloud.'
- Add send icon to 'Build with AI' button
- Reduce padding below hero text and chat box
- Update video section text to: 'Scale Your App With the Speed of AI and Precision of Python.'

* Update meta tags to match new landing page messaging

- Update meta description to: 'Build with AI, iterate in Python, deploy to any cloud. The unified platform to build and scale enterprise apps.'
- Update OG and Twitter titles to: 'Reflex · Build with AI, Deploy with Python'

Author: Alek99

pcweb/meta/meta.py

@@ -2,9 +2,7 @@
 
 from pcweb.constants import REFLEX_DOMAIN, REFLEX_DOMAIN_URL, TWITTER_CREATOR
 
-ONE_LINE_DESCRIPTION = (
-    "The complete platform to build and scale enterprise apps - all in Python."
-)
+ONE_LINE_DESCRIPTION = "Build with AI, iterate in Python, deploy to any cloud. The unified platform to build and scale enterprise apps."
 
 meta_tags = [
     # HTML Meta Tags
@@ -20,7 +18,7 @@
     # Facebook Meta Tags
     {"property": "og:url", "content": REFLEX_DOMAIN_URL},
     {"property": "og:type", "content": "website"},
-    {"property": "og:title", "content": "Reflex · Web apps in Pure Python"},
+    {"property": "og:title", "content": "Reflex · Build with AI, Deploy with Python"},
     {
         "property": "og:description",
         "content": ONE_LINE_DESCRIPTION,
@@ -30,7 +28,7 @@
     {"name": "twitter:card", "content": "summary_large_image"},
     {"property": "twitter:domain", "content": REFLEX_DOMAIN},
     {"property": "twitter:url", "content": REFLEX_DOMAIN_URL},
-    {"name": "twitter:title", "content": "Reflex · Web apps in Pure Python"},
+    {"name": "twitter:title", "content": "Reflex · Build with AI, Deploy with Python"},
     {
         "name": "twitter:description",
         "content": ONE_LINE_DESCRIPTION,
@@ -53,7 +51,7 @@
     # Facebook Meta Tags
     {"property": "og:url", "content": REFLEX_DOMAIN_URL},
     {"property": "og:type", "content": "website"},
-    {"property": "og:title", "content": "Reflex · Web apps in Pure Python"},
+    {"property": "og:title", "content": "Reflex · Build with AI, Deploy with Python"},
     {
         "property": "og:description",
         "content": ONE_LINE_DESCRIPTION,
@@ -63,7 +61,7 @@
     {"name": "twitter:card", "content": "summary_large_image"},
     {"property": "twitter:domain", "content": REFLEX_DOMAIN},
     {"property": "twitter:url", "content": REFLEX_DOMAIN_URL},
-    {"name": "twitter:title", "content": "Reflex · Web apps in Pure Python"},
+    {"name": "twitter:title", "content": "Reflex · Build with AI, Deploy with Python"},
     {
         "name": "twitter:description",
         "content": ONE_LINE_DESCRIPTION,

pcweb/pages/landing/views/hero.py

@@ -313,7 +313,11 @@ def prompt_box() -> rx.Component:
                 aria_label="Upload images",
             ),
             ui.button(
-                "Build Your App",
+                "Build with AI",
+                rx.icon(
+                    tag="send",
+                    size=18,
+                ),
                 size="lg",
                 variant="primary",
                 loading=SubmitPromptState.is_processing,
@@ -330,7 +334,7 @@ def prompt_box() -> rx.Component:
         """
         ),
         on_submit=SubmitPromptState.redirect_to_ai_builder,
-        class_name="flex flex-col gap-4 mt-6 max-w-[29rem] w-full",
+        class_name="flex flex-col gap-4 mt-2 max-w-[29rem] w-full",
     )
 
 
@@ -346,15 +350,22 @@ def hero() -> rx.Component:
         ),
         rx.el.div(
             rx.el.h1(
-                "Prompt to Production App",
+                rx.el.span(
+                    "The unified platform to build",
+                    class_name="block",
+                ),
+                rx.el.span(
+                    "and scale enterprise apps.",
+                    class_name="block",
+                ),
                 class_name="text-secondary-12 lg:text-4xl text-3xl font-semibold text-center max-lg:text-balance",
             ),
             rx.el.h2(
-                "A unified platform to build and deploy all in Python.",
+                "Build with AI, iterate in Python, deploy to any cloud.",
                 class_name="text-secondary-11 lg:text-lg text-md font-medium text-center max-lg:text-pretty",
             ),
             class_name="flex flex-col items-center justify-center gap-3",
         ),
         prompt_box(),
-        class_name="flex flex-col justify-center items-center gap-4 mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 pb-[3rem] pt-28 lg:pt-[8rem] relative lg:overflow-hidden overflow-hidden z-[1] bg-transparent lg:bg-slate-1 lg:px-4",
+        class_name="flex flex-col justify-center items-center gap-4 mx-auto w-full max-w-[64.19rem] lg:border-x border-slate-3 pb-8 pt-32 lg:pt-[10rem] relative lg:overflow-hidden overflow-hidden z-[1] bg-transparent lg:bg-slate-1 lg:px-4",
     )

pcweb/pages/landing/views/video.py

@@ -54,7 +54,7 @@ def text() -> rx.Component:
         rx.el.h2(
             "Build With Reflex. ",
             rx.el.span(
-                "A Single Platform to Build With AI And Iterate in Python",
+                "Scale Your App With the Speed of AI and Precision of Python.",
                 class_name="text-slate-10 lg:text-3xl text-2xl font-semibold",
             ),
             class_name="text-slate-12 lg:text-3xl text-2xl font-semibold max-w-[57rem]",