Changes for page Home

Summary

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

Details

Page properties

Content

...	...	@@ -1,74 +1,81 @@
1		-{{html clean="false"}}
	1	+{{velocity}}
	2	+## KB Home (Main.WebHome)
2	2
3		-<div class="kb-hero">
4		- <h1 class="kb-hero-title">Welcome to the Member Solutions Knowledge Base</h1>
5		- <p class="kb-hero-subtitle">
6		- Guides, troubleshooting, and best practices to help you run a better business.
7		- </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	+])
8	8
9		- <!-- Simple search form that goes to the WebSearch page -->
10		- <form class="kb-hero-search" method="get" action="/bin/view/Main/WebSearch">
11		- <input type="text" name="text" placeholder="Search for articles..." />
12		- </form>
13		-</div>
	14	+{{html clean="false"}}
	15	+<div class="kb-home">
14	14
15		-<div class="kb-section">
16		- <h2 class="kb-section-title">Browse by category</h2>
17		- <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>
18	18
19		- <a class="kb-card" href="/bin/view/Main/GettingStarted">
20		- <h3 class="kb-card-title">Getting Started</h3>
21		- <p class="kb-card-body">
22		- Start here to set up your account and learn the basics.
23		- </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="/bin/view/Main/BillingPayments">
28		- <h3 class="kb-card-title">Billing &amp; Payments</h3>
29		- <p class="kb-card-body">
30		- Invoices, payments, autopay, collections, and more.
31		- </p>
32		- <span class="kb-card-meta">Finance</span>
33		- </a>
	36	+ <!-- CATEGORY GRID -->
	37	+ <div class="kb-section">
	38	+ <h2 class="kb-section-title">Browse by category</h2>
34	34
35		- <a class="kb-card" href="/bin/view/Main/MemberManagement">
36		- <h3 class="kb-card-title">Member Management</h3>
37		- <p class="kb-card-body">
38		- Day-to-day operations for memberships and classes.
39		- </p>
40		- <span class="kb-card-meta">Members • Attendance</span>
41		- </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))
42	42
43		- <a class="kb-card" href="/bin/view/Main/Integrations">
44		- <h3 class="kb-card-title">Integrations</h3>
45		- <p class="kb-card-body">
46		- Automations, data sync, APIs, and external tools.
47		- </p>
48		- <span class="kb-card-meta">Automations</span>
49		- </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'))
50	50
	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>
51	51	</div>
52		-</div>
53	53
54		-<div class="kb-section">
55		- <h2 class="kb-section-title">Popular articles</h2>
56		- <ul class="kb-popular-list">
57		- <li><a href="/bin/view/Main/ImportingData">How to import member data</a></li>
58		- <li><a href="/bin/view/Main/BillingBasics">Billing basics: everything you need to know</a></li>
59		- <li><a href="/bin/view/Main/DigitalCheckin">Using digital check-in</a></li>
60		- <li><a href="/bin/view/Main/EventSetup">Creating your first event</a></li>
61		- </ul>
62		-</div>
63		-
64		-<div class="kb-cta">
65		- <div class="kb-cta-content">
66		- <h2>Need more help?</h2>
67		- <p>Our support team is here for you.</p>
68		- <a class="kb-cta-button" href="/bin/view/Main/ContactSupport">
	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">
69	69	Contact Support
70	70	</a>
71	71	</div>
72		-</div>
73	73
	79	+</div>
74	74	{{/html}}
	81	+{{/velocity}}