From 19f16c7f6fd68e9e087092ac91ec182fad408d4e Mon Sep 17 00:00:00 2001
From: Brendan Forster <brendan.forster@coinbase.com>
Date: Tue, 18 Feb 2025 22:39:57 -0800
Subject: [PATCH] stories updates

---
 .../app/(base-org)/builders/stories/aerodrome/page.tsx   | 9 ++++-----
 .../app/(base-org)/builders/stories/blocklords/page.tsx  | 5 ++---
 apps/web/app/(base-org)/builders/stories/byte/page.tsx   | 9 ++++-----
 .../app/(base-org)/builders/stories/cat-town/page.tsx    | 9 ++++-----
 .../app/(base-org)/builders/stories/hey-elsa/page.tsx    | 9 ++++-----
 apps/web/app/(base-org)/builders/stories/morpho/page.tsx | 9 ++++-----
 .../src/components/Builders/Stories/StoryCards/index.tsx | 5 +++--
 .../Builders/Stories/StoryPages/Blockquote/index.tsx     | 2 +-
 8 files changed, 26 insertions(+), 31 deletions(-)

diff --git a/apps/web/app/(base-org)/builders/stories/aerodrome/page.tsx b/apps/web/app/(base-org)/builders/stories/aerodrome/page.tsx
index 97bb3a07da..ee7ef6656f 100644
--- a/apps/web/app/(base-org)/builders/stories/aerodrome/page.tsx
+++ b/apps/web/app/(base-org)/builders/stories/aerodrome/page.tsx
@@ -26,7 +26,6 @@ export default function Aerodrome() {
         />
         <Blockquote
           quote="Base has proven itself as a dominant L2, truly capable of bringing the world onchain. Still day one."
-          color="text-dark-green-60"
         />
         <QABlock
           question="What's the best part of building on Base?"
@@ -46,10 +45,10 @@ export default function Aerodrome() {
         />
         <QABlock question="What's one word you think of when you think of Base?" answer="LFB!" />
         <ReadMore
-          previousLabel="Back to Stories"
-          previousHref="/builders/stories"
-          nextLabel="Ngan Nguyen of Onchain Buster"
-          nextHref="/builders/stories/ngan"
+          previousLabel="Dhawal of HeyElsa AI"
+          previousHref="/builders/stories/hey-elsa"
+          nextLabel="Back to Stories"
+          nextHref="/builders/stories"
         />
         <BottomCta />
       </main>
diff --git a/apps/web/app/(base-org)/builders/stories/blocklords/page.tsx b/apps/web/app/(base-org)/builders/stories/blocklords/page.tsx
index 68b480bcdc..1bbf624b65 100644
--- a/apps/web/app/(base-org)/builders/stories/blocklords/page.tsx
+++ b/apps/web/app/(base-org)/builders/stories/blocklords/page.tsx
@@ -29,7 +29,6 @@ export default function Blocklords() {
         />
         <Blockquote
           quote="Take risks. Push the limits when designing smart contracts—don't just follow what's been done before. The best innovations come from experimenting."
-          color="text-dark-green-60"
         />
         <QABlock
           question="What's the best part of building on Base?"
@@ -59,8 +58,8 @@ export default function Blocklords() {
         <ReadMore
           previousLabel="Back to Stories"
           previousHref="/builders/stories"
-          nextLabel="Ngan Nguyen of Onchain Buster"
-          nextHref="/builders/stories/ngan"
+          nextLabel="Tara of Cat Town"
+          nextHref="/builders/stories/cat-town"
         />
         <BottomCta />
       </main>
diff --git a/apps/web/app/(base-org)/builders/stories/byte/page.tsx b/apps/web/app/(base-org)/builders/stories/byte/page.tsx
index a04a10fe79..d45df918a6 100644
--- a/apps/web/app/(base-org)/builders/stories/byte/page.tsx
+++ b/apps/web/app/(base-org)/builders/stories/byte/page.tsx
@@ -26,7 +26,6 @@ export default function Byte() {
         />
         <Blockquote
           quote="Be active, engage in the community, and build something. You never know where the opportunities will come from."
-          color="text-dark-green-60"
         />
         <QABlock
           question="What's the best part of building on Base?"
@@ -41,10 +40,10 @@ export default function Byte() {
           answer="Finding wallet solutions for the consumer AI space has been a challenge for me. There are many solutions I see out there but it is hard to find the right one that can be scaled to user applications. I've now found some great ones that I'm starting to build with, thanks to some helpful advice from other builders on base. I think that the AI agent wallet space is so early that it can be hard to find the right solutions that meet this use case. I see so much being built on base though that I don't think this will be a challenge for builders in a few months from now."
         />
         <ReadMore
-          previousLabel="Back to Stories"
-          previousHref="/builders/stories"
-          nextLabel="Ngan Nguyen of Onchain Buster"
-          nextHref="/builders/stories/ngan"
+          previousLabel="Tara of Cat Town"
+          previousHref="/builders/stories/cat-town"
+          nextLabel="Merlin of Morpho"
+          nextHref="/builders/stories/morpho"
         />
         <BottomCta />
       </main>
diff --git a/apps/web/app/(base-org)/builders/stories/cat-town/page.tsx b/apps/web/app/(base-org)/builders/stories/cat-town/page.tsx
index 59cf044000..01d4b6a6be 100644
--- a/apps/web/app/(base-org)/builders/stories/cat-town/page.tsx
+++ b/apps/web/app/(base-org)/builders/stories/cat-town/page.tsx
@@ -29,7 +29,6 @@ export default function CatTown() {
         />
         <Blockquote
           quote="Creating Cat Town has opened doors I never could have imagined. It's incredible to see how our little game has made a real difference."
-          color="text-dark-green-60"
         />
         <QABlock
           question="What's the best part of building on Base?"
@@ -54,10 +53,10 @@ export default function CatTown() {
         />
         <QABlock question="What's one word you think of when you think of Base?" answer="BASED." />
         <ReadMore
-          previousLabel="Back to Stories"
-          previousHref="/builders/stories"
-          nextLabel="Ngan Nguyen of Onchain Buster"
-          nextHref="/builders/stories/ngan"
+          previousLabel="David of Blocklords"
+          previousHref="/builders/stories/blocklords"
+          nextLabel="AchillesHodl of Byte"
+          nextHref="/builders/stories/byte"
         />
         <BottomCta />
       </main>
diff --git a/apps/web/app/(base-org)/builders/stories/hey-elsa/page.tsx b/apps/web/app/(base-org)/builders/stories/hey-elsa/page.tsx
index 3865c4b90b..772526979d 100644
--- a/apps/web/app/(base-org)/builders/stories/hey-elsa/page.tsx
+++ b/apps/web/app/(base-org)/builders/stories/hey-elsa/page.tsx
@@ -26,7 +26,6 @@ export default function HeyElsa() {
         />
         <Blockquote
           quote="Base provides unmatched developer support and fosters a highly constructive community that inspires innovation and encourages you to push boundaries."
-          color="text-dark-green-60"
         />
         <QABlock
           question="What's the best part of building on Base?"
@@ -49,10 +48,10 @@ export default function HeyElsa() {
           answer="Relentless."
         />
         <ReadMore
-          previousLabel="Back to Stories"
-          previousHref="/builders/stories"
-          nextLabel="Ngan Nguyen of Onchain Buster"
-          nextHref="/builders/stories/ngan"
+          previousLabel="Merlin of Morpho"
+          previousHref="/builders/stories/morpho"
+          nextLabel="Alexander of Aerodrome"
+          nextHref="/builders/stories/aerodrome"
         />
         <BottomCta />
       </main>
diff --git a/apps/web/app/(base-org)/builders/stories/morpho/page.tsx b/apps/web/app/(base-org)/builders/stories/morpho/page.tsx
index 309abe766c..8139b5cb2c 100644
--- a/apps/web/app/(base-org)/builders/stories/morpho/page.tsx
+++ b/apps/web/app/(base-org)/builders/stories/morpho/page.tsx
@@ -26,7 +26,6 @@ export default function Morpho() {
         />
         <Blockquote
           quote="Base is at the crossroad of DeFi, memecoins, NFT, and Coinbase's large distribution network."
-          color="text-dark-green-60"
         />
         <QABlock
           question="What's the best part of building on Base?"
@@ -46,10 +45,10 @@ export default function Morpho() {
         />
         <QABlock question="What's one word you think of when you think of Base?" answer="Based." />
         <ReadMore
-          previousLabel="Back to Stories"
-          previousHref="/builders/stories"
-          nextLabel="Ngan Nguyen of Onchain Buster"
-          nextHref="/builders/stories/ngan"
+          previousLabel="AchillesHodl of Byte"
+          previousHref="/builders/stories/byte"
+          nextLabel="Dhawal of HeyElsa AI"
+          nextHref="/builders/stories/hey-elsa"
         />
         <BottomCta />
       </main>
diff --git a/apps/web/src/components/Builders/Stories/StoryCards/index.tsx b/apps/web/src/components/Builders/Stories/StoryCards/index.tsx
index 2e7588828b..cbcd46935d 100644
--- a/apps/web/src/components/Builders/Stories/StoryCards/index.tsx
+++ b/apps/web/src/components/Builders/Stories/StoryCards/index.tsx
@@ -118,8 +118,8 @@ function StoryCard({
               </Title>
             </div>
             <div className="flex items-center gap-1">
-              <div className="hidden md:block">
-                <Icon name="locationPin" color="currentColor" />
+              <div className="hidden items-center justify-center md:flex">
+                <Icon name="locationPin" color="currentColor" width={20} height={20} />
               </div>
               <div className="md:hidden">
                 <Icon name="locationPin" color="currentColor" width={20} height={20} />
@@ -132,6 +132,7 @@ function StoryCard({
         </div>
         <ButtonWithLinkAndEventLogging
           variant={ButtonVariants.SecondaryOutline}
+          linkClassNames='w-fit'
           buttonClassNames="flex items-center justify-between px-4 py-3 group"
           href={href}
           eventName={`developers_stories_${title.replace(/\s+/g, '-').toLowerCase()}`}
diff --git a/apps/web/src/components/Builders/Stories/StoryPages/Blockquote/index.tsx b/apps/web/src/components/Builders/Stories/StoryPages/Blockquote/index.tsx
index 54a78b13bc..c6fa3656af 100644
--- a/apps/web/src/components/Builders/Stories/StoryPages/Blockquote/index.tsx
+++ b/apps/web/src/components/Builders/Stories/StoryPages/Blockquote/index.tsx
@@ -2,7 +2,7 @@ import Title from 'apps/web/src/components/base-org/typography/Title';
 import { TitleLevel } from 'apps/web/src/components/base-org/typography/Title/types';
 import classNames from 'classnames';
 
-export function Blockquote({ quote, color }: { quote: string; color: string }) {
+export function Blockquote({ quote, color='text-white' }: { quote: string; color?: string }) {
   return (
     <div className={classNames('mb-14 w-full', color)}>
       <Title level={TitleLevel.Display3}>&quot;{quote}&quot;</Title>