some updates

Author: naderzare

src/components/HomepageFeatures/index.tsx

@@ -12,42 +12,44 @@ type FeatureItem = {
 
 const FeatureList: FeatureItem[] = [
   {
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    title: 'Sample Python Base Code (gRPC)',
+    Svg: require('@site/static/img/pythoncslf.svg').default,
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
+        The Python Base Code is a simple example of how to use the CLSF API to create a team for the 2D Soccer Simulation League.
+        By this code, you can create a powerful team that can compete in the league.
       </>
     ),
+    link: 'https://github.com/CLSFramework/sample-playmaker-server-python-grpc'
   },
   {
-    title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    title: 'Soccer Simulation 2D',
+    Svg: require('@site/static/img/ss2d.svg').default,
     description: (
       <>
-        Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
-        ahead and move your docs into the <code>docs</code> directory.
+        The RoboCup 2D Simulated Soccer League is the oldest of the RoboCup Soccer Simulation Leagues. It consists of a number of competitions with computer simulated soccer matches as the main event.
       </>
     ),
+    link: 'https://rcsoccersim.github.io/'
   },
   {
-    title: 'Soccer Simulation 2D',
-    Svg: require('@site/static/img/ss2d.svg').default,
+    title: 'Toturial Video',
+    Svg: require('@site/static/img/youtube.svg').default,
     description: (
       <>
-        The RoboCup 2D Simulated Soccer League is the oldest of the RoboCup Soccer Simulation Leagues. It consists of a number of competitions with computer simulated soccer matches as the main event.
+        You can find the tutorial videos about the CLSFramework to learn how to create a team for the 2D Soccer Simulation League.
+        This video is a good start to learn how to create a team.
       </>
     ),
-    link: 'https://rcsoccersim.github.io/'
+    link: '/docs/Toturial%20Videos/persian'
   },
 ];
 
 function Feature({title, Svg, description, link}: FeatureItem) {
   return (
     <div className={clsx('col col--4')}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+      <div className="text--center" style={{display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
+        <Svg className={styles.featureSvg} role="img" style={{height: '150px', width: '220px', margin: 'auto'}}/>
       </div>
       <div className="text--center padding-horiz--md">
         <Heading as="h3">{title}</Heading>
@@ -68,7 +70,7 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className="container">
-        <div className="row">
+        <div className="row" style={{justifyContent:'center'}}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}

src/pages/index.tsx

@@ -12,16 +12,18 @@ function HomepageHeader() {
   return (
     <header className={clsx('hero', styles.heroBanner)}>
       <div className="container">
-        <Heading as="h1" className="hero__title">
+        <Heading as="h1" className="hero__title" style={{fontSize: '4.5em'}}>
           {siteConfig.title}
         </Heading>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
+        <p className="hero__subtitle" style={{fontSize: '1.5em'}}>
+          {siteConfig.tagline}
+          </p>
         <div className={styles.buttons}>
-          <Link
+          {/* <Link
             className="button button--secondary button--lg"
             to="/docs/introduction">
             CLSF Tutorial
-          </Link>
+          </Link> */}
         </div>
       </div>
     </header>

src/pages/team/index.tsx

@@ -63,8 +63,10 @@ export default function ReleasePage(): JSX.Element {
     <Layout
       title={`Hello from ${siteConfig.title}`}
       description="Develop a soccer simulation team by using any programming language">
-      <main>
+      <main style={{width: '100%', justifyContent:'center', display: 'flex'}}>
+        <main style={{width: '75%'}}>
         <TeamFeature />
+        </main>
       </main>
     </Layout>
   );