Shanbady/copy edits for milestone demo

frontends/mit-open/src/page-components/Header/UserMenu.tsx

@@ -157,7 +157,7 @@ const UserMenu: React.FC<UserMenuProps> = ({ variant }) => {
               reloadDocument={true}
               href={loginUrl}
             >
-              Sign Up / Log In
+              Log In
             </ButtonLink>
           </FlexContainer>
         ) : (

frontends/mit-open/src/pages/DepartmentListingPage/DepartmentListingPage.test.tsx

@@ -88,7 +88,7 @@ describe("DepartmentListingPage", () => {
     await waitFor(() => {
       expect(document.title).toBe("Departments | MIT Open")
     })
-    screen.getByRole("heading", { name: "Departments" })
+    screen.getByRole("heading", { name: "Browse by Academic Department" })
   })
 
   it("Lists schools and departments", async () => {

frontends/mit-open/src/pages/DepartmentListingPage/DepartmentListingPage.tsx

@@ -218,7 +218,7 @@ const DepartmentListingPage: React.FC = () => {
       <MetaTags title="Departments" />
       <Banner
         backgroundUrl="/static/images/background_steps.jpeg"
-        title="Departments"
+        title="Browse by Academic Department"
         description="At MIT, academic departments span a wide range of disciplines, from science and engineering to humanities. Select a department below to explore all of its online course offerings."
         navText={
           <Breadcrumbs

frontends/mit-open/src/pages/FieldPage/FieldPageSkeleton.tsx

@@ -55,11 +55,11 @@ interface FieldSkeletonProps {
 const NAV_PATH: { [key: string]: { href: string; label: string } } = {
   topic: {
     href: TOPICS,
-    label: "Topics",
+    label: "Browse by Topic",
   },
   department: {
     href: DEPARTMENTS,
-    label: "Departments",
+    label: "Browse by Academic Department",
   },
   unit: {
     href: UNITS,

frontends/mit-open/src/pages/HomePage/BrowseTopicsSection.tsx

@@ -99,7 +99,7 @@ const BrowseTopicsSection: React.FC = () => {
   return (
     <Section>
       <Container>
-        <Title variant="h2">Browse by Topics</Title>
+        <Title variant="h2">Browse by Topic</Title>
         <Topics>
           {topics?.results.map(({ id, name, channel_url: channelUrl }) => {
             return (

frontends/mit-open/src/pages/HomePage/HeroSearch.tsx

@@ -213,7 +213,7 @@ const HeroSearch: React.FC = () => {
                 grow
                 variant="outlined"
                 size="medium"
-                label="Browse by Topics"
+                label="Browse by Topic"
                 href="/topics/"
               />
               <SquaredChip

frontends/mit-open/src/pages/HomePage/HomePage.test.tsx

@@ -101,7 +101,7 @@ describe("Home Page Hero", () => {
       { label: "Upcoming", href: "/search?sortby=upcoming" },
       { label: "Free", href: "/search?free=true" },
       { label: "With Certificate", href: "/search?certification=true" },
-      { label: "Browse by Topics", href: "/topics/" },
+      { label: "Browse by Topic", href: "/topics/" },
       { label: "Explore All", href: "/search/" },
     ]
     expected.forEach(({ label, href }) => {
@@ -131,7 +131,7 @@ describe("Home Page Carousel", () => {
       },
     },
     {
-      tab: "Professional and Executive Learning",
+      tab: "Professional & Executive Learning",
       params: { resource_type: ["course"], limit: 12, professional: true },
     },
   ])("Featured Courses Carousel Tabs", async ({ tab, params }) => {
@@ -165,15 +165,15 @@ describe("Home Page Carousel", () => {
     within(featured).getByRole("tab", { name: "Free" })
     within(featured).getByRole("tab", { name: "With Certificate" })
     within(featured).getByRole("tab", {
-      name: "Professional and Executive Learning",
+      name: "Professional & Executive Learning",
     })
     within(media).getByRole("tab", { name: "All" })
     within(media).getByRole("tab", { name: "Videos" })
     within(media).getByRole("tab", { name: "Podcasts" })
   })
 })
 
-describe("Home Page Browse by Topics", () => {
+describe("Home Page Browse by Topic", () => {
   test("Displays topics links", async () => {
     setupAPIs()
     const response = learningResources.topics({ count: 3 })
@@ -184,7 +184,7 @@ describe("Home Page Browse by Topics", () => {
     await waitFor(() => {
       const section = screen
         .getByRole("heading", {
-          name: "Browse by Topics",
+          name: "Browse by Topic",
         })!
         .closest("section")!
 

frontends/mit-open/src/pages/HomePage/TestimonialsSection.tsx

@@ -258,7 +258,7 @@ const TestimonialsSection: React.FC = () => {
       <Container id="hamster-noises">
         <Typography variant="h2">From our Community</Typography>
         <Typography variant="h3">
-          Here's what other subscribers had to say about MIT Open
+          Transforming education through the eyes of our learners
         </Typography>
       </Container>
       <SlickCarousel />

frontends/mit-open/src/pages/HomePage/carousels.ts

@@ -35,7 +35,7 @@ const FEATURED_RESOURCES_CAROUSEL: ResourceCarouselProps["config"] = [
     },
   },
   {
-    label: "Professional and Executive Learning",
+    label: "Professional & Executive Learning",
     cardProps: { size: "medium" },
     data: {
       type: "lr_featured",

frontends/mit-open/src/pages/SearchPage/SearchPage.tsx

@@ -189,7 +189,7 @@ const SearchPage: React.FC = () => {
                 onClear={() => {
                   setCurrentTextAndQuery("")
                 }}
-                placeholder="Search for resources"
+                placeholder="What do you want to learn?"
               />
             </Grid>
           </GridContainer>

frontends/mit-open/src/pages/TopicListingPage/TopicsListingPage.test.tsx

@@ -92,7 +92,7 @@ describe("DepartmentListingPage", () => {
     await waitFor(() => {
       expect(document.title).toBe("Topics | MIT Open")
     })
-    screen.getByRole("heading", { name: "Topics" })
+    screen.getByRole("heading", { name: "Browse by Topic" })
   })
 
   it("Lists subtopics grouped by topic", async () => {

frontends/mit-open/src/pages/TopicListingPage/TopicsListingPage.tsx

@@ -287,8 +287,8 @@ const ToopicsListingPage: React.FC = () => {
             current="Topics"
           />
         }
-        title="Topics"
-        description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
+        title="Browse by Topic"
+        description=""
         backgroundUrl={TOPICS_BANNER_IMAGE}
       />
       <Container>