stories updates

base · Feb 19, 2025 · 19f16c7 · 19f16c7
1 parent 663c730
commit 19f16c7
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>