diff --git a/components/LegislatorProfile/LegislatorComponents.tsx b/components/LegislatorProfile/LegislatorComponents.tsx
new file mode 100644
index 000000000..e420630f4
--- /dev/null
+++ b/components/LegislatorProfile/LegislatorComponents.tsx
@@ -0,0 +1,131 @@
+import { useTranslation } from "next-i18next"
+import styled from "styled-components"
+
+export const formatPhoneNumber = (value: string) => {
+  if (!value) return value
+
+  const phoneNumber = value.replace(/[^\d]/g, "")
+  const phoneNumberLength = phoneNumber.length
+
+  // Format as (XXX) XXX-XXXX
+  if (phoneNumberLength < 4) return phoneNumber
+  if (phoneNumberLength < 7) {
+    return `(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`
+  }
+  return `
+      (${phoneNumber.slice(0, 3)})
+       ${phoneNumber.slice(3, 6)}-
+       ${phoneNumber.slice(6, 10)}
+    `
+}
+
+/** Party Labels **/
+
+const DemocraticBubble = styled.div.attrs(props => ({
+  className: `${props.className}`
+}))`
+  background: #d1d6e7;
+  color: #1a3185;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 1px 10px;
+  border-radius: 999px;
+  width: max-content;
+`
+
+const DistrictBubble = styled.div.attrs(props => ({
+  className: `ms-1 ${props.className}`
+}))`
+  background: #fff3cd;
+  color: #856404;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 1px 10px;
+  border-radius: 999px;
+  width: max-content;
+`
+
+const IndependantBubble = styled.div.attrs(props => ({
+  className: `${props.className}`
+}))`
+  background: #bca0dc;
+  color: #3c1361;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 1px 10px;
+  border-radius: 999px;
+  width: max-content;
+`
+
+const RepublicanBubble = styled.div.attrs(props => ({
+  className: `${props.className}`
+}))`
+  background: #f29999;
+  color: #de0100;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 1px 10px;
+  border-radius: 999px;
+  width: max-content;
+`
+
+export function DistrictLabel(props: { district: string }) {
+  return <DistrictBubble>{props.district}</DistrictBubble>
+}
+
+export function PartyLabel(props: { party: string }) {
+  const { t } = useTranslation("legislators")
+
+  switch (props.party) {
+    case "Democrat":
+      return <DemocraticBubble>{t("party.democratic")}</DemocraticBubble>
+    case "Republican":
+      return <RepublicanBubble>{t("party.republican")}</RepublicanBubble>
+    default:
+      return (
+        <IndependantBubble>
+          {props.party} {t("party.party")}
+        </IndependantBubble>
+      )
+  }
+}
+
+/** Social Media components **/
+
+export function Bluesky() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      className="bi bi-bluesky"
+      viewBox="0 0 16 16"
+    >
+      <path d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948" />
+    </svg>
+  )
+}
+
+export function LinkedIn() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      className="bi bi-linkedin"
+      viewBox="0 0 16 16"
+    >
+      <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
+    </svg>
+  )
+}
+
+export function Twitter() {
+  return (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="#1a3185">
+      <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
+    </svg>
+  )
+}
diff --git a/components/LegislatorProfile/LegislatorProfilePage.tsx b/components/LegislatorProfile/LegislatorProfilePage.tsx
index 34a0d4ed8..4a0e22df5 100644
--- a/components/LegislatorProfile/LegislatorProfilePage.tsx
+++ b/components/LegislatorProfile/LegislatorProfilePage.tsx
@@ -1,8 +1,37 @@
+import { faChevronRight } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import ErrorPage from "next/error"
+import { useTranslation } from "next-i18next"
 import styled from "styled-components"
+
+import * as links from "../links"
+
+import {
+  Bluesky,
+  DistrictLabel,
+  formatPhoneNumber,
+  LinkedIn,
+  PartyLabel,
+  Twitter
+} from "./LegislatorComponents"
+// import { LegislatorSidebar } from "./SidebarComponents/LegislatorSidebar"
+import { LegislatorTabs } from "./LegislatorTabs"
+
+import { useAuth } from "components/auth"
 import { Col, Container, Row, Spinner } from "components/bootstrap"
 import { useDistrict, useMember } from "components/db"
-import { DistrictTab } from "./DistrictTab"
+import { Internal } from "components/links"
+import { FollowUserButton } from "components/shared/FollowButton"
+import { CircleImage } from "components/shared/LabeledIcon"
+
+type ProfilePlaceholder = {
+  social?: {
+    blueSky?: string
+    linkedIn?: string
+    twitter?: string
+  }
+  website?: string
+}
 
 const tabs = [
   "Priorities",
@@ -14,21 +43,95 @@ const tabs = [
   "Votes"
 ]
 
-const TabButton = styled.button`
-  background: transparent;
-  border: 0;
-  border-bottom: 5px solid transparent;
-  color: #68707a;
-  font-size: 1.35rem;
+const ButtonContainer = styled(Col).attrs(props => ({
+  className: `col-12 justify-content-md-end ${props.className}`,
+  md: `3`,
+  sm: `4`
+}))`
+  width: max-content;
+`
+
+const DirectoryPath = styled.div.attrs(props => ({
+  className: `align-items-center d-flex flex-nowrap ${props.className}`
+}))`
+  font-size: 12px;
+`
+
+const HeaderBlock = styled.div.attrs(props => ({
+  className: `d-flex flex-wrap justify-content-between ${props.className}`
+}))`
+  background-color: white;
+  border: "1px #ced4da solid";
+  border-radius: 5px;
+  margin-top: 8px;
+  padding: 16px;
+`
+
+const HeaderName = styled.div`
+  font-size: 26px;
   font-weight: 700;
-  padding: 1.35rem 1.9rem 1.15rem;
+  color: #0b0a3e;
+`
 
-  &.active {
-    border-bottom-color: #18358f;
-    color: #18358f;
-  }
+const RoleLine = styled.div.attrs(props => ({
+  className: `mb-2 ${props.className}`
+}))`
+  color: #6c757d;
+  font-size: 14px;
+`
+
+const PhoneNum = styled.span`
+  color: #6c757d;
+`
+
+const SocialLine = styled.div.attrs(props => ({
+  className: `d-flex flex-wrap mb-2 ${props.className}`
+}))`
+  font-size: 12px;
+  text-decoration: none;
+`
+
+const StatBlock = styled(Col).attrs(props => ({
+  className: `d-flex col-4 flex-grow-1 ${props.className}`,
+  md: `2`
+}))`
+  background-color: white;
+  border: 1px #ced4da solid;
+  border-radius: 5px;
+  margin-top: 4px;
+  padding: 16px;
 `
 
+const StatLine = styled(Row).attrs(props => ({
+  className: `text-nowrap ${props.className}`
+}))`
+  font-size: 12px;
+`
+
+const StatNum = styled.div.attrs(props => ({
+  className: `mx-auto ${props.className}`
+}))`
+  color: #1a3185;
+  font-size: 22px;
+  font-weight: 700;
+  width: max-content;
+`
+
+// const TabButton = styled.button`
+//   background: transparent;
+//   border: 0;
+//   border-bottom: 5px solid transparent;
+//   color: #68707a;
+//   font-size: 1.35rem;
+//   font-weight: 700;
+//   padding: 1.35rem 1.9rem 1.15rem;
+
+//   &.active {
+//     border-bottom-color: #18358f;
+//     color: #18358f;
+//   }
+// `
+
 export function LegislatorProfilePage({
   court,
   memberCode
@@ -42,6 +145,24 @@ export function LegislatorProfilePage({
     member?.Branch,
     member?.District
   )
+  const { t } = useTranslation("legislators")
+  // const { user } = useAuth() **uncomment when Following Button in enabled**
+
+  /* replace with profile info for legislators with Maple accounts */
+  let profile: ProfilePlaceholder = {
+    // social: {
+    //   blueSky: "blueskyTest",
+    //   linkedIn: "linkedinTest",
+    //   twitter: "twitterTest"
+    // },
+    // website: "test.com"
+    social: {
+      blueSky: "",
+      linkedIn: "",
+      twitter: ""
+    },
+    website: ""
+  }
 
   if (memberLoading) {
     return (
@@ -55,17 +176,210 @@ export function LegislatorProfilePage({
     return <ErrorPage statusCode={404} withDarkMode={false} />
   }
 
+  console.log("district: ", district)
+
   return (
-    <Container fluid="xl" className="pb-5">
-      <Row className="mt-4 mb-3">
+    <Container className="my-3">
+      <DirectoryPath>
+        <Internal className="text-decoration-none" href="/">
+          {t("home")}
+        </Internal>
+        <FontAwesomeIcon className="fa-2xs px-2 " icon={faChevronRight} />
+
+        {/* update with link to legistators search page when that is created */}
+        <div style={{ color: "#6c757d" }}>{t("legislators")}</div>
+        {/* */}
+
+        <FontAwesomeIcon className="fa-2xs px-2 " icon={faChevronRight} />
+        <div style={{ color: "#6c757d" }}>{member.Name}</div>
+      </DirectoryPath>
+
+      <HeaderBlock>
+        <CircleImage className="me-2">
+          <img
+            src={`https://malegislature.gov/Legislators/Profile/170/${member.MemberCode}.jpg`}
+            alt={""}
+            className={`image`}
+          />
+        </CircleImage>
+
         <Col>
-          <h1 className="fw-bold mb-1">{member.Name}</h1>
-          <p className="fs-5 text-body-secondary mb-0">
-            {member.Branch} - {member.District}
-          </p>
+          <Col className="d-flex" xs="6" sm="12">
+            <links.External
+              href={`https://malegislature.gov/Legislators/Profile/${member.MemberCode}`}
+              className="text-decoration-none"
+            >
+              <HeaderName>{member.Name}</HeaderName>
+            </links.External>
+          </Col>
+
+          <RoleLine>
+            {member.Branch == "Senate" ? (
+              <span>{t("stateSenator")}</span>
+            ) : (
+              <span>{t("stateRepresentative")}</span>
+            )}
+            {/* <span className="px-2">· Town</span> */}
+          </RoleLine>
+
+          <div className="d-flex mb-2">
+            <PartyLabel party={member.Party} />
+            {/* Incumbent Label */}
+            <DistrictLabel district={member.District} />
+          </div>
+
+          <SocialLine>
+            <div>
+              <links.External
+                href={`mailto:${member.EmailAddress}`}
+                className="text-decoration-none"
+              >
+                {member.EmailAddress}
+              </links.External>
+            </div>
+
+            {profile.website ? (
+              <div>
+                <span className="px-2">·</span>
+                <links.External
+                  href={`https://${profile.website}`}
+                  className="text-decoration-none"
+                >
+                  {profile.website}
+                </links.External>
+              </div>
+            ) : (
+              <div>
+                <span className="px-2">·</span>
+                <links.External
+                  href={`https://malegislature.gov/Legislators/Profile/${member.MemberCode}`}
+                >
+                  {`malegislature.gov/Legislators/Profile/${member.MemberCode}`}
+                </links.External>
+              </div>
+            )}
+
+            {member.PhoneNumber ? (
+              <div>
+                <span className="px-2">·</span>
+                <PhoneNum>{formatPhoneNumber(member.PhoneNumber)}</PhoneNum>
+              </div>
+            ) : (
+              <></>
+            )}
+
+            <div>
+              {profile?.social?.twitter ||
+              profile?.social?.linkedIn ||
+              profile?.social?.blueSky ? (
+                <span className="px-2">·</span>
+              ) : (
+                <></>
+              )}
+
+              {profile?.social?.twitter ? (
+                <a
+                  href={profile.social.twitter}
+                  className="pe-2"
+                  rel="noreferrer"
+                  target="_blank"
+                  title="Twitter/X"
+                >
+                  <Twitter />
+                </a>
+              ) : (
+                <></>
+              )}
+              {profile?.social?.linkedIn ? (
+                <a
+                  href={profile.social.linkedIn}
+                  className="pe-2"
+                  rel="noreferrer"
+                  target="_blank"
+                  title="linkedIn"
+                >
+                  <LinkedIn />
+                </a>
+              ) : (
+                <></>
+              )}
+              {profile?.social?.blueSky ? (
+                <a
+                  href={profile?.social.blueSky}
+                  className="pe-2"
+                  rel="noreferrer"
+                  target="_blank"
+                  title="Bluesky"
+                >
+                  <Bluesky />
+                </a>
+              ) : (
+                <></>
+              )}
+            </div>
+          </SocialLine>
+        </Col>
+
+        <ButtonContainer>
+          {/* uncomment when legislator Maple accounts are linked to this page 
+          
+          {user && legislatorAccountId ? (
+            <div className="mb-2">
+              <FollowUserButton profileId={props.id} />
+            </div>
+          ) : (
+            <></>
+          )} */}
+          <links.External
+            href={`mailto:${member.EmailAddress}`}
+            className="border border-2 border-secondary btn btn-lg fw-bold py-1 text-decoration-none text-secondary w-100"
+          >
+            {t("contact")}
+          </links.External>
+        </ButtonContainer>
+      </HeaderBlock>
+
+      <div className="d-flex flex-wrap gap-2 justify-content-between mt-2">
+        <StatBlock>
+          <Col className="flex-grow-0 mx-auto">
+            <StatNum>?</StatNum>
+            <StatLine>{t("termsServed")}</StatLine>
+          </Col>
+        </StatBlock>
+        <StatBlock>
+          <Col className="flex-grow-0 mx-auto">
+            <StatNum>{member.SponsoredBills.length}</StatNum>
+            <StatLine>{t("billsSponsored")}</StatLine>
+          </Col>
+        </StatBlock>
+        <StatBlock>
+          <Col className="flex-grow-0 mx-auto">
+            <StatNum>{member.CoSponsoredBills.length}</StatNum>
+            <StatLine>{t("cosponsored")}</StatLine>
+          </Col>
+        </StatBlock>
+        <StatBlock>
+          <Col className="flex-grow-0 mx-auto">
+            <StatNum>?</StatNum>
+            <StatLine>{t("fundsRaised")}</StatLine>
+          </Col>
+        </StatBlock>
+      </div>
+
+      <Row>
+        <Col className={`mt-4`} md="9">
+          <LegislatorTabs
+            district={district}
+            districtLoading={districtLoading}
+          />
+        </Col>
+        <Col className={`mt-4`} md="3">
+          {/* <LegislatorSidebar /> */}
+          <div>Sidebar</div>
         </Col>
       </Row>
-      <div
+
+      {/* <div
         className="d-flex justify-content-between border-bottom mb-4 overflow-auto"
         role="tablist"
         aria-label="Legislator profile sections"
@@ -85,7 +399,7 @@ export function LegislatorProfilePage({
       </div>
       <div role="tabpanel">
         <DistrictTab district={district} loading={districtLoading} />
-      </div>
+      </div> */}
     </Container>
   )
 }
diff --git a/components/LegislatorProfile/LegislatorTabs.tsx b/components/LegislatorProfile/LegislatorTabs.tsx
new file mode 100644
index 000000000..b969ad04c
--- /dev/null
+++ b/components/LegislatorProfile/LegislatorTabs.tsx
@@ -0,0 +1,133 @@
+import { useTranslation } from "next-i18next"
+import { TabPane } from "react-bootstrap"
+import TabContainer from "react-bootstrap/TabContainer"
+import styled from "styled-components"
+
+import { Container, Nav } from "../bootstrap"
+
+import { BillsTab } from "./TabComponents/BillsTab"
+import { DistrictTab } from "./TabComponents/DistrictTab"
+import { ElectionsTab } from "./TabComponents/ElectionsTab"
+import { FinanceTab } from "./TabComponents/FinanceTab"
+import { PrioritiesTab } from "./TabComponents/PrioritiesTab"
+import { TestimonyTab } from "./TabComponents/TestimonyTab"
+import { VotesTab } from "./TabComponents/VotesTab"
+
+import { District } from "components/db"
+import {
+  StyledTabContent,
+  TabNavWrapper,
+  TabType
+} from "components/EditProfilePage/StyledEditProfileComponents"
+
+const tabCategory = [
+  "priorities",
+  "bills",
+  "elections",
+  "finance",
+  "district",
+  "testimony",
+  "votes"
+]
+type TabCategories = (typeof tabCategory)[number]
+
+const TabNavLink = styled(Nav.Link).attrs(props => ({
+  className: `rounded-top m-0 p-0 ${props.className}`
+}))`
+  color: #6c757d;
+
+  &.active {
+    color: #1a3185;
+    font-weight: bold;
+  }
+`
+
+const TabNavItem = ({
+  tab,
+  i: i,
+  className
+}: {
+  tab: TabType
+  i: number
+  className?: string
+}) => {
+  return (
+    <Nav.Item className={`flex-lg-fill ${className}`} key={tab.eventKey}>
+      <TabNavLink eventKey={tab.eventKey} className={`rounded-top m-0 p-0`}>
+        <p className={`fs-6 my-0 text-nowrap ${i === 0 ? "" : "mx-4"}`}>
+          {tab.title}
+        </p>
+        <hr className={`my-0`} />
+      </TabNavLink>
+    </Nav.Item>
+  )
+}
+
+export function LegislatorTabs({
+  district,
+  districtLoading,
+  tabCategory
+}: {
+  district?: District | undefined
+  districtLoading?: boolean
+  tabCategory?: TabCategories
+}) {
+  const { t } = useTranslation("legislators")
+
+  const tabs = [
+    {
+      title: t("tabs.priorities"),
+      eventKey: "priorities",
+      content: <PrioritiesTab />
+    },
+    {
+      title: t("tabs.bills"),
+      eventKey: "bills",
+      content: <BillsTab />
+    },
+    {
+      title: t("tabs.elections"),
+      eventKey: "elections",
+      content: <ElectionsTab />
+    },
+    {
+      title: t("tabs.finance"),
+      eventKey: "finance",
+      content: <FinanceTab />
+    },
+    {
+      title: t("tabs.district"),
+      eventKey: "district",
+      content: <DistrictTab district={district} loading={districtLoading} />
+    },
+    {
+      title: t("tabs.testimony"),
+      eventKey: "testimony",
+      content: <TestimonyTab />
+    },
+    {
+      title: t("tabs.votes"),
+      eventKey: "votes",
+      content: <VotesTab />
+    }
+  ]
+
+  return (
+    <Container>
+      <TabContainer defaultActiveKey="priorities" activeKey={tabCategory}>
+        <TabNavWrapper>
+          {tabs.map((t, i) => (
+            <TabNavItem key={i} tab={t} i={i} />
+          ))}
+        </TabNavWrapper>
+        <StyledTabContent>
+          {tabs.map(t => (
+            <TabPane key={t.eventKey} title={t.title} eventKey={t.eventKey}>
+              {t.content}
+            </TabPane>
+          ))}
+        </StyledTabContent>
+      </TabContainer>
+    </Container>
+  )
+}
diff --git a/components/LegislatorProfile/TabComponents/BillsTab.tsx b/components/LegislatorProfile/TabComponents/BillsTab.tsx
new file mode 100644
index 000000000..7ccfc2ebd
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/BillsTab.tsx
@@ -0,0 +1,3 @@
+export function BillsTab() {
+  return <div>- Bills</div>
+}
diff --git a/components/LegislatorProfile/DistrictTab.test.tsx b/components/LegislatorProfile/TabComponents/DistrictTab.test.tsx
similarity index 100%
rename from components/LegislatorProfile/DistrictTab.test.tsx
rename to components/LegislatorProfile/TabComponents/DistrictTab.test.tsx
diff --git a/components/LegislatorProfile/DistrictTab.tsx b/components/LegislatorProfile/TabComponents/DistrictTab.tsx
similarity index 100%
rename from components/LegislatorProfile/DistrictTab.tsx
rename to components/LegislatorProfile/TabComponents/DistrictTab.tsx
diff --git a/components/LegislatorProfile/TabComponents/DistrictTabOld.tsx b/components/LegislatorProfile/TabComponents/DistrictTabOld.tsx
new file mode 100644
index 000000000..b2a70fa19
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/DistrictTabOld.tsx
@@ -0,0 +1,3 @@
+export function DistrictTab() {
+  return <div>- District</div>
+}
diff --git a/components/LegislatorProfile/TabComponents/ElectionsTab.tsx b/components/LegislatorProfile/TabComponents/ElectionsTab.tsx
new file mode 100644
index 000000000..6fea4cfbf
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/ElectionsTab.tsx
@@ -0,0 +1,3 @@
+export function ElectionsTab() {
+  return <div>- Elections</div>
+}
diff --git a/components/LegislatorProfile/TabComponents/FinanceTab.tsx b/components/LegislatorProfile/TabComponents/FinanceTab.tsx
new file mode 100644
index 000000000..95f840dbb
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/FinanceTab.tsx
@@ -0,0 +1,3 @@
+export function FinanceTab() {
+  return <div>- Finance</div>
+}
diff --git a/components/LegislatorProfile/TabComponents/PrioritiesTab.tsx b/components/LegislatorProfile/TabComponents/PrioritiesTab.tsx
new file mode 100644
index 000000000..33c98c008
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/PrioritiesTab.tsx
@@ -0,0 +1,3 @@
+export function PrioritiesTab() {
+  return <div>- Priorities</div>
+}
diff --git a/components/LegislatorProfile/TabComponents/TestimonyTab.tsx b/components/LegislatorProfile/TabComponents/TestimonyTab.tsx
new file mode 100644
index 000000000..e00fd7e0d
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/TestimonyTab.tsx
@@ -0,0 +1,3 @@
+export function TestimonyTab() {
+  return <div>- Testimony</div>
+}
diff --git a/components/LegislatorProfile/TabComponents/TestimonyTab_PendingProfileLink.tsx b/components/LegislatorProfile/TabComponents/TestimonyTab_PendingProfileLink.tsx
new file mode 100644
index 000000000..da1e672a3
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/TestimonyTab_PendingProfileLink.tsx
@@ -0,0 +1,102 @@
+import { useMemo } from "react"
+import { useTranslation } from "next-i18next"
+import styled from "styled-components"
+
+import { useAuth } from "components/auth"
+import { usePublishedTestimonyListing } from "components/db/testimony/usePublishedTestimonyListing"
+import { NoResults } from "components/search/NoResults"
+import { TestimonyItem } from "components/TestimonyCard/TestimonyItem"
+
+const DisclaimerBlock = styled.div`
+  align-items: flex-start;
+  background-color: #f0f4ff;
+  border: "1px #d1d6e7 solid";
+  border-radius: 5px;
+  color: #1a3185;
+  display: flex;
+  font-size: 13px;
+  gap: 10px;
+  line-height: 1.6;
+  margin-top: 14px;
+  margin-bottom: 14px;
+  padding: 12px 16px;
+`
+
+const TestimonyBlock = styled.div`
+  background-color: white;
+  border: "1px #ced4da solid";
+  border-radius: 5px;
+  font-size: 11px;
+  margin-bottom: 14px;
+  padding: 0px 16px;
+`
+
+function Disclaimer({ fullname }: { fullname?: string }) {
+  const { t } = useTranslation("legislators")
+
+  return (
+    <DisclaimerBlock>
+      <svg
+        width="16"
+        height="16"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="#1a3185"
+        stroke-width="2"
+        // style="flex-shrink:0;margin-top:1px"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="8" x2="12" y2="12"></line>
+        <line x1="12" y1="16" x2="12.01" y2="16"></line>
+      </svg>
+      <div>
+        {fullname} {t("canSubmit")}
+      </div>
+    </DisclaimerBlock>
+  )
+}
+
+export function Testimony({
+  fullname,
+  pageId
+}: {
+  fullname?: string
+  pageId?: string
+}) {
+  const { t } = useTranslation("testimony")
+  const { user } = useAuth()
+
+  const testimony = usePublishedTestimonyListing({
+    uid: pageId
+  })
+
+  const allTestimonies = useMemo(() => {
+    const legislatorTestimonies = testimony.items.result ?? []
+
+    // Combine and sort by publishedAt (newest first), then take 4 most recent
+    return [...legislatorTestimonies]
+      .sort((a, b) => b.publishedAt.toMillis() - a.publishedAt.toMillis())
+      .slice(0, 4)
+  }, [testimony.items.result])
+
+  return (
+    <>
+      <Disclaimer fullname={fullname} />
+      {allTestimonies.length > 0 ? (
+        <div>
+          {allTestimonies.map(testimony => (
+            <TestimonyBlock key={testimony.id}>
+              <TestimonyItem
+                testimony={testimony}
+                isUser={testimony.authorUid === user?.uid}
+                onProfilePage={true}
+              />
+            </TestimonyBlock>
+          ))}
+        </div>
+      ) : (
+        <NoResults>{t("viewTestimony.noTestimonies")}</NoResults>
+      )}
+    </>
+  )
+}
diff --git a/components/LegislatorProfile/TabComponents/VotesTab.tsx b/components/LegislatorProfile/TabComponents/VotesTab.tsx
new file mode 100644
index 000000000..3c6625cd2
--- /dev/null
+++ b/components/LegislatorProfile/TabComponents/VotesTab.tsx
@@ -0,0 +1,3 @@
+export function VotesTab() {
+  return <div>- Votes</div>
+}
diff --git a/components/LegislatorProfile/index.ts b/components/LegislatorProfile/index.ts
index 056729577..01fb5e8c3 100644
--- a/components/LegislatorProfile/index.ts
+++ b/components/LegislatorProfile/index.ts
@@ -1,2 +1 @@
-export * from "./DistrictTab"
 export * from "./LegislatorProfilePage"
diff --git a/components/db/members.ts b/components/db/members.ts
index d4cd503bc..3025245ea 100644
--- a/components/db/members.ts
+++ b/components/db/members.ts
@@ -21,6 +21,8 @@ export type MemberContent = {
   PhoneNumber: string
   FaxNumber: string | null
   Committees: CommitteeReference[]
+  SponsoredBills: Array<string>
+  CoSponsoredBills: Array<string>
 }
 
 export type Member = {
diff --git a/pages/legislators/[court]/[memberCode].tsx b/pages/legislators/[court]/[memberCode].tsx
index 5824626c9..5c6357718 100644
--- a/pages/legislators/[court]/[memberCode].tsx
+++ b/pages/legislators/[court]/[memberCode].tsx
@@ -1,8 +1,9 @@
 import { GetServerSideProps } from "next"
 import { serverSideTranslations } from "next-i18next/serverSideTranslations"
 import { z } from "zod"
-import { LegislatorProfilePage } from "components/LegislatorProfile"
+
 import { flags } from "components/featureFlags"
+import { LegislatorProfilePage } from "components/LegislatorProfile"
 import { createPage } from "components/page"
 
 const Query = z.object({
@@ -14,7 +15,7 @@ export default createPage<{
   court: number
   memberCode: string
 }>({
-  titleI18nKey: "titles.legislatorProfile",
+  titleI18nKey: "navigation.legislator",
   Page: ({ court, memberCode }) => (
     <LegislatorProfilePage court={court} memberCode={memberCode} />
   )
@@ -38,7 +39,14 @@ export const getServerSideProps: GetServerSideProps = async ctx => {
   return {
     props: {
       ...query.data,
-      ...(await serverSideTranslations(locale, ["auth", "common", "footer"]))
+      ...(await serverSideTranslations(locale, [
+        "auth",
+        "common",
+        "footer",
+        "legislators",
+        "profile",
+        "testimony"
+      ]))
     }
   }
 }