diff --git a/apps/dashboard/src/@/analytics/report.ts b/apps/dashboard/src/@/analytics/report.ts
index c054a150872..0f698ef75d7 100644
--- a/apps/dashboard/src/@/analytics/report.ts
+++ b/apps/dashboard/src/@/analytics/report.ts
@@ -702,3 +702,21 @@ export function reportTokenRowClicked(params: {
 }) {
   posthog.capture("token row clicked", params);
 }
+
+/**
+ * ### Why do we need to report this event?
+ * - To track engagement with the year-in-review/rewind feature
+ * - To measure how many users view their yearly stats
+ * - To understand the impact of this marketing feature
+ *
+ * ### Who is responsible for this event?
+ * @thirdweb
+ */
+export function reportRewindViewed(properties: {
+  year: number;
+  totalRpcRequests: number;
+  totalWalletConnections: number;
+  totalMainnetSponsoredTransactions: number;
+}) {
+  posthog.capture("rewind viewed", properties);
+}
diff --git a/apps/dashboard/src/@/api/rewind/get-year-in-review.ts b/apps/dashboard/src/@/api/rewind/get-year-in-review.ts
new file mode 100644
index 00000000000..74905cd2bca
--- /dev/null
+++ b/apps/dashboard/src/@/api/rewind/get-year-in-review.ts
@@ -0,0 +1,182 @@
+import "server-only";
+import {
+  getAggregateUserOpUsage,
+  getEOAAndInAppWalletConnections,
+  getRpcUsageByType,
+} from "@/api/analytics";
+
+type YearInReviewStats = {
+  totalRpcRequests: number;
+  totalWalletConnections: number;
+  totalMainnetSponsoredTransactions: number;
+  year: number;
+};
+
+/**
+ * Get year-in-review statistics for the current user across all their teams
+ * Hardcoded to 2025 (Jan 1, 2025 - Dec 31, 2025)
+ */
+export async function getYearInReview(
+  authToken: string,
+  teamIds: string[],
+): Promise<YearInReviewStats> {
+  const year = 2025;
+
+  if (!authToken || teamIds.length === 0) {
+    return {
+      totalRpcRequests: 0,
+      totalWalletConnections: 0,
+      totalMainnetSponsoredTransactions: 0,
+      year,
+    };
+  }
+
+  // Hardcoded to 2025: Jan 1, 2025 - Dec 31, 2025
+  const yearStart = new Date(2025, 0, 1);
+  const yearEnd = new Date(2025, 11, 31, 23, 59, 59, 999);
+
+  // Fetch all data in parallel across all teams
+  const [rpcRequests, walletConnections, sponsoredTxs] = await Promise.all([
+    // Get total RPC requests across all teams
+    getTotalRpcRequests(teamIds, authToken, yearStart, yearEnd),
+    // Get total wallet connections across all teams
+    getTotalWalletConnections(teamIds, authToken, yearStart, yearEnd),
+    // Get total mainnet sponsored transactions across all teams
+    getTotalMainnetSponsoredTransactions(
+      teamIds,
+      authToken,
+      yearStart,
+      yearEnd,
+    ),
+  ]);
+
+  return {
+    totalRpcRequests: rpcRequests,
+    totalWalletConnections: walletConnections,
+    totalMainnetSponsoredTransactions: sponsoredTxs,
+    year,
+  };
+}
+
+async function getTotalRpcRequests(
+  teamIds: string[],
+  authToken: string,
+  from: Date,
+  to: Date,
+): Promise<number> {
+  try {
+    // Aggregate RPC requests across all teams using the same API as analytics
+    const requests = await Promise.all(
+      teamIds.map(async (teamId) => {
+        try {
+          // Use getRpcUsageByType without projectId to get team-level data
+          // This matches the format used in the analytics pages
+          const usageData = await getRpcUsageByType(
+            {
+              teamId,
+              from,
+              to,
+              period: "all",
+            },
+            authToken,
+          );
+
+          // Sum up all counts from the usage data
+          return usageData.reduce((sum, item) => sum + (item.count || 0), 0);
+        } catch (error) {
+          console.error(`Failed to fetch RPC usage for team ${teamId}:`, error);
+          return 0;
+        }
+      }),
+    );
+
+    return requests.reduce((sum, count) => sum + count, 0);
+  } catch (error) {
+    console.error("Failed to fetch RPC requests:", error);
+    return 0;
+  }
+}
+
+async function getTotalWalletConnections(
+  teamIds: string[],
+  authToken: string,
+  from: Date,
+  to: Date,
+): Promise<number> {
+  try {
+    // Aggregate wallet connections across all teams
+    const connections = await Promise.all(
+      teamIds.map(async (teamId) => {
+        try {
+          const walletStats = await getEOAAndInAppWalletConnections(
+            {
+              teamId,
+              from,
+              to,
+              period: "all",
+            },
+            authToken,
+          );
+
+          // Sum unique wallets connected (for "onboarded users" metric)
+          // Note: With period: "all", this should be a single aggregated stat,
+          // but we sum in case there are multiple stats (e.g., by wallet type)
+          return walletStats.reduce(
+            (sum, stat) => sum + (stat.uniqueWalletsConnected || 0),
+            0,
+          );
+        } catch (error) {
+          console.error(
+            `Failed to fetch wallet connections for team ${teamId}:`,
+            error,
+          );
+          return 0;
+        }
+      }),
+    );
+
+    return connections.reduce((sum, count) => sum + count, 0);
+  } catch (error) {
+    console.error("Failed to fetch wallet connections:", error);
+    return 0;
+  }
+}
+
+async function getTotalMainnetSponsoredTransactions(
+  teamIds: string[],
+  authToken: string,
+  from: Date,
+  to: Date,
+): Promise<number> {
+  try {
+    // Aggregate mainnet sponsored transactions across all teams
+    // getAggregateUserOpUsage filters out testnets automatically
+    const transactions = await Promise.all(
+      teamIds.map(async (teamId) => {
+        try {
+          const aggregateStats = await getAggregateUserOpUsage(
+            {
+              teamId,
+              from,
+              to,
+            },
+            authToken,
+          );
+
+          return aggregateStats.successful || 0;
+        } catch (error) {
+          console.error(
+            `Failed to fetch mainnet sponsored transactions for team ${teamId}:`,
+            error,
+          );
+          return 0;
+        }
+      }),
+    );
+
+    return transactions.reduce((sum, count) => sum + count, 0);
+  } catch (error) {
+    console.error("Failed to fetch mainnet sponsored transactions:", error);
+    return 0;
+  }
+}
diff --git a/apps/dashboard/src/app/(app)/account/components/AccountHeaderUI.tsx b/apps/dashboard/src/app/(app)/account/components/AccountHeaderUI.tsx
index c46d610f74b..95beb4cb155 100644
--- a/apps/dashboard/src/app/(app)/account/components/AccountHeaderUI.tsx
+++ b/apps/dashboard/src/app/(app)/account/components/AccountHeaderUI.tsx
@@ -11,6 +11,7 @@ import { MobileBurgerMenuButton } from "../../components/MobileBurgerMenuButton"
 import { ThirdwebMiniLogo } from "../../components/ThirdwebMiniLogo";
 import { TeamAndProjectSelectorPopoverButton } from "../../team/components/TeamHeader/TeamAndProjectSelectorPopoverButton";
 import { TeamSelectorMobileMenuButton } from "../../team/components/TeamHeader/TeamSelectorMobileMenuButton";
+import { RewindBadge } from "./RewindBadge";
 
 export type AccountHeaderCompProps = {
   className?: string;
@@ -36,6 +37,7 @@ export function AccountHeaderDesktopUI(props: AccountHeaderCompProps) {
         <Link href="/team">
           <ThirdwebMiniLogo className="h-5" />
         </Link>
+        <RewindBadge />
 
         <SlashSeparator />
 
diff --git a/apps/dashboard/src/app/(app)/account/components/RewindBadge.tsx b/apps/dashboard/src/app/(app)/account/components/RewindBadge.tsx
new file mode 100644
index 00000000000..eee2d814b88
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/account/components/RewindBadge.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import { ChevronsLeftIcon } from "lucide-react";
+import { useState } from "react";
+import { cn } from "@/lib/utils";
+import { RewindModal } from "../rewind/RewindModal";
+
+export function RewindBadge({ className }: { className?: string }) {
+  const [open, setOpen] = useState(false);
+  const year = 2025; // Hardcoded to 2025
+
+  return (
+    <>
+      <button
+        type="button"
+        onClick={() => setOpen(true)}
+        className={cn(
+          "inline-flex items-center gap-1.5 rounded-md bg-gradient-to-r from-blue-500 to-purple-500 px-2.5 py-1 text-xs font-semibold text-white transition-opacity hover:opacity-90",
+          className,
+        )}
+      >
+        <ChevronsLeftIcon className="h-3 w-3" />
+        <span>{year.toString().slice(-2)}</span>
+      </button>
+      <RewindModal open={open} onOpenChange={setOpen} />
+    </>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/account/layout.tsx b/apps/dashboard/src/app/(app)/account/layout.tsx
index a547308c520..e2af2ec135f 100644
--- a/apps/dashboard/src/app/(app)/account/layout.tsx
+++ b/apps/dashboard/src/app/(app)/account/layout.tsx
@@ -78,6 +78,10 @@ async function HeaderAndNav(props: {
             name: "Overview",
             path: "/account",
           },
+          {
+            name: "Rewind",
+            path: "/account/rewind",
+          },
           {
             name: "Settings",
             path: "/account/settings",
diff --git a/apps/dashboard/src/app/(app)/account/page.tsx b/apps/dashboard/src/app/(app)/account/page.tsx
index 9e7d7017eab..24ca3f2872b 100644
--- a/apps/dashboard/src/app/(app)/account/page.tsx
+++ b/apps/dashboard/src/app/(app)/account/page.tsx
@@ -6,6 +6,7 @@ import { getMemberByAccountId } from "@/api/team/team-members";
 import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { loginRedirect } from "@/utils/redirects";
 import { AccountTeamsUI } from "./overview/AccountTeamsUI";
+import { RewindModalClient } from "./rewind/RewindModalClient";
 
 export default async function Page() {
   const [authToken, account, teams] = await Promise.all([
@@ -49,6 +50,8 @@ export default async function Page() {
       <div className="container flex max-w-[950px] grow flex-col py-8">
         <AccountTeamsUI client={client} teamsWithRole={teamsWithRole} />
       </div>
+
+      <RewindModalClient />
     </div>
   );
 }
diff --git a/apps/dashboard/src/app/(app)/account/rewind/RewindModal.tsx b/apps/dashboard/src/app/(app)/account/rewind/RewindModal.tsx
new file mode 100644
index 00000000000..46203fda29d
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/account/rewind/RewindModal.tsx
@@ -0,0 +1,464 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { Button } from "@workspace/ui/components/button";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  SendIcon,
+  Share2Icon,
+  WalletIcon,
+  ZapIcon,
+} from "lucide-react";
+import { useEffect, useState } from "react";
+import { reportRewindViewed } from "@/analytics/report";
+import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
+import { cn } from "@/lib/utils";
+import { ThirdwebMiniLogo } from "../../components/ThirdwebMiniLogo";
+
+type YearInReviewStats = {
+  totalRpcRequests: number;
+  totalWalletConnections: number;
+  totalMainnetSponsoredTransactions: number;
+  year: number;
+};
+
+async function fetchYearInReview(): Promise<YearInReviewStats> {
+  const res = await fetch(`/api/rewind`);
+  if (!res.ok) {
+    throw new Error("Failed to fetch year in review");
+  }
+  return res.json();
+}
+
+function formatNumber(num: number): string {
+  if (num >= 1_000_000) {
+    return `${(num / 1_000_000).toFixed(1)}M`;
+  }
+  if (num >= 1_000) {
+    return `${(num / 1_000).toFixed(1)}K`;
+  }
+  return num.toLocaleString();
+}
+
+const metrics = [
+  {
+    key: "totalRpcRequests" as const,
+    label: "RPC Requests",
+    icon: ZapIcon,
+    color: "bg-blue-500",
+    message: (value: number) => `You sent ${formatNumber(value)} RPC requests`,
+    description: "Powering your dApps with lightning-fast infrastructure",
+  },
+  {
+    key: "totalWalletConnections" as const,
+    label: "Wallet Connections",
+    icon: WalletIcon,
+    color: "bg-purple-500",
+    message: (value: number) => `You onboarded ${formatNumber(value)} users`,
+    description: "Helping users connect their wallets seamlessly",
+  },
+  {
+    key: "totalMainnetSponsoredTransactions" as const,
+    label: "Sponsored Transactions",
+    icon: SendIcon,
+    color: "bg-green-500",
+    message: (value: number) =>
+      `You sent ${formatNumber(value)} gasless transactions`,
+    description: "Removing barriers with sponsored transaction fees",
+  },
+];
+
+const TOTAL_SLIDES = 5; // 1 intro slide + 3 metric slides + 1 share slide
+
+export function RewindModal({
+  open,
+  onOpenChange,
+}: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}) {
+  const displayYear = 2025;
+  const [currentSlide, setCurrentSlide] = useState(0);
+  const { data, isLoading } = useQuery({
+    queryKey: ["year-in-review", displayYear],
+    queryFn: () => fetchYearInReview(),
+    staleTime: 60 * 60 * 1000,
+    enabled: open,
+  });
+
+  const [_introPhase, setIntroPhase] = useState<"logo" | "wrapped">("logo");
+  const [startAnimation, setStartAnimation] = useState(false);
+
+  // Reset to first slide when modal opens
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    if (open) {
+      setCurrentSlide(0);
+      setIntroPhase("logo");
+      setStartAnimation(false);
+      // Start animation after a brief moment (300ms)
+      const startTimer = setTimeout(() => {
+        setStartAnimation(true);
+      }, 300);
+      return () => clearTimeout(startTimer);
+    }
+  }, [open]);
+
+  // Animate logo to wrapped position
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    if (open && currentSlide === 0 && startAnimation) {
+      // Phase 1: Show logo spinning and shrinking (5s), then mark as wrapped
+      const timer = setTimeout(() => {
+        setIntroPhase("wrapped");
+      }, 5000); // Match the animation duration
+
+      return () => clearTimeout(timer);
+    } else if (open && currentSlide === 0) {
+      // Reset to logo phase when modal opens
+      setIntroPhase("logo");
+    }
+  }, [open, currentSlide, startAnimation]);
+
+  // Report analytics when data loads
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    if (data && open) {
+      reportRewindViewed({
+        year: displayYear,
+        totalRpcRequests: data.totalRpcRequests,
+        totalWalletConnections: data.totalWalletConnections,
+        totalMainnetSponsoredTransactions:
+          data.totalMainnetSponsoredTransactions,
+      });
+    }
+  }, [data, open]);
+
+  const handleNext = () => {
+    if (currentSlide < TOTAL_SLIDES - 1) {
+      setCurrentSlide(currentSlide + 1);
+    }
+  };
+
+  const handlePrev = () => {
+    if (currentSlide > 0) {
+      setCurrentSlide(currentSlide - 1);
+    }
+  };
+
+  const handleShare = () => {
+    if (!data) return;
+    const text = `I sent ${formatNumber(data.totalRpcRequests)} RPC requests, connected ${formatNumber(data.totalWalletConnections)} wallets, and sponsored ${formatNumber(data.totalMainnetSponsoredTransactions)} mainnet transactions on thirdweb this year! 🚀`;
+
+    if (navigator.share) {
+      navigator
+        .share({
+          title: `My ${displayYear} thirdweb Rewind`,
+          text,
+          url: window.location.href,
+        })
+        .catch(() => {
+          navigator.clipboard.writeText(text);
+        });
+    } else {
+      navigator.clipboard.writeText(text);
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <Dialog open={open} onOpenChange={onOpenChange}>
+        <DialogContent className="max-w-2xl p-0 gap-0 overflow-hidden bg-card border-border">
+          <DialogTitle className="sr-only">
+            {displayYear} Year in Review - Loading
+          </DialogTitle>
+          <div className="flex items-center justify-center min-h-[400px] bg-background">
+            <div className="text-center">
+              <div className="mb-4 inline-block animate-spin rounded-full border-4 border-foreground border-t-transparent h-8 w-8" />
+              <p className="text-muted-foreground">
+                Loading your year in review...
+              </p>
+            </div>
+          </div>
+        </DialogContent>
+      </Dialog>
+    );
+  }
+
+  if (!data) {
+    return null;
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent
+        className="max-w-2xl p-0 gap-0 overflow-hidden bg-card border-border"
+        dialogCloseClassName="hidden"
+      >
+        <DialogTitle className="sr-only">
+          {displayYear} Year in Review
+        </DialogTitle>
+
+        {/* Header - only show on non-intro slides */}
+        {currentSlide !== 0 && (
+          <div className="px-8 pt-8 pb-6 border-b border-border bg-background">
+            <div className="flex items-center justify-between">
+              <div>
+                <h2 className="text-2xl font-semibold text-foreground">
+                  {displayYear} wrapped
+                </h2>
+                <p className="text-sm text-muted-foreground mt-1">
+                  Powered by thirdweb
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => onOpenChange(false)}
+                className="text-muted-foreground hover:text-foreground transition-colors"
+                aria-label="Close"
+              >
+                <svg
+                  className="h-5 w-5"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  aria-hidden="true"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        )}
+
+        {/* Content */}
+        <div className="relative min-h-[400px] bg-background">
+          {/* Intro Slide with Logo Animation */}
+          <div
+            className={cn(
+              "absolute inset-0 transition-all duration-500 ease-in-out",
+              currentSlide === 0
+                ? "opacity-100 translate-x-0"
+                : "opacity-0 -translate-x-full pointer-events-none",
+            )}
+          >
+            <div className="relative flex h-full flex-col items-center justify-center px-8 py-16 gap-8">
+              {/* Close button for intro slide */}
+              <button
+                type="button"
+                onClick={() => onOpenChange(false)}
+                className="absolute right-8 top-8 text-muted-foreground hover:text-foreground transition-colors"
+                aria-label="Close"
+              >
+                <svg
+                  className="h-5 w-5"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                  aria-hidden="true"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                </svg>
+              </button>
+              {/* Top: Full thirdweb Logo */}
+              <div
+                className={cn(
+                  "flex items-center gap-2 transition-all duration-700",
+                  startAnimation
+                    ? "translate-y-0 opacity-100"
+                    : "-translate-y-8 opacity-0",
+                )}
+              >
+                <ThirdwebMiniLogo className="h-6 w-auto" />
+                <span className="text-xl font-bold text-foreground">
+                  thirdweb
+                </span>
+              </div>
+
+              {/* Center: Year and Wrapped */}
+              <div className="flex flex-col items-center gap-4">
+                {/* Year - show immediately */}
+                <div className="text-6xl font-bold text-foreground md:text-7xl">
+                  {displayYear}
+                </div>
+
+                {/* Wrapped with animated logo as "W" */}
+                <div className="flex items-center gap-1 text-4xl font-bold text-foreground md:text-5xl">
+                  {/* Logo: Starts at normal size, spins */}
+                  <div
+                    className={cn(
+                      "transition-all duration-[5000ms] ease-in-out inline-flex items-center justify-center",
+                      startAnimation
+                        ? "scale-100 rotate-[360deg]"
+                        : "scale-100 rotate-0",
+                    )}
+                  >
+                    <ThirdwebMiniLogo className="h-[1em] w-auto" />
+                  </div>
+                  {/* "rapped" text appears immediately, fades in */}
+                  <span
+                    className={cn(
+                      "transition-all duration-2000 ease-out",
+                      startAnimation
+                        ? "opacity-100 translate-x-0"
+                        : "opacity-0 -translate-x-4",
+                    )}
+                  >
+                    rapped
+                  </span>
+                </div>
+              </div>
+
+              {/* Bottom: View highlights button */}
+              <Button
+                onClick={handleNext}
+                variant="outline"
+                size="lg"
+                className={cn(
+                  "transition-all duration-500",
+                  startAnimation
+                    ? "translate-y-0 opacity-100"
+                    : "translate-y-8 opacity-0 pointer-events-none",
+                )}
+                type="button"
+              >
+                View highlights
+              </Button>
+            </div>
+          </div>
+
+          {/* Individual Metric Slides */}
+          {metrics.map((metric, index) => {
+            const metricSlideIndex = index + 1; // Metrics start at slide 1
+            const Icon = metric.icon;
+            const value = data[metric.key];
+            return (
+              <div
+                key={metric.key}
+                className={cn(
+                  "absolute inset-0 transition-all duration-500 ease-in-out",
+                  currentSlide === metricSlideIndex
+                    ? "opacity-100 translate-x-0"
+                    : currentSlide < metricSlideIndex
+                      ? "opacity-0 translate-x-full pointer-events-none"
+                      : "opacity-0 -translate-x-full pointer-events-none",
+                )}
+              >
+                <div className="p-8 flex flex-col items-center justify-center h-full text-center">
+                  <div
+                    className={cn(
+                      "rounded-full p-6 mb-6 text-white",
+                      metric.color,
+                    )}
+                  >
+                    <Icon className="w-16 h-16" />
+                  </div>
+                  <h3 className="text-3xl font-bold text-foreground mb-4">
+                    {metric.message(value)}
+                  </h3>
+                  <p className="text-muted-foreground text-lg">
+                    {metric.description}
+                  </p>
+                </div>
+              </div>
+            );
+          })}
+
+          {/* Share Slide */}
+          <div
+            className={cn(
+              "absolute inset-0 transition-all duration-500 ease-in-out",
+              currentSlide === TOTAL_SLIDES - 1
+                ? "opacity-100 translate-x-0"
+                : "opacity-0 translate-x-full pointer-events-none",
+            )}
+          >
+            <div className="p-8 flex flex-col items-center justify-center h-full text-center">
+              <div className="bg-muted rounded-full p-6 mb-6">
+                <Share2Icon className="w-12 h-12 text-foreground" />
+              </div>
+              <h3 className="text-2xl font-semibold text-foreground mb-3">
+                Share Your Year
+              </h3>
+              <p className="text-muted-foreground mb-8 max-w-md">
+                Show off your {displayYear} achievements with your team and the
+                community!
+              </p>
+              <Button onClick={handleShare} size="lg" className="gap-2">
+                <Share2Icon className="w-4 h-4" />
+                Share Your Stats
+              </Button>
+            </div>
+          </div>
+        </div>
+
+        {/* Footer with Navigation */}
+        {currentSlide > 0 && (
+          <div className="px-8 py-6 border-t border-border bg-background">
+            <div className="flex items-center justify-between">
+              {/* Navigation Arrows */}
+              <div className="flex gap-2">
+                <Button
+                  variant="outline"
+                  size="icon"
+                  onClick={handlePrev}
+                  disabled={currentSlide === 1}
+                  className="h-9 w-9"
+                  type="button"
+                >
+                  <ChevronLeftIcon className="w-4 h-4" />
+                </Button>
+                <Button
+                  variant="outline"
+                  size="icon"
+                  onClick={handleNext}
+                  disabled={currentSlide === TOTAL_SLIDES - 1}
+                  className="h-9 w-9"
+                  type="button"
+                >
+                  <ChevronRightIcon className="w-4 h-4" />
+                </Button>
+              </div>
+
+              {/* Slide Indicators */}
+              <div className="flex gap-2">
+                {Array.from({ length: TOTAL_SLIDES }, (_, i) => i).map(
+                  (slideIndex) => (
+                    <button
+                      key={`slide-indicator-${slideIndex}`}
+                      type="button"
+                      onClick={() => setCurrentSlide(slideIndex)}
+                      className={cn(
+                        "h-2 rounded-full transition-all",
+                        currentSlide === slideIndex
+                          ? "w-8 bg-foreground"
+                          : "w-2 bg-border hover:bg-muted-foreground",
+                      )}
+                      aria-label={`Go to slide ${slideIndex + 1}`}
+                    />
+                  ),
+                )}
+              </div>
+
+              {/* Slide Counter */}
+              <div className="text-sm font-medium text-muted-foreground w-[76px] text-right">
+                {currentSlide + 1} / {TOTAL_SLIDES}
+              </div>
+            </div>
+          </div>
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/account/rewind/RewindModalClient.tsx b/apps/dashboard/src/app/(app)/account/rewind/RewindModalClient.tsx
new file mode 100644
index 00000000000..e9c3acc7e50
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/account/rewind/RewindModalClient.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { RewindModal } from "./RewindModal";
+
+export function RewindModalClient() {
+  const [open, setOpen] = useState(false);
+  const displayYear = 2025; // Match the hardcoded year in RewindModal
+  const currentMonth = new Date().getMonth();
+  const _currentDay = new Date().getDate();
+
+  // Show rewind modal in December or January
+  // Check if user has seen it for the display year
+  // eslint-disable-next-line no-restricted-syntax
+  useEffect(() => {
+    const hasSeenRewind = localStorage.getItem(`rewind-seen-${displayYear}`);
+    const shouldShowRewind =
+      (currentMonth === 11 || currentMonth === 0) && !hasSeenRewind;
+
+    if (shouldShowRewind) {
+      // Small delay for better UX
+      const timer = setTimeout(() => {
+        setOpen(true);
+      }, 1000);
+
+      return () => clearTimeout(timer);
+    }
+  }, [currentMonth]);
+
+  const handleOpenChange = (newOpen: boolean) => {
+    setOpen(newOpen);
+    if (!newOpen) {
+      // Mark as seen for the display year
+      localStorage.setItem(`rewind-seen-${displayYear}`, "true");
+    }
+  };
+
+  return <RewindModal open={open} onOpenChange={handleOpenChange} />;
+}
diff --git a/apps/dashboard/src/app/(app)/account/rewind/page.tsx b/apps/dashboard/src/app/(app)/account/rewind/page.tsx
new file mode 100644
index 00000000000..4215fb60731
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/account/rewind/page.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { Button } from "@workspace/ui/components/button";
+import { SparklesIcon } from "lucide-react";
+import { useState } from "react";
+import { RewindModal } from "./RewindModal";
+
+export default function RewindPage() {
+  const [open, setOpen] = useState(true);
+  const displayYear = 2025;
+
+  return (
+    <div className="flex grow flex-col items-center justify-center">
+      <div className="text-center mb-8">
+        <div className="mb-4 inline-flex items-center gap-2 rounded-full bg-primary/10 px-4 py-2">
+          <SparklesIcon className="h-4 w-4 text-primary" />
+          <span className="text-sm font-medium text-primary">
+            {displayYear} Year in Review
+          </span>
+        </div>
+        <h1 className="mb-4 text-5xl font-bold tracking-tight">
+          Your thirdweb Rewind
+        </h1>
+        <p className="text-lg text-muted-foreground mb-8">
+          A look back at your journey building on web3 this year
+        </p>
+        <Button
+          onClick={() => setOpen(true)}
+          size="lg"
+          className="text-lg px-8 py-6"
+        >
+          View Your Rewind
+        </Button>
+      </div>
+
+      <RewindModal open={open} onOpenChange={setOpen} />
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/components/TeamHeader/TeamHeaderUI.tsx b/apps/dashboard/src/app/(app)/team/components/TeamHeader/TeamHeaderUI.tsx
index 3726f034de8..4c4e2b7bd24 100644
--- a/apps/dashboard/src/app/(app)/team/components/TeamHeader/TeamHeaderUI.tsx
+++ b/apps/dashboard/src/app/(app)/team/components/TeamHeader/TeamHeaderUI.tsx
@@ -9,6 +9,7 @@ import { NotificationsButton } from "@/components/notifications/notification-but
 import type { Account } from "@/hooks/useApi";
 import { cn } from "@/lib/utils";
 import { getValidTeamPlan } from "@/utils/getValidTeamPlan";
+import { RewindBadge } from "../../../account/components/RewindBadge";
 import { SecondaryNav } from "../../../components/Header/SecondaryNav/SecondaryNav";
 import { MobileBurgerMenuButton } from "../../../components/MobileBurgerMenuButton";
 import { ThirdwebMiniLogo } from "../../../components/ThirdwebMiniLogo";
@@ -53,6 +54,7 @@ export function TeamHeaderDesktopUI(props: TeamHeaderCompProps) {
         <Link href="/team">
           <ThirdwebMiniLogo className="h-5" />
         </Link>
+        <RewindBadge />
 
         <SlashSeparator />
 
diff --git a/apps/dashboard/src/app/api/rewind/route.ts b/apps/dashboard/src/app/api/rewind/route.ts
new file mode 100644
index 00000000000..925dd21a9f8
--- /dev/null
+++ b/apps/dashboard/src/app/api/rewind/route.ts
@@ -0,0 +1,27 @@
+import "server-only";
+import { NextResponse } from "next/server";
+import { getAuthToken } from "@/api/auth-token";
+import { getYearInReview } from "@/api/rewind/get-year-in-review";
+import { getTeams } from "@/api/team/get-team";
+
+export async function GET(request: Request) {
+  const authToken = await getAuthToken();
+  if (!authToken) {
+    return NextResponse.redirect(new URL("/account/rewind", request.url));
+  }
+
+  try {
+    const teams = await getTeams();
+    const teamIds = teams?.map((t) => t.id) || [];
+
+    // Hardcoded to 2025
+    const stats = await getYearInReview(authToken, teamIds);
+    return NextResponse.json(stats);
+  } catch (error) {
+    console.error("Failed to fetch year in review:", error);
+    return NextResponse.json(
+      { error: "Failed to fetch year in review" },
+      { status: 500 },
+    );
+  }
+}