Template: AgentProfile: Difference between revisions

Revision as of 06:30, 16 August 2025

Page Template:AgentProfile/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "CSS").

 <header class="wp-hero">

     <img src="https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png" alt="" />

Licensed Insurance Producer

Helping families plan the future.

 </header>

@@ Line 1: / Line 1: @@
-<noinclude>
+<templatestyles src="Template:AgentProfile/styles.css" />
-{{#template_params:name|state|specialties|languages|phone|email|website}}
-</noinclude><includeonly>
-{{#template_display:_format=infobox}}</includeonly>
-== About ==
+<div class="wp-wrap">
-{{{about|Add your short bio (2–3 sentences).}}}
-== Services ==
+  <!-- HERO -->
-* {{{service1|Life Insurance}}}
+  <header class="wp-hero">
-* {{{service2|Long-Term Care}}}
+    <div class="wp-avatar">
-* {{{service3|401(k) → FIA}}}
+      <!-- Use a direct image URL or a file: [[File:...]] in a wrapper -->
+      <img src="{{{photo|https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png}}}" alt="{{{name|}}}" />
+    </div>
+    <h1 class="wp-name">{{{name|}}}</h1>
+    <p class="wp-title">
+      {{{title|Licensed Insurance Producer}}}
+      {{#if:{{{city|}}}{{{state|}}}|· {{{city|}}}{{#if:{{{state|}}}|, {{{state|}}}|}}|}}
+    </p>
+    <p class="wp-tagline">{{{tagline|Helping families plan the future.}}}</p>
-== Reviews ==
+    <div class="wp-cta">
-<!-- Reviews will appear here -->
+      {{#if:{{{calendly|}}}|<a class="wp-btn primary" href="{{{calendly}}}" rel="nofollow">Book a Call</a>|}}
+      {{#if:{{{phone|}}}|<a class="wp-btn outline" href="tel:{{{phone}}}">Call</a>|}}
+      {{#if:{{{email|}}}|<a class="wp-btn ghost" href="mailto:{{{email}}}">Email</a>|}}
+    </div>
-== Compliance ==
+    <ul class="wp-chips">
-License: {{{license|CA #######}}} · NPN: {{{npn|}}}
+      {{#if:{{{specialties|}}}|<li>🧭 {{{specialties}}}</li>|}}
+      {{#if:{{{languages|}}}|<li>🌐 {{{languages}}}</li>|}}
+      {{#if:{{{license|}}}|<li>🔒 License: {{{license}}}</li>|}}
+      {{#if:{{{npn|}}}|<li># NPN: {{{npn}}}</li>|}}
+    </ul>
+  </header>
+  <!-- ABOUT -->
+  {{#if:{{{about|}}}|
+  <section class="wp-section">
+    <h2>About</h2>
+    <p>{{{about}}}</p>
+  </section>
+  |}}
+  <!-- SERVICES -->
+  {{#if:{{{services|}}}|
+  <section class="wp-section">
+    <h2>Services</h2>
+    <div class="wp-cards">
+      {{#explode:{{{services}}}|;|<div class="wp-card"><span>$1</span></div>}}
+    </div>
+  </section>
+  |}}
+  <!-- REVIEWS -->
+  {{#if:{{{review1|}}}{{{review2|}}}{{{review3|}}}|
+  <section class="wp-section">
+    <h2>Reviews</h2>
+    <div class="wp-quotes">
+      {{#if:{{{review1|}}}|<blockquote>“{{{review1}}}”</blockquote>|}}
+      {{#if:{{{review2|}}}|<blockquote>“{{{review2}}}”</blockquote>|}}
+      {{#if:{{{review3|}}}|<blockquote>“{{{review3}}}”</blockquote>|}}
+    </div>
+  </section>
+  |}}
+  <!-- CONTACT -->
+  {{#if:{{{website|}}}{{{email|}}}{{{phone|}}}|
+  <section class="wp-section">
+    <h2>Contact</h2>
+    <ul class="wp-contact">
+      {{#if:{{{website|}}}|<li>🌐 <a href="{{{website}}}">{{{website}}}</a></li>|}}
+      {{#if:{{{email|}}}|<li>✉️ <a href="mailto:{{{email}}}">{{{email}}}</a></li>|}}
+      {{#if:{{{phone|}}}|<li>☎️ <a href="tel:{{{phone}}}">{{{phone}}}</a></li>|}}
+    </ul>
+  </section>
+  |}}
+  <!-- COMPLIANCE -->
+  {{#if:{{{disclaimer|}}}|
+  <footer class="wp-footer">
+    <small>{{{disclaimer}}}</small>
+  </footer>
+  |}}
+</div>