From 42a21b33ca41d85b92a50df24b13eec78a2fe9f8 Mon Sep 17 00:00:00 2001
From: Chandan Kumar <149804185+chandankumarm55@users.noreply.github.com>
Date: Sun, 15 Sep 2024 22:49:58 +0530
Subject: [PATCH 1/2] fixed the bad request url at banner

---
 docusaurus/website/src/pages/index.js | 80 +++++++++++++--------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/docusaurus/website/src/pages/index.js b/docusaurus/website/src/pages/index.js
index 5efc1fa985..1ba9694cbf 100644
--- a/docusaurus/website/src/pages/index.js
+++ b/docusaurus/website/src/pages/index.js
@@ -50,62 +50,62 @@ function Home() {
             className={clsx(styles.heroBannerLogo, 'margin-vert--md')}
             alt="Create React App logo"
             src={useBaseUrl('img/logo.svg')}
-          />
-          <h1 className="hero__title">{siteConfig.title}</h1>
-          <p className="hero__subtitle">{siteConfig.tagline}</p>
+          />{' '}
+          <h1 className="hero__title"> {siteConfig.title} </h1>{' '}
+          <p className="hero__subtitle"> {siteConfig.tagline} </p>{' '}
           <div className={styles.getStarted}>
             <Link
               className="button button--outline button--primary button--lg"
               to={useBaseUrl('docs/getting-started')}
             >
-              Get Started
-            </Link>
-          </div>
-        </div>
-      </div>
+              Get Started{' '}
+            </Link>{' '}
+          </div>{' '}
+        </div>{' '}
+      </div>{' '}
       {features && features.length && (
         <div className={styles.features}>
           <div className="container">
             <div className="row">
+              {' '}
               {features.map(({ title, content }, idx) => (
                 <div key={idx} className={clsx('col col--4', styles.feature)}>
-                  <h2>{title}</h2>
-                  <p>{content}</p>
+                  <h2> {title} </h2> <p> {content} </p>{' '}
                 </div>
-              ))}
-            </div>
-          </div>
+              ))}{' '}
+            </div>{' '}
+          </div>{' '}
         </div>
-      )}
+      )}{' '}
       <div className={styles.gettingStartedSection}>
         <div className="container padding-vert--xl text--left">
           <div className="row">
             <div className="col col--4 col--offset-1">
-              <h2>Get started in seconds</h2>
+              <h2> Get started in seconds </h2>{' '}
               <p>
-                Whether you’re using React or another library, Create React App
-                lets you <strong>focus on code, not build tools</strong>.
+                Whether you’ re using React or another library, Create React App
+                lets you <strong> focus on code, not build tools </strong>.{' '}
                 <br />
                 <br />
-                To create a project called <i>my-app</i>, run this command:
-              </p>
+                To create a project called <i> my - app </i>, run this command:{' '}
+              </p>{' '}
               <CodeBlock className="language-sh">
-                npx create-react-app my-app
-              </CodeBlock>
+                npx create - react - app my - app{' '}
+              </CodeBlock>{' '}
               <br />
-            </div>
+            </div>{' '}
             <div className="col col--5 col--offset-1">
               <img
                 className={styles.featureImage}
                 alt="Easy to get started in seconds"
                 src={
-                  'https://camo.githubusercontent.com/29765c4a32f03bd01d44edef1cd674225e3c906b/68747470733a2f2f63646e2e7261776769742e636f6d2f66616365626f6f6b2f6372656174652d72656163742d6170702f323762343261632f73637265656e636173742e737667'
+                  'https://cdn.jsdelivr.net/gh/facebook/create-react-app@27b42ac/screencast.svg'
                 }
-              />
-            </div>
-          </div>
-        </div>
-      </div>
+              />{' '}
+            </div>{' '}
+          </div>{' '}
+        </div>{' '}
+      </div>{' '}
       <div>
         <div className="container padding-vert--xl text--left">
           <div className="row">
@@ -114,22 +114,22 @@ function Home() {
                 className={styles.featureImage}
                 alt="Easy to update"
                 src={useBaseUrl('img/update.png')}
-              />
-            </div>
+              />{' '}
+            </div>{' '}
             <div className="col col--5 col--offset-1">
-              <h2>Easy to Maintain</h2>
+              <h2> Easy to Maintain </h2>{' '}
               <p>
-                Updating your build tooling is typically a daunting and
-                time-consuming task. When new versions of Create React App are
+                Updating your build tooling is typically a daunting and time -
+                consuming task.When new versions of Create React App are
                 released, you can upgrade using a single command:
-              </p>
+              </p>{' '}
               <CodeBlock className="language-sh">
-                npm install react-scripts@latest
-              </CodeBlock>
-            </div>
-          </div>
-        </div>
-      </div>
+                npm install react - scripts @latest{' '}
+              </CodeBlock>{' '}
+            </div>{' '}
+          </div>{' '}
+        </div>{' '}
+      </div>{' '}
     </Layout>
   );
 }

From 3130416afc31e7b669df161d3786e5f4c90165de Mon Sep 17 00:00:00 2001
From: Chandan Kumar <149804185+chandankumarm55@users.noreply.github.com>
Date: Sun, 22 Sep 2024 08:33:23 +0530
Subject: [PATCH 2/2] Update index.js

---
 docusaurus/website/src/pages/index.js | 108 +++++++++++++-------------
 1 file changed, 54 insertions(+), 54 deletions(-)

diff --git a/docusaurus/website/src/pages/index.js b/docusaurus/website/src/pages/index.js
index 1ba9694cbf..763bdd293d 100644
--- a/docusaurus/website/src/pages/index.js
+++ b/docusaurus/website/src/pages/index.js
@@ -41,95 +41,95 @@ function Home() {
 
   return (
     <Layout
-      permalink={'/'}
-      description={'Set up a modern web app by running one command.'}
+      permalink={ '/' }
+      description={ 'Set up a modern web app by running one command.' }
     >
-      <div className={clsx('hero hero--dark', styles.heroBanner)}>
+      <div className={ clsx('hero hero--dark', styles.heroBanner) }>
         <div className="container">
           <img
-            className={clsx(styles.heroBannerLogo, 'margin-vert--md')}
+            className={ clsx(styles.heroBannerLogo, 'margin-vert--md') }
             alt="Create React App logo"
-            src={useBaseUrl('img/logo.svg')}
-          />{' '}
-          <h1 className="hero__title"> {siteConfig.title} </h1>{' '}
-          <p className="hero__subtitle"> {siteConfig.tagline} </p>{' '}
-          <div className={styles.getStarted}>
+            src={ useBaseUrl('img/logo.svg') }
+          />
+          <h1 className="hero__title">{ siteConfig.title }</h1>
+          <p className="hero__subtitle">{ siteConfig.tagline }</p>
+          <div className={ styles.getStarted }>
             <Link
               className="button button--outline button--primary button--lg"
-              to={useBaseUrl('docs/getting-started')}
+              to={ useBaseUrl('docs/getting-started') }
             >
-              Get Started{' '}
-            </Link>{' '}
-          </div>{' '}
-        </div>{' '}
-      </div>{' '}
-      {features && features.length && (
-        <div className={styles.features}>
+              Get Started
+            </Link>
+          </div>
+        </div>
+      </div>
+      { features && features.length && (
+        <div className={ styles.features }>
           <div className="container">
             <div className="row">
-              {' '}
-              {features.map(({ title, content }, idx) => (
-                <div key={idx} className={clsx('col col--4', styles.feature)}>
-                  <h2> {title} </h2> <p> {content} </p>{' '}
+              { features.map(({ title, content }, idx) => (
+                <div key={ idx } className={ clsx('col col--4', styles.feature) }>
+                  <h2>{ title }</h2>
+                  <p>{ content }</p>
                 </div>
-              ))}{' '}
-            </div>{' '}
-          </div>{' '}
+              )) }
+            </div>
+          </div>
         </div>
-      )}{' '}
-      <div className={styles.gettingStartedSection}>
+      ) }
+      <div className={ styles.gettingStartedSection }>
         <div className="container padding-vert--xl text--left">
           <div className="row">
             <div className="col col--4 col--offset-1">
-              <h2> Get started in seconds </h2>{' '}
+              <h2>Get started in seconds</h2>
               <p>
-                Whether you’ re using React or another library, Create React App
-                lets you <strong> focus on code, not build tools </strong>.{' '}
+                Whether you’re using React or another library, Create React App
+                lets you <strong>focus on code, not build tools</strong>.
                 <br />
                 <br />
-                To create a project called <i> my - app </i>, run this command:{' '}
-              </p>{' '}
+                To create a project called <i>my-app</i>, run this command:
+              </p>
               <CodeBlock className="language-sh">
-                npx create - react - app my - app{' '}
-              </CodeBlock>{' '}
+                npx create-react-app my-app
+              </CodeBlock>
               <br />
-            </div>{' '}
+            </div>
             <div className="col col--5 col--offset-1">
               <img
-                className={styles.featureImage}
+                className={ styles.featureImage }
                 alt="Easy to get started in seconds"
                 src={
                   'https://cdn.jsdelivr.net/gh/facebook/create-react-app@27b42ac/screencast.svg'
                 }
-              />{' '}
-            </div>{' '}
-          </div>{' '}
-        </div>{' '}
-      </div>{' '}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
       <div>
         <div className="container padding-vert--xl text--left">
           <div className="row">
             <div className="col col--4 col--offset-1">
               <img
-                className={styles.featureImage}
+                className={ styles.featureImage }
                 alt="Easy to update"
-                src={useBaseUrl('img/update.png')}
-              />{' '}
-            </div>{' '}
+                src={ useBaseUrl('img/update.png') }
+              />
+            </div>
             <div className="col col--5 col--offset-1">
-              <h2> Easy to Maintain </h2>{' '}
+              <h2>Easy to Maintain</h2>
               <p>
-                Updating your build tooling is typically a daunting and time -
-                consuming task.When new versions of Create React App are
+                Updating your build tooling is typically a daunting and
+                time-consuming task. When new versions of Create React App are
                 released, you can upgrade using a single command:
-              </p>{' '}
+              </p>
               <CodeBlock className="language-sh">
-                npm install react - scripts @latest{' '}
-              </CodeBlock>{' '}
-            </div>{' '}
-          </div>{' '}
-        </div>{' '}
-      </div>{' '}
+                npm install react-scripts@latest
+              </CodeBlock>
+            </div>
+          </div>
+        </div>
+      </div>
     </Layout>
   );
 }