Buttons with Icons

<button class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg">
  {{ partial "icons/plus.html" (dict "class" "w-4 h-4 mr-2") }}
  Add Item
</button>

Navigation Menu

<a href="#" class="flex items-center p-2 text-gray-700 hover:bg-gray-100 rounded">
  {{ partial "icons/home.html" (dict "class" "w-5 h-5 mr-3") }}
  Dashboard
</a>

Status Indicators

<div class="flex items-center text-green-700">
  {{ partial "icons/check-circle-solid.html" (dict "class" "w-5 h-5 mr-2") }}
  <span>Connected</span>
</div>

Google Analytics with Consent

GDPR-compliant Google Analytics implementation with consent management and privacy controls.

{{ partial "utils/analytics/google-analytics-consent.html" (dict 
  "measurement_id" "G-XXXXXXXXXX"
  "consent_mode" true
  "anonymize_ip" true
  "cookie_domain" "auto"
  "cookie_expires" 63072000
  "debug_mode" false
) }}

Related Content

Automatically find and display related content based on tags, categories, or custom criteria.

{{ partial "utils/related_content.html" (dict 
  "page" .
  "limit" 3
  "match_tags" true
  "match_categories" true
  "exclude_current" true
  "sort_by" "date"
  "template" "card"
) }}

Link Building

Intelligent link generation with proper attributes, tracking, and SEO optimization.

{{ partial "utils/linkbuilding.html" (dict 
  "url" "https://example.com"
  "text" "Learn More"
  "class" "text-blue-600 hover:text-blue-800"
  "external" true
  "nofollow" false
  "track_clicks" true
  "track_category" "outbound"
  "track_label" "footer-link"
) }}

In Layout Templates

Add analytics and enhanced links to your base layouts.

<!-- In baseof.html or head.html -->
{{ if site.GoogleAnalytics }}
  {{ partial "utils/analytics/google-analytics-consent.html" (dict 
    "measurement_id" site.GoogleAnalytics
    "consent_mode" true
    "anonymize_ip" true
  ) }}
{{ end }}

<!-- In footer.html -->
<footer>
  <div class="space-y-4">
    {{ range .Site.Menus.footer }}
      {{ partial "utils/linkbuilding.html" (dict 
        "url" .URL
        "text" .Name
        "class" "text-gray-400 hover:text-white"
        "track_clicks" true
        "track_category" "footer"
        "track_label" .Name
      ) }}
    {{ end }}
  </div>
</footer>

In Content Templates

Enhance blog posts and pages with related content and smart links.

<!-- In single.html or blog post template -->
<article>
  {{ .Content }}
  
  <!-- Add related content at the end -->
  <aside class="mt-12 border-t pt-8">
    <h3 class="text-xl font-bold mb-6">Related Articles</h3>
    {{ partial "utils/related_content.html" (dict 
      "page" .
      "limit" 3
      "match_tags" true
      "template" "card"
    ) }}
  </aside>
</article>

<!-- In list templates -->
{{ range .Pages }}
  <div class="border-b pb-6 mb-6">
    <h2>{{ .Title }}</h2>
    <p>{{ .Summary }}</p>
    {{ partial "utils/linkbuilding.html" (dict 
      "url" .Permalink
      "text" "Read more"
      "class" "text-blue-600 font-medium"
      "track_clicks" true
      "track_category" "blog"
      "track_label" .Title
    ) }}
  </div>
{{ end }}

In Custom Shortcodes

Create reusable shortcodes that leverage utils for enhanced functionality.

<!-- Create shortcode: layouts/shortcodes/cta-button.html -->
{{ partial "utils/linkbuilding.html" (dict 
  "url" (.Get "url")
  "text" (.Get "text")
  "class" (printf "inline-block px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 %s" (.Get "class" | default ""))
  "external" (.Get "external" | default false)
  "track_clicks" true
  "track_category" "cta"
  "track_label" (.Get "text")
) }}

<!-- Usage in content -->
{{</* cta-button url="/signup" text="Start Free Trial" class="text-lg" */>}}