Skip to content

Commit 8946b01

Browse files
Zorlinclaude
andcommitted
feat: redesign homepage — feature showcase and styled buttons
- Replace "Learn About Jetpack" with "Try Dragonfly" primary CTA - Add "Learn More" secondary button with outline style - Custom Dragonfly button styling (purple gradient, hover effects) - Replace generic 3-card grid with 6 feature cards showcasing actual capabilities: 90s deploys, auto-discovery, remote maintenance, power controls, DHCP coexistence, open source Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent eb3e140 commit 8946b01

2 files changed

Lines changed: 84 additions & 13 deletions

File tree

assets/css/custom.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/* Navbar title */
12
.hextra-max-navbar-width .hx\:font-extrabold {
23
color: #c27aff !important;
34
}
@@ -13,3 +14,54 @@ html.dark {
1314
html.dark body {
1415
background-color: #0A0A0A !important;
1516
}
17+
18+
/* Dragonfly buttons */
19+
.dragonfly-btn {
20+
display: inline-flex;
21+
align-items: center;
22+
justify-content: center;
23+
padding: 0.75rem 2rem;
24+
border-radius: 0.5rem;
25+
font-weight: 600;
26+
font-size: 1rem;
27+
text-decoration: none;
28+
transition: all 0.2s ease;
29+
cursor: pointer;
30+
}
31+
32+
.dragonfly-btn-primary {
33+
background: linear-gradient(135deg, #7c3aed, #a855f7);
34+
color: #fff;
35+
box-shadow: 0 4px 14px rgba(124, 58, 237, 0.4);
36+
}
37+
38+
.dragonfly-btn-primary:hover {
39+
background: linear-gradient(135deg, #6d28d9, #9333ea);
40+
box-shadow: 0 6px 20px rgba(124, 58, 237, 0.5);
41+
transform: translateY(-1px);
42+
color: #fff;
43+
}
44+
45+
.dragonfly-btn-secondary {
46+
background: transparent;
47+
color: #7c3aed;
48+
border: 2px solid #7c3aed;
49+
}
50+
51+
.dragonfly-btn-secondary:hover {
52+
background: rgba(124, 58, 237, 0.08);
53+
color: #6d28d9;
54+
border-color: #6d28d9;
55+
transform: translateY(-1px);
56+
}
57+
58+
html.dark .dragonfly-btn-secondary {
59+
color: #c4b5fd;
60+
border-color: #c4b5fd;
61+
}
62+
63+
html.dark .dragonfly-btn-secondary:hover {
64+
background: rgba(196, 181, 253, 0.1);
65+
color: #ddd6fe;
66+
border-color: #ddd6fe;
67+
}

content/_index.md

Lines changed: 32 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@ metal, managed.
1414
Automatic discovery and installation for all your servers.
1515
{{< /hextra/hero-subtitle >}}
1616

17-
<div class="hx:mt-6 hx:mb-6 hx:flex hx:gap-3">
18-
{{< hextra/hero-button text="Get Started" link="/docs/installation/" >}}
19-
{{< hextra/hero-button text="Learn About Jetpack" link="/docs/introduction/dragonfly/" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);" >}}
17+
<div class="hx:mt-8 hx:mb-8 hx:flex hx:flex-col hx:sm:flex-row hx:gap-4">
18+
<a href="/docs/installation/" class="dragonfly-btn dragonfly-btn-primary">Try Dragonfly</a>
19+
<a href="/docs/introduction/dragonfly/" class="dragonfly-btn dragonfly-btn-secondary">Learn More</a>
2020
</div>
2121

2222
</div>
@@ -28,20 +28,39 @@ Automatic discovery and installation for all your servers.
2828

2929
{{< hextra/feature-grid >}}
3030
{{< hextra/feature-card
31-
title="Dragonfly"
32-
subtitle="Bare metal provisioning and PXE boot management. Deploy operating systems across your infrastructure with ease."
33-
link="dragonfly"
34-
icon="server"
31+
title="Deploy Linux in under 90 seconds"
32+
subtitle="Bring up a machine all the way to SSH in 90 seconds or less. No USB drives, no console access needed."
33+
link="/docs/usage/deploying-with-dragonfly"
34+
icon="hard-drive-download"
3535
>}}
3636
{{< hextra/feature-card
37-
title="Jetpack"
38-
subtitle="Next-generation configuration management. A modern approach to infrastructure automation that learns from Ansible's lessons."
39-
link="jetpack"
40-
icon="chip"
37+
title="Automatic discovery"
38+
subtitle="Power on a machine and Dragonfly finds it. PXE boot, hardware detection, and registration happen automatically."
39+
link="/docs/introduction/dragonfly"
40+
icon="lightning-bolt"
4141
>}}
4242
{{< hextra/feature-card
43-
title="Open Source"
44-
subtitle="Built in the open. All Dragonfly tools are free and open source, designed for transparency and community contribution."
43+
title="Remote maintenance"
44+
subtitle="Reinstall, wipe, diagnose, and repair remotely — even on machines without IPMI or BMC devices."
45+
link="/docs/usage/perform-maintenance/"
46+
icon="hammer"
47+
>}}
48+
{{< hextra/feature-card
49+
title="Rich power controls"
50+
subtitle="Integrates with IPMI, Redfish, Wake-on-LAN, and Proxmox — with Home Assistant support coming soon."
51+
link="/docs/introduction/dragonfly"
52+
icon="power"
53+
>}}
54+
{{< hextra/feature-card
55+
title="Coexists with your infrastructure"
56+
subtitle="Works alongside existing DHCP servers. No need to rip and replace — just plug Dragonfly in."
57+
link="/docs/introduction/dragonfly"
58+
icon="handshake"
59+
>}}
60+
{{< hextra/feature-card
61+
title="Open source"
62+
subtitle="Built in the open under AGPLv3. Free to use, free to modify, designed for transparency and community."
63+
link="https://github.com/riffcc/dragonfly"
4564
icon="code"
4665
>}}
4766
{{< /hextra/feature-grid >}}

0 commit comments

Comments
 (0)