Changes for page Home

Summary

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

Details

Page properties

Content

...	...	@@ -1,68 +1,81 @@
1		-{{html wiki="true"}}
	1	+{{velocity}}
	2	+## KB Home (Main.WebHome)
2	2
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>
	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	+])
9	9
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>
	14	+{{html clean="false"}}
	15	+<div class="kb-home">
15	15
16		-<!-- CATEGORY GRID -->
17		-<div class="kb-section">
18		- <h2 class="kb-section-title">Browse by category</h2>
19		- <div class="kb-category-grid">
	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>
20	20
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>
	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>
26	26
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>
	36	+ <!-- CATEGORY GRID -->
	37	+ <div class="kb-section">
	38	+ <h2 class="kb-section-title">Browse by category</h2>
32	32
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>
	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))
38	38
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>
	46	+ ## Category page lives at Main.<Label>.WebHome (same pattern as our uploader)
	47	+ #set ($docRef = "Main.${spaceName}.WebHome")
	48	+ #set ($docObj = $xwiki.getDocument($docRef))
	49	+ #set ($url = $docObj.getURL('view'))
44	44
	51	+ <a class="kb-card" href="$url">
	52	+ <div>
	53	+ <div class="kb-card-title">$escapetool.xml($label)</div>
	54	+ <div class="kb-card-body">
	55	+ $escapetool.xml($desc)
	56	+ </div>
	57	+ </div>
	58	+ <div class="kb-card-meta">
	59	+ Category
	60	+ </div>
	61	+ </a>
	62	+ #end
	63	+ </div>
45	45	</div>
46		-</div>
47	47
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>
58		-
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>
	66	+ <!-- BOTTOM CTA -->
	67	+ <div class="kb-cta">
	68	+ <div class="kb-cta-content">
	69	+ <h2>Still need help?</h2>
	70	+ <p>
	71	+ If you can’t find what you’re looking for, our support team is happy to help.
	72	+ </p>
	73	+ </div>
	74	+ <a href="mailto:support@membersolutions.com" class="kb-cta-button">
	75	+ Contact Support
	76	+ </a>
65	65	</div>
66		-</div>
67	67
	79	+</div>
68	68	{{/html}}
	81	+{{/velocity}}