> ## Documentation Index
> Fetch the complete documentation index at: https://docs.paraminternationalltd.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Introduction to Twinalyze, the analytics and engagement platform for understanding users and improving product growth.

Twinalyze brings user behavior, product analytics, ads, and messaging into one platform. Track what users do, identify drop-offs, and improve engagement, retention, and growth.

<div className="twinalyze-introduction-page">
  <CardGroup cols={2}>
    <Card title="Track Users" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/user.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=792cce6c9a540f03fdf7cc33bfb28172" width="32" height="32" data-path="icon/introduction/user.svg">
      Capture users, sessions, and product activity.
    </Card>

    <Card title="Insights" icon="https://mintcdn.com/chartbazaar/asZrMKAb6FluFdgX/icon/introduction/insight.svg?fit=max&auto=format&n=asZrMKAb6FluFdgX&q=85&s=df2bf1fd4119a714ba02098423f87d7c" width="32" height="32" data-path="icon/introduction/insight.svg">
      Discover user behavior, issues, and drop-offs.
    </Card>

    <Card title="Engagement" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/engagement.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=344c5c43112b4a1c574513503611d873" width="32" height="32" data-path="icon/introduction/engagement.svg">
      Measure interactions, campaign performance, and user activity.
    </Card>

    <Card title="Improve ROI" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/ROI.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=153e20c99cd4c96c799ff3f2f7b56667" width="32" height="32" data-path="icon/introduction/ROI.svg">
      Improve retention, conversions, engagement, and growth.
    </Card>
  </CardGroup>
</div>

***

## SDKs

Add a Twinalyze SDK to capture users, sessions, screens, page views, interactions, and custom events.

<div className="twinalyze-card-icons-26">
  <CardGroup cols={3}>
    <Card title="Android" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/android.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=a037d6dfa06569a2f30a72865a3a9727" href="/sdks/android/analytics/get-started" width="256" height="150" data-path="icon/introduction/android.svg">
      Track Android users, sessions, screens, and events.
    </Card>

    <Card title="Flutter" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/flutter.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=161297f9d7efbecd34346e4eb1c9201b" href="" width="43" height="43" data-path="icon/introduction/flutter.svg">
      Coming soon
    </Card>

    <Card title="React Native" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/react-native.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=366cd11cd70db9e82f4afdf751d5938e" href="" width="43" height="43" data-path="icon/introduction/react-native.svg">
      Coming soon
    </Card>

    <Card title="JavaScript" icon="https://mintcdn.com/chartbazaar/UTc7XzvPYbzgtwnJ/icon/introduction/javascript.svg?fit=max&auto=format&n=UTc7XzvPYbzgtwnJ&q=85&s=4f517c1e9bd9cf2304a20552b20d1a7c" href="/sdks/javascript/analytics/get-started" width="48" height="48" data-path="icon/introduction/javascript.svg">
      Track website visitors, page views, sessions, and events.
    </Card>

    <Card title="Google Tag Manager" icon="https://mintcdn.com/chartbazaar/OchxdxWbPRDUJ939/icon/introduction/google-tag-manager.svg?fit=max&auto=format&n=OchxdxWbPRDUJ939&q=85&s=e915d89252fa9c1cd3e981fca9dbab9b" href="" width="512" height="512" data-path="icon/introduction/google-tag-manager.svg">
      Coming soon
    </Card>

    <Card title="Shopify" icon="https://mintcdn.com/chartbazaar/9WsqYBjvIBfKVpnY/icon/introduction/shopify.svg?fit=max&auto=format&n=9WsqYBjvIBfKVpnY&q=85&s=87cbee677fd6b956514998408d5ad74b" href="" width="800" height="800" data-path="icon/introduction/shopify.svg">
      Coming soon
    </Card>
  </CardGroup>
</div>

***

## Integrations

Connect Twinalyze with advertising, messaging, analytics, monetization, and engagement tools to bring important data into one place.

<div className="twinalyze-card-icons-26">
  <CardGroup cols={3}>
    <Card title="Google Ads" icon="https://mintcdn.com/chartbazaar/TOpWNwYWuew52YGQ/icon/introduction/google-ads.svg?fit=max&auto=format&n=TOpWNwYWuew52YGQ&q=85&s=9ae4a6fb0643b77e45aee85fe49c923a" href="/integrations/google-ads" width="24" height="24" data-path="icon/introduction/google-ads.svg">
      Connect campaign performance with user activity.
    </Card>

    <Card title="Meta Ads Manager" icon="https://mintcdn.com/chartbazaar/NLdxN7YFtqvcOQz4/icon/introduction/Fb-Monitization.svg?fit=max&auto=format&n=NLdxN7YFtqvcOQz4&q=85&s=9ee8ea633f7a6be3dd1bf14fb3ac04dd" href="/integrations/facebook-ad" width="28" height="28" data-path="icon/introduction/Fb-Monitization.svg">
      Analyze Meta advertising campaign performance.
    </Card>

    <Card title="Google AdMob" icon="https://mintcdn.com/chartbazaar/TOpWNwYWuew52YGQ/icon/introduction/admob.svg?fit=max&auto=format&n=TOpWNwYWuew52YGQ&q=85&s=5a654278b5961346941ca38f7a209002" href="/integrations/admob" width="24" height="24" data-path="icon/introduction/admob.svg">
      Track advertising activity, impressions, and performance.
    </Card>

    <Card title="Meta Monetization Manager" icon="https://mintcdn.com/chartbazaar/NLdxN7YFtqvcOQz4/icon/introduction/Fb-Monitization.svg?fit=max&auto=format&n=NLdxN7YFtqvcOQz4&q=85&s=9ee8ea633f7a6be3dd1bf14fb3ac04dd" href="/integrations2/facebook-monetization-manager" width="28" height="28" data-path="icon/introduction/Fb-Monitization.svg">
      Monitor Meta monetization and advertising data.
    </Card>

    <Card title="Slack" icon="https://mintcdn.com/chartbazaar/jwyFQxmFwcEhLDpu/icon/introduction/Slack-updated.svg?fit=max&auto=format&n=jwyFQxmFwcEhLDpu&q=85&s=82b220a6f11c306e0fdb6817fba3e1aa" href="/integrations/slack" width="43" height="43" data-path="icon/introduction/Slack-updated.svg">
      Receive Twinalyze alerts and updates in Slack.
    </Card>

    <Card title="Microsoft Teams" icon="https://mintcdn.com/chartbazaar/NLdxN7YFtqvcOQz4/icon/introduction/MS-teams.svg?fit=max&auto=format&n=NLdxN7YFtqvcOQz4&q=85&s=7c78937888ab52fd6a34553db391c307" href="/integrations/microsoft-teams" width="36" height="38" data-path="icon/introduction/MS-teams.svg">
      Share alerts and analytics updates with your team.
    </Card>

    <Card title="Discord" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/discord.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=6f243d0a1c989a06b013adbf37b570e0" href="/integrations2/discords" width="36" height="36" data-path="icon/introduction/discord.svg">
      Receive alerts and updates in Discord.
    </Card>
  </CardGroup>
</div>

***

export const CoreFeatureIcon = ({src, alt}) => <span role="img" aria-label={alt} className="inline-flex shrink-0" style={{
  width: "18px",
  height: "18px",
  minWidth: "18px",
  minHeight: "18px"
}}>
    <img src={src} alt="" aria-hidden="true" width="18" height="18" className="block shrink-0 object-contain dark:hidden" style={{
  width: "18px",
  height: "18px"
}} />

    <img src={src} alt="" aria-hidden="true" width="18" height="18" className="hidden shrink-0 object-contain dark:block" style={{
  width: "18px",
  height: "18px",
  filter: "brightness(0) saturate(100%) invert(100%)"
}} />
  </span>;

## Core Features

<div className="twinalyze-tabs">
  <Tabs>
    <Tab title="Analytics">
      <div className="not-prose overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900">
        <div className="border-b border-gray-200 bg-[#F3F4F6] px-5 py-4 dark:border-gray-700 dark:bg-gray-800">
          <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
            <div>
              <p className="text-base font-semibold text-black dark:text-white">
                Analytics Features
              </p>

              <div className="mt-1 text-sm text-gray-600 dark:text-gray-300">
                Explore the complete analytics toolkit
              </div>
            </div>

            <a href="/analytics" className="inline-flex w-fit shrink-0 items-center gap-2 rounded-lg border border-blue-200 bg-blue-50 px-4 py-2 text-sm font-medium text-blue-700 transition hover:bg-blue-100 dark:border-blue-700 dark:bg-blue-900/20 dark:text-blue-300 dark:hover:bg-blue-900/40">
              Explore Analytics <span>→</span>
            </a>
          </div>
        </div>

        <div className="divide-y divide-gray-100 dark:divide-gray-800">
          <a href="/analytics/users/overview" className="twinalyze-core-feature-row grid h-[46px] box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/event.svg" alt="Autocapture Event" />

              <span className="text-sm font-medium text-black dark:text-white">
                Autocapture Event
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Automatically track user events and behaviour.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/realtime-users" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/realtime.svg" alt="Real Time" />

              <span className="text-sm font-medium text-black dark:text-white">
                Real Time
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Monitor live users, sessions, activity instantly.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/product-overview/overview" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/productoverview.svg" alt="Product Overview" />

              <span className="text-sm font-medium text-black dark:text-white">
                Product Overview
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              View product performance and usage summary.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/product-overview/reports" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/reports.svg" alt="Reports" />

              <span className="text-sm font-medium text-black dark:text-white">
                Reports
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Build custom reports for deeper analytics.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/product-overview/system-insight" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/systeminsght.svg" alt="System Insights" />

              <span className="text-sm font-medium text-black dark:text-white">
                System Insights
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Analyze device, OS, and system performance.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/users/overview" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/userbehavior.svg" alt="Users Behaviour" />

              <span className="text-sm font-medium text-black dark:text-white">
                Users Behaviour
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Understand how users move through product.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/users/user-engagement" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/engagement.svg" alt="Engagement" />

              <span className="text-sm font-medium text-black dark:text-white">
                Engagement
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Measure interactions, activity depth, and usage.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/users/user-growth" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/usergrowth.svg" alt="User Growth" />

              <span className="text-sm font-medium text-black dark:text-white">
                User Growth
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Monitor new, active, and returning users.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>
        </div>
      </div>
    </Tab>

    <Tab title="Ads Analytics">
      <div className="not-prose overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900">
        <div className="border-b border-gray-200 bg-[#F3F4F6] px-5 py-4 dark:border-gray-700 dark:bg-gray-800">
          <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
            <div>
              <p className="text-base font-semibold text-black dark:text-white">
                Ads Analytics Features
              </p>

              <div className="mt-1 text-sm text-gray-600 dark:text-gray-300">
                Measure campaign and ad performance
              </div>
            </div>

            <a href="/analytics/ad/ad-report" className="inline-flex w-fit shrink-0 items-center gap-2 rounded-lg border border-blue-200 bg-blue-50 px-4 py-2 text-sm font-medium text-blue-700 transition hover:bg-blue-100 dark:border-blue-700 dark:bg-blue-900/20 dark:text-blue-300 dark:hover:bg-blue-900/40">
              Explore Ads <span>→</span>
            </a>
          </div>
        </div>

        <div className="divide-y divide-gray-100 dark:divide-gray-800">
          <a href="/analytics/ad/ad-report" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/megaphone.svg" alt="Campaign Performance" />

              <span className="text-sm font-medium text-black dark:text-white">
                Campaign Performance
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Track campaign traffic, conversions, outcomes.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/ad/ad-report" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/introduction/user.svg" alt="Ad Revenue" />

              <span className="text-sm font-medium text-black dark:text-white">
                Ad Revenue
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Measure ad earnings and monetization trends.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/ad/ad-report" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/reports.svg" alt="Ad Impressions" />

              <span className="text-sm font-medium text-black dark:text-white">
                Ad Impressions
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Track total impressions across placements.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>
        </div>
      </div>
    </Tab>

    <Tab title="Messaging">
      <div className="not-prose overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900">
        <div className="border-b border-gray-200 bg-[#F3F4F6] px-5 py-4 dark:border-gray-700 dark:bg-gray-800">
          <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
            <div>
              <p className="text-base font-semibold text-black dark:text-white">
                Messaging Features
              </p>

              <div className="mt-1 text-sm text-gray-600 dark:text-gray-300">
                Create and measure engagement campaigns
              </div>
            </div>

            <a href="/analytics/messaging/messaging-overview" className="inline-flex w-fit shrink-0 items-center gap-2 rounded-lg border border-blue-200 bg-blue-50 px-4 py-2 text-sm font-medium text-blue-700 transition hover:bg-blue-100 dark:border-blue-700 dark:bg-blue-900/20 dark:text-blue-300 dark:hover:bg-blue-900/40">
              Explore Messaging <span>→</span>
            </a>
          </div>
        </div>

        <div className="divide-y divide-gray-100 dark:divide-gray-800">
          <a href="/analytics/messaging/create-message" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/createnotification.svg" alt="Create Notifications" />

              <span className="text-sm font-medium text-black dark:text-white">
                Create Notifications
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Create targeted campaigns for engagement.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/messaging/campaign-history" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/campaignreports.svg" alt="Campaign Reports" />

              <span className="text-sm font-medium text-black dark:text-white">
                Campaign Reports
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Analyze delivery, opens, clicks, and results.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>

          <a href="/analytics/messaging/campaign-history" className="twinalyze-core-feature-row grid h-12 box-border items-center gap-3 px-5 py-0 transition hover:bg-[#F3F4F6] dark:hover:bg-gray-800 md:grid-cols-[220px_1fr_110px]">
            <div className="flex items-center gap-3">
              <CoreFeatureIcon src="/icon/Introduction-coreFeatures/improvertention.svg" alt="Improve Retention" />

              <span className="text-sm font-medium text-black dark:text-white">
                Improve Retention
              </span>
            </div>

            <div className="text-sm text-gray-600 dark:text-gray-300">
              Bring users back with timely messages.
            </div>

            <div className="text-sm font-medium text-blue-600 dark:text-blue-400 md:text-right">
              View →
            </div>
          </a>
        </div>
      </div>
    </Tab>
  </Tabs>
</div>

***

## Community & Support

Connect with the Twinalyze team and community for product questions, technical support, and implementation guidance.

<div className="twinalyze-card-icons-26">
  <CardGroup cols={3}>
    <Card title="Discord Community" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/discord.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=6f243d0a1c989a06b013adbf37b570e0" href="https://discord.gg/qKKUyFwvH" width="36" height="36" data-path="icon/introduction/discord.svg">
      Connect with developers and get community support..
    </Card>

    <Card title="GitHub" icon="https://mintcdn.com/chartbazaar/vZG1BOkpTguYuKY9/icon/introduction/github.svg?fit=max&auto=format&n=vZG1BOkpTguYuKY9&q=85&s=4cc18c3f46a2cd527415d166555c78fa" href="https://github.com/twinalyze" width="1024" height="1024" data-path="icon/introduction/github.svg">
      Explore SDKs, APIs, and sample projects.
    </Card>

    <Card title="Email Support" icon="https://mintcdn.com/chartbazaar/o3KrTT5BpL0bfItx/icon/introduction/Mail.svg?fit=max&auto=format&n=o3KrTT5BpL0bfItx&q=85&s=897a06bbdebee517f4385416d0e5f423" href="mailto:support@twinalyze.com" width="36" height="36" data-path="icon/introduction/Mail.svg">
      Get help from Twinalyze team.
    </Card>
  </CardGroup>
</div>

<div className="twinalyze-bottom-nav twinalyze-bottom-nav-no-prev">
  <a href="/overview/dashboard-tour" className="twinalyze-nav-center twinalyze-nav-center-no-prev">
    <strong>Dashboard Tour</strong>
    <span>Explore the Twinalyze dashboard step by step.</span>
  </a>

  <a href="/overview/dashboard-tour" className="twinalyze-nav-side twinalyze-nav-side-next">
    <span>Next</span>
    <span className="twinalyze-nav-arrow">›</span>
  </a>
</div>