thomhurst
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎docs/docusaurus.config.ts‎
Lines changed: 2 additions & 2 deletions b/‎docs/docusaurus.config.ts‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/src/components/HomepageFeatures/index.tsx‎
Lines changed: 55 additions & 19 deletions b/‎docs/src/components/HomepageFeatures/index.tsx‎
Lines changed: 55 additions & 19 deletions
@@ -284,6 +284,7 @@ FakesAssemblies/
 # Node.js Tools for Visual Studio
 .ntvs_analysis.dat
 node_modules/
+package-lock.json
 
 # Visual Studio 6 build log
 *.plg
 
@@ -5,7 +5,7 @@ import type * as Preset from '@docusaurus/preset-classic';
 const config: Config = {
   title: 'TUnit',
   tagline: 'Welcome to TUnit Testing',
-  favicon: 'img/favicon.ico',
+  favicon: 'img/tunit-favicon.svg',
 
   // Set the production url of your site here
   url: 'https://tunit.dev',
@@ -67,7 +67,7 @@ const config: Config = {
       title: 'TUnit',
       logo: {
         alt: 'TUnit Logo',
-        src: 'img/lab.svg',
+        src: 'img/tunit-favicon.svg',
       },
       items: [
         {
 
@@ -1,52 +1,84 @@
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
+import CodeBlock from '@theme/CodeBlock';
 import styles from './styles.module.css';
 
 type FeatureItem = {
   title: string;
-  Svg: React.ComponentType<React.ComponentProps<'svg'>>;
+  icon: string;
   description: JSX.Element;
+  codeExample?: string;
 };
 
 const FeatureList: FeatureItem[] = [
   {
-    title: 'Flexible',
-    Svg: require('@site/static/img/flexible.svg').default,
+    title: 'Flexible Test Design',
+    icon: '🔧',
     description: (
       <>
-        TUnit was designed for flexibility. With various ways to write, inject data into, and control tests.
+        Multiple ways to write, inject data, and control tests. Support for data-driven testing, matrix tests, and custom data sources.
       </>
     ),
+    codeExample: `[Test]
+[Arguments(1, 2, 3)]
+[Arguments(4, 5, 9)]
+public void TestAdd(int a, int b, int expected)
+{
+    Assert.That(a + b).IsEqualTo(expected);
+}`
   },
   {
-    title: 'Easy',
-    Svg: require('@site/static/img/easy.svg').default,
+    title: 'Intuitive Syntax',
+    icon: '✨',
     description: (
       <>
-        TUnit uses an attribute-based syntax that is easy to read and write. Simply create methods and add attributes to them to control how your test suite works.
+        Clean attribute-based syntax that's easy to read and write. Fluent assertions make tests expressive and self-documenting.
       </>
     ),
+    codeExample: `[Test]
+public async Task TestAsync()
+{
+    var result = await GetDataAsync();
+    await Assert.That(result)
+        .IsNotNull()
+        .And.HasCount(5);
+}`
   },
   {
-    title: 'Fast & Source Generated',
-    Svg: require('@site/static/img/fast.svg').default,
+    title: 'Performance Optimized',
+    icon: '⚡',
     description: (
       <>
-        TUnit generates source code for your tests, enabling you to create your test applications using Native AOT or as Single File applications. Combined with being built on top of the new Microsoft Testing Platform, this makes it fast and efficient.
+        Source generated tests with Native AOT support. Built on Microsoft Testing Platform to reduce overhead and improve efficiency.
       </>
     ),
+    codeExample: `// AOT Compatible
+[Test]
+public void PerformantTest()
+{
+    // Source generated
+    // No reflection overhead
+    Assert.That(true).IsTrue();
+}`
   },
 ];
 
-function Feature({title, Svg, description}: FeatureItem) {
+function Feature({title, icon, description, codeExample}: FeatureItem) {
   return (
-    <div className={clsx('col col--4')}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
-      </div>
-      <div className="text--center padding-horiz--md">
-        <Heading as="h3">{title}</Heading>
-        <p>{description}</p>
+    <div className={styles.featureColumn}>
+      <div className={styles.featureBox}>
+        <div className={styles.featureHeader}>
+          <span className={styles.featureIcon}>{icon}</span>
+          <Heading as="h3" className={styles.featureTitle}>{title}</Heading>
+        </div>
+        <p className={styles.featureDescription}>{description}</p>
+        {codeExample && (
+          <div className={styles.featureCode}>
+            <CodeBlock language="csharp">
+              {codeExample}
+            </CodeBlock>
+          </div>
+        )}
       </div>
     </div>
   );
@@ -56,7 +88,11 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className="container">
-        <div className="row">
+        <div className={styles.featuresHeader}>
+          <h2 className={styles.featuresTitle}>Core Features</h2>
+          <p className={styles.featuresSubtitle}>Everything you need for modern test development</p>
+        </div>
+        <div className={styles.featureRow}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}