Finished index page.

website/src/components/HomepageFeatures/index.tsx

@@ -11,31 +11,28 @@ type FeatureItem = {
 const FeatureList: FeatureItem[] = [
   {
     title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    Svg: require('@site/static/img/dotnet-bot_beach.svg').default,
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
+        Designed for seamless setup and integration, ensuring your development process is smooth and efficient.
       </>
     ),
   },
   {
     title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    Svg: require('@site/static/img/dotnet-bot_focused.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.
+        Optimize your productivity with DotNet Elements, letting you concentrate on innovative solutions while the framework handles the routine tasks.
       </>
     ),
   },
   {
-    title: 'Powered by React',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    title: 'Powered by .NET',
+    Svg: require('@site/static/img/dotnet-logo.svg').default,
     description: (
       <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
+        Leverage the robust capabilities of .NET and make use of the large community driven ecosystem.
       </>
     ),
   },

website/src/pages/index.tsx

@@ -11,10 +11,10 @@ function HomepageHeader() {
     <header className={"flex flex-col items-center dark:bg-zinc-800 bg-white"}>
       <div className={"flex flex-col items-center max-w-4xl"}>
         <DotNetElementsLogo className={"w-[80%] m-12 mt-20"} />
-        <div className={"mb-2"}>
+        <div className={"mb-2 mx-4"}>
           <p className={"text-center text-2xl"}>
             Opinionated framework to build .NET applications fast and easy <br /> while
-            focusing more on the final product and less on writing low level
+            focusing more on the final product and less on writing low-level
             code.
           </p>
         </div>
@@ -42,8 +42,7 @@ function HomepageHeader() {
       >
         <p className={"max-w-4xl m-4"}>
           Framework is work in progress and not considered production ready
-          (while still used in some personal projects). Feel free to try it and
-          leave suggestions.
+          (while still used in some personal projects). Feel free to try it out and share your thoughts.
         </p>
       </div>
     </header>