diff --git a/Documentation/templates-src/NetCord/partials/example.tmpl.partial b/Documentation/templates-src/NetCord/partials/example.tmpl.partial
new file mode 100644
index 000000000..726e39c52
--- /dev/null
+++ b/Documentation/templates-src/NetCord/partials/example.tmpl.partial
@@ -0,0 +1,9 @@
+var builder = Host.CreateDefaultBuilder(args)
+ .UseDiscordGateway()
+ .UseApplicationCommands();
+
+var host = builder.Build()
+ .AddSlashCommand("square", "Square!", (int a) => $"{a}² = {a * a}")
+ .UseGatewayEventHandlers();
+
+await host.RunAsync();
diff --git a/Documentation/templates-src/NetCord/partials/root.tmpl.partial b/Documentation/templates-src/NetCord/partials/root.tmpl.partial
index 73ef5fef5..ce7fb478d 100644
--- a/Documentation/templates-src/NetCord/partials/root.tmpl.partial
+++ b/Documentation/templates-src/NetCord/partials/root.tmpl.partial
@@ -8,6 +8,17 @@
+
+
Build a Discord Bot in Minutes!
+
+ Quickly add a /square command to calculate squares with just a few lines of C#.
+
+
+
{{>partials/example}}
+
+
Start building now with NetCord!
+
+
Key Features of NetCord
diff --git a/Documentation/templates-src/NetCord/src/main.css b/Documentation/templates-src/NetCord/src/main.css
index d839ee6e8..1cbce525b 100644
--- a/Documentation/templates-src/NetCord/src/main.css
+++ b/Documentation/templates-src/NetCord/src/main.css
@@ -335,14 +335,40 @@ code,
}
.features-section {
- padding: 100px 0;
- text-align: center;
+ padding-bottom: 100px;
+ color: var(--bs-emphasis-color);
+}
+
+.code-example {
+ width: fit-content;
+ max-width: 100%;
+ font-size: 1em;
+}
+
+ .code-example pre code.hljs {
+ padding: 1.5em !important;
+ }
+
+.code-example-section {
+ margin-top: 100px;
+ padding-bottom: 20px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
color: var(--bs-emphasis-color);
}
.section-title {
font-size: 30px;
margin-bottom: 30px;
+ text-align: center;
+}
+
+.section-text {
+ font-size: 18px;
+ text-align: center;
+ margin-bottom: 30px;
+ padding: 0 10px;
}
.features-container {
@@ -404,11 +430,7 @@ body {
}
.section-title {
- font-size: 7vw;
- }
-
- .features-section {
- padding: 50px 0;
+ font-size: 6.5vw;
}
.feature-item {
@@ -427,6 +449,10 @@ body {
padding-left: 40px;
padding-right: 40px;
}
+
+ .code-example {
+ font-size: 1.2em;
+ }
}
@view-transition {