Changes for page Home

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,82 +1,68 @@
1		-{{velocity}}
2		-## KB Home (Main.WebHome)
	1	+{{html wiki="true"}}
3	3
4		-## Optionally, you can centralize your category list here.
5		-## Each entry: [ "Label", "SpaceName", "Short description" ]
6		-#set ($kbCategories = [
7		- ["Member Management", "Member Management", "How to manage members, families, and profiles."],
8		- ["Configuration", "Configuration", "Set up locations, billing, and core system settings."],
9		- ["Billing & Payments", "Billing", "Invoices, collections, and payment processing."],
10		- ["Reporting & Analytics", "Reporting", "Understand your numbers and performance."],
11		- ["Integrations", "Integrations", "Connect eFit with other tools in your stack."]
12		-])
	3	+<!-- HERO -->
	4	+<div class="kb-hero">
	5	+ <h1 class="kb-hero-title">Welcome to the Member Solutions Knowledge Base</h1>
	6	+ <p class="kb-hero-subtitle">
	7	+ Guides, troubleshooting, and best practices to help you run a better business.
	8	+ </p>
13	13
14		-{{html clean="false"}}
15		-<div class="kb-home">
	10	+ #set($searchDoc = 'Main.WebSearch')
	11	+ <form class="kb-hero-search" method="get" action="$xwiki.getURL($searchDoc)">
	12	+ <input type="text" name="text" placeholder="Search for articles..." />
	13	+ </form>
	14	+</div>
16	16
17		- <!-- HERO -->
18		- <div class="kb-hero">
19		- <h1 class="kb-hero-title">Member Solutions Knowledge Base</h1>
20		- <p class="kb-hero-subtitle">
21		- Guides, walkthroughs, and best practices to help you and your team get the most out of the platform.
22		- </p>
	16	+<!-- CATEGORY GRID -->
	17	+<div class="kb-section">
	18	+ <h2 class="kb-section-title">Browse by category</h2>
	19	+ <div class="kb-category-grid">
23	23
24		- <!-- Simple search box that posts to XWiki search -->
25		- <div class="kb-hero-search">
26		- <form action="$xwiki.getURL('Main.WebHome', 'view')" method="get">
27		- <input
28		- type="text"
29		- name="text"
30		- placeholder="Search for an article (e.g. &quot;family membership&quot;)"
31		- />
32		- </form>
33		- </div>
34		- </div>
	21	+ <a class="kb-card" href="$xwiki.getURL('Main.GettingStarted')">
	22	+ <h3 class="kb-card-title">Getting Started</h3>
	23	+ <p class="kb-card-body">Start here to set up your account and learn the basics.</p>
	24	+ <span class="kb-card-meta">Setup • Onboarding</span>
	25	+ </a>
35	35
36		- <!-- CATEGORY GRID -->
37		- <div class="kb-section">
38		- <h2 class="kb-section-title">Browse by category</h2>
	27	+ <a class="kb-card" href="$xwiki.getURL('Main.BillingPayments')">
	28	+ <h3 class="kb-card-title">Billing & Payments</h3>
	29	+ <p class="kb-card-body">Invoices, payments, autopay, collections, and more.</p>
	30	+ <span class="kb-card-meta">Finance</span>
	31	+ </a>
39	39
40		- <div class="kb-category-grid">
41		- #foreach ($cat in $kbCategories)
42		- #set ($label = $cat.get(0))
43		- #set ($spaceName = $cat.get(1))
44		- #set ($desc = $cat.get(2))
	33	+ <a class="kb-card" href="$xwiki.getURL('Main.MemberManagement')">
	34	+ <h3 class="kb-card-title">Member Management</h3>
	35	+ <p class="kb-card-body">Day-to-day operations for memberships and classes.</p>
	36	+ <span class="kb-card-meta">Members • Attendance</span>
	37	+ </a>
45	45
46		- ## Category page lives at Main.<Label>.WebHome (same pattern as our uploader)
47		- #set ($label = $cat.get(0))
48		-#set ($spaceName = $cat.get(1))
49		-#set ($desc = $cat.get(2))
	39	+ <a class="kb-card" href="$xwiki.getURL('Main.Integrations')">
	40	+ <h3 class="kb-card-title">Integrations</h3>
	41	+ <p class="kb-card-body">Automations, data sync, APIs, and external tools.</p>
	42	+ <span class="kb-card-meta">Automations</span>
	43	+ </a>
50	50
51		-#set ($encoded = $escapetool.url($spaceName))
52		-#set ($cleanUrl = "/bin/view/Main/$encoded")
53		-
54		-<a class="kb-card" href="$cleanUrl">
55		- <div>
56		- <div class="kb-card-title">$escapetool.xml($label)</div>
57		- <div class="kb-card-body">
58		- $escapetool.xml($desc)
59		- </div>
60	60	</div>
61		- <div class="kb-card-meta">Category</div>
62		-</a>
63		- #end
64		- </div>
65		- </div>
	46	+</div>
66	66
67		- <!-- BOTTOM CTA -->
68		- <div class="kb-cta">
69		- <div class="kb-cta-content">
70		- <h2>Still need help?</h2>
71		- <p>
72		- If you can’t find what you’re looking for, our support team is happy to help.
73		- </p>
74		- </div>
75		- <a href="mailto:support@membersolutions.com" class="kb-cta-button">
76		- Contact Support
77		- </a>
78		- </div>
	48	+<!-- POPULAR ARTICLES -->
	49	+<div class="kb-section">
	50	+ <h2 class="kb-section-title">Popular articles</h2>
	51	+ <ul class="kb-popular-list">
	52	+ <li><a href="$xwiki.getURL('Main.ImportingData')">How to import member data</a></li>
	53	+ <li><a href="$xwiki.getURL('Main.BillingBasics')">Billing basics: everything you need to know</a></li>
	54	+ <li><a href="$xwiki.getURL('Main.DigitalCheckin')">Using digital check-in</a></li>
	55	+ <li><a href="$xwiki.getURL('Main.EventSetup')">Creating your first event</a></li>
	56	+ </ul>
	57	+</div>
79	79
	59	+<!-- CTA -->
	60	+<div class="kb-cta">
	61	+ <div class="kb-cta-content">
	62	+ <h2>Need more help?</h2>
	63	+ <p>Our support team is here for you.</p>
	64	+ <a class="kb-cta-button" href="$xwiki.getURL('Main.ContactSupport')">Contact Support</a>
	65	+ </div>
80	80	</div>
	67	+
81	81	{{/html}}
82		-{{/velocity}}