This is an automated email from the ASF dual-hosted git repository.

luzhijing pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/doris-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 8829d486403 [feature](website) update homepage title & description 
(#274)
8829d486403 is described below

commit 8829d4864032bc192160a00ef25afac1daa9b666
Author: Jeffrey <color.d...@gmail.com>
AuthorDate: Thu Jul 27 14:36:04 2023 +0800

    [feature](website) update homepage title & description (#274)
---
 docusaurus.config.js                                    |  2 +-
 src/components/Icons/twitter.tsx                        | 10 +++++++---
 src/components/Icons/youtube.tsx                        | 17 ++++++++++++-----
 src/components/PageBanner/styles.scss                   |  6 +++---
 src/pages/index.tsx                                     |  9 ++++++---
 src/pages/users/index.tsx                               |  2 +-
 src/scss/_variables.scss                                |  1 +
 src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx |  2 ++
 8 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 3f83e64eb28..c0794aca15f 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -183,7 +183,7 @@ const config = {
             navbar: {
                 title: '',
                 logo: {
-                    alt: 'Doris',
+                    alt: 'Apache Doris',
                     src: 'https://cdnd.selectdb.com/images/logo.svg',
                 },
                 items: [
diff --git a/src/components/Icons/twitter.tsx b/src/components/Icons/twitter.tsx
index 3a7edc1f78e..1b8b788cc7f 100644
--- a/src/components/Icons/twitter.tsx
+++ b/src/components/Icons/twitter.tsx
@@ -2,10 +2,14 @@ import React from 'react';
 
 export function TwitterIcon() {
     return (
-        <svg width="2em" height="2em" viewBox="0 0 32 32" fill="none" 
xmlns="http://www.w3.org/2000/svg";>
+        <svg width="2rem" height="2rem" viewBox="0 0 32 32" fill="none" 
xmlns="http://www.w3.org/2000/svg";>
             <path
-                d="M27.1493 10.8313C27.1493 10.5687 27.1442 10.3091 27.1326 
10.0512C28.2554 9.21471 29.2295 8.1676 30 6.96938C28.9537 7.44012 27.8403 
7.74469 26.7 7.8721C27.8868 7.14188 28.7969 5.97403 29.227 4.57256C28.1158 
5.24638 26.8867 5.72811 25.5798 5.97912C24.5326 4.78777 23.0383 4.02895 21.3864 
4.00076C18.2137 3.94831 15.6418 6.62904 15.6418 9.98754C15.6418 10.4649 15.6918 
10.9279 15.7909 11.3749C11.0133 11.0675 6.77972 8.58103 3.9478 4.8326C3.45367 
5.73067 3.17017 6.78025 3.170 [...]
-                fill="currentColor"
+                d="M3 3H10.6067L29 29H21.3933L3 3ZM6.31485 4.69302L22.3127 
27.307H25.6852L9.68727 4.69302H6.31485Z"
+                fill="white"
+            />
+            <path
+                d="M14.202 18.8346L5.18225 29H3L13.2092 17.4314L14.202 
18.8346ZM18.4342 14.0647L28.2518 3H25.9448L17.4314 12.6471L18.4342 14.0647Z"
+                fill="white"
             />
         </svg>
     );
diff --git a/src/components/Icons/youtube.tsx b/src/components/Icons/youtube.tsx
index cac79dff7bb..da4c851944c 100644
--- a/src/components/Icons/youtube.tsx
+++ b/src/components/Icons/youtube.tsx
@@ -2,11 +2,18 @@ import React from 'react';
 
 export function YoutubeIcon() {
     return (
-        <svg width="2em" height="2em" viewBox="0 0 175 123" fill="none" 
xmlns="http://www.w3.org/2000/svg";>
-            <path
-                d="M171.348 19.1602C169.336 11.6211 163.398 5.68359 155.879 
3.67188C142.227 7.15256e-07 87.5 0 87.5 0C87.5 0 32.7734 -7.15256e-07 19.1211 
3.65234C11.582 5.66406 5.66406 11.6016 3.65234 19.1406C-7.15256e-07 32.8125 0 
61.3281 0 61.3281C0 61.3281 -7.15256e-07 89.8438 3.65234 103.496C5.66406 
111.035 11.6016 116.973 19.1211 118.984C32.7734 122.656 87.5 122.656 87.5 
122.656C87.5 122.656 142.227 122.656 155.879 118.984C163.418 116.973 169.336 
111.035 171.348 103.496C175 89.8438  [...]
-                fill="white"
-            />
+        <svg width="2rem" height="2rem" viewBox="0 0 32 32" fill="none" 
xmlns="http://www.w3.org/2000/svg";>
+            <g clip-path="url(#clip0_3462_1106)">
+                <path
+                    d="M30.3048 7.66776C30.7927 8.14769 31.1465 8.74331 
31.3319 9.39705C31.7949 11.91 32.0182 14.46 31.9988 17.0138C32.0164 19.558 
31.7931 22.0982 31.3319 24.6017C31.1465 25.2554 30.7927 25.851 30.3048 
26.3309C29.8169 26.8109 29.2115 27.1589 28.5469 27.3413C26.026 28 16.0142 28 
16.0142 28C16.0142 28 5.97317 28 3.48158 27.3413C2.81702 27.1589 2.21154 
26.8109 1.72366 26.3309C1.23579 25.851 0.882017 25.2554 0.696547 
24.6017C0.22555 22.0991 -0.00754264 19.5589 0.000288097 17. [...]
+                    fill="white"
+                />
+            </g>
+            <defs>
+                <clipPath id="clip0_3462_1106">
+                    <rect width="32" height="32" fill="white" />
+                </clipPath>
+            </defs>
         </svg>
     );
 }
diff --git a/src/components/PageBanner/styles.scss 
b/src/components/PageBanner/styles.scss
index 9f2cd25732a..95179cf549b 100644
--- a/src/components/PageBanner/styles.scss
+++ b/src/components/PageBanner/styles.scss
@@ -13,7 +13,7 @@
         }
 
         .banner-title-wrap {
-            max-width: 30rem;
+            max-width: 72rem;
             text-align: left;
         }
 
@@ -26,7 +26,7 @@
         }
 
         .banner-title {
-            font-size: var(--global-font-size-huge);
+            font-size: var(--global-font-size-bigger);
             font-weight: 500;
             line-height: 1;
             color: var(--global-colors-text-black);
@@ -85,7 +85,7 @@
 
         .banner-img-wrap {
             max-width: 45rem;
-            margin-left: 3rem;
+            // margin-left: 3rem;
             margin-top: 1rem;
         }
     }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3da622791b3..4d183b54b88 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -31,10 +31,11 @@ export default function Home(): JSX.Element {
         },
     ];
     const banner = {
-        title: <Translate id="homepage.banner.title">Apache Doris</Translate>,
+        title: <Translate id="homepage.banner.title">Real-Time Analysis Makes 
the Future</Translate>,
         subTitle: (
             <Translate id="homepage.banner.subTitle">
-                An easy-to-use, high-performance and unified analytical 
database
+                Apache Doris is a new-generation open-source real-time data 
warehouse based on MPP architecture, with
+                easier use and higher performance for big data analytics.
             </Translate>
         ),
         bannerImg: require('@site/static/images/home-banner.png').default,
@@ -239,7 +240,9 @@ export default function Home(): JSX.Element {
                 <div className="container">
                     <div className="ready-start-wrap">
                         <div className="start-title">
-                            <Translate id="homepage.start.title">Ready to get 
started ?</Translate>
+                            <Translate id="homepage.start.title">
+                                Start Your Journey in Real-Time with Apache 
Doris
+                            </Translate>
                         </div>
                         <div className="start-buttons">
                             <Link className="start-btn download-btn" 
to="/download">
diff --git a/src/pages/users/index.tsx b/src/pages/users/index.tsx
index 80bbec8a94d..73300683b5b 100644
--- a/src/pages/users/index.tsx
+++ b/src/pages/users/index.tsx
@@ -108,7 +108,7 @@ export default function Users(): JSX.Element {
     }
     return (
         <Layout
-            title={translate({ id: 'users.title', message: 'Users' })}
+            title={translate({ id: 'users.title', message: 'User Storeis' })}
             description={translate({
                 id: 'homepage.banner.subTitle',
                 message: 'An easy-to-use, high-performance and unified 
analytical database',
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index a164e7eb344..fe42458dc3c 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -51,6 +51,7 @@ html[lang="en-US"] {
     --global-shadow-primary: rgba(0, 0, 0, 0.1);
 
     --global-font-size-huge: 4rem;
+    --global-font-size-bigger: 3.5rem;
     --global-font-size-big: 3rem;
     --global-font-size-larger: 2rem;
     --global-font-size-large: 1.5rem;
diff --git a/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx 
b/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx
index 6307ec6634b..ee89db54c84 100644
--- a/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx
+++ b/src/theme/NavbarItem/LocaleDropdownNavbarItem/index.tsx
@@ -7,11 +7,13 @@ import IconLanguage from '@theme/Icon/Language';
 
 import './styles.scss';
 import NavbarItem from '@theme/NavbarItem';
+import { useLocation } from '@docusaurus/router';
 export default function LocaleDropdownNavbarItem({ mobile, 
dropdownItemsBefore, dropdownItemsAfter, ...props }) {
     const {
         i18n: { currentLocale, locales, localeConfigs },
     } = useDocusaurusContext();
     const alternatePageUtils = useAlternatePageUtils();
+    const location = useLocation();
     const localeItems = locales.map(locale => {
         const to = `pathname://${alternatePageUtils.createUrl({
             locale,


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@doris.apache.org
For additional commands, e-mail: commits-h...@doris.apache.org

Reply via email to