chore: more cleanup (#534)

app/buy-me-coffee/page.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import Main from '@/components/layout/Main';
-import Banner from '@/components/layout/banner/banner';
 import Footer from '@/components/layout/footer/Footer';
 import Header from '@/components/layout/header/Header';
 import { useEffect, useState } from 'react';
@@ -27,7 +26,6 @@ export default function BuyMeCoffeePage() {
     <>
       <Header />
       <Main>
-        <Banner pageName="Buy Me A Coffee" pageUrl="buy-me-coffee" />
         <BuyMeCoffeeContractDemo />
       </Main>
       <Footer />

app/home/_components/WhyUseIt.tsx

@@ -1,17 +1,3 @@
-import { A } from '@/components/layout/guide';
-import { CheckIcon } from '@radix-ui/react-icons';
-
-function ListItem({ children }: { children: React.ReactNode }) {
-  return (
-    <li className="inline-flex items-center justify-start gap-4">
-      <CheckIcon width="24" height="24" />
-      <span className="font-inter font-normal text-white text-xl leading-7">
-        {children}
-      </span>
-    </li>
-  );
-}
-
 export default function HomeMain() {
   return (
     <section className="mb-12 flex flex-col items-center justify-center">
@@ -20,45 +6,6 @@ export default function HomeMain() {
           Save weeks of initial app setup and the hassle of integrating onchain
           components with web2 infrastructure.
         </h2>
-        <ul className="items-left flex flex-col justify-center gap-4">
-          <ListItem>
-            Progressive Web App support using{' '}
-            <A href="https://nextjs.org/">Next.js</A>
-          </ListItem>
-          <ListItem>
-            Eth L2 support through <A href="https://base.org/">Base</A>
-          </ListItem>
-          <ListItem>
-            Smart contract deployment with{' '}
-            <A href="https://book.getfoundry.sh/">Foundry</A>
-          </ListItem>
-          <ListItem>
-            Support for a local testnet node for testing smart contracts using{' '}
-            <A href="https://book.getfoundry.sh/reference/anvil/">Anvil</A>
-          </ListItem>
-          <ListItem>
-            Wallet connect integration with{' '}
-            <A href="https://www.coinbase.com/wallet/smart-wallet">
-              Smart Wallet
-            </A>
-          </ListItem>
-          <ListItem>
-            Live examples and documentation for web3 experiences with{' '}
-            <A href="https://wagmi.sh/">wagmi</A> and{' '}
-            <A href="https://viem.sh/">viem</A>
-          </ListItem>
-          <ListItem>
-            Latest styling best practices with{' '}
-            <A href="https://tailwindcss.com/">Tailwind CSS</A>
-          </ListItem>
-          <ListItem>
-            Insights into Web Vitals performance metrics with{' '}
-            <A href="https://zizzamia.github.io/perfume/">Perfume.js</A>
-          </ListItem>
-          <ListItem>
-            Easy maintenance with linting, formatting, and tests
-          </ListItem>
-        </ul>
       </div>
     </section>
   );

app/mint/page.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import Main from '@/components/layout/Main';
-import Banner from '@/components/layout/banner/banner';
 import Footer from '@/components/layout/footer/Footer';
 import Header from '@/components/layout/header/Header';
 import dynamic from 'next/dynamic';
@@ -25,7 +24,6 @@ export default function MintPage() {
     <>
       <Header />
       <Main>
-        <Banner pageName="Mint NFT" pageUrl="mint" />
         <MintContractDemo />
       </Main>
       <Footer />

app/paymaster-bundler/page.tsx

@@ -1,6 +1,5 @@
 'use client';
 import Main from '@/components/layout/Main';
-import Banner from '@/components/layout/banner/banner';
 import Footer from '@/components/layout/footer/Footer';
 import Header from '@/components/layout/header/Header';
 import PaymasterBundlerApp from './_components/PaymasterBundlerDemo';
@@ -14,11 +13,6 @@ export default function PaymasterBundlerPage() {
     <>
       <Header />
       <Main>
-        <Banner
-          pageName="Paymaster Bundler"
-          pageUrl="paymaster-bundler"
-          wip={true}
-        />
         <div className="rounded-lg bg-gray-900 px-4 py-6 text-white">
           <PaymasterBundlerApp />
         </div>

jest.config.js

@@ -6,7 +6,6 @@ const customJestConfig = {
   collectCoverageFrom: ['src/**/*.{ts,tsx}', '!**/node_modules/**'],
   coverageReporters: ['clover', 'json', 'lcov', 'text'],
   moduleNameMapper: {
-    'rehype-pretty-code': '<rootDir>/node_modules/rehype-pretty-code',
     '@coinbase/onchainkit/wallet':
       '<rootDir>/node_modules/@coinbase/onchainkit/esm/wallet',
   },

package.json

@@ -17,27 +17,23 @@
     "test:coverage:open": "yarn test:coverage && open coverage/lcov-report/index.html"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "^0.31.1",
+    "@coinbase/onchainkit": "^0.31.4",
     "@farcaster/hub-nodejs": "^0.11.9",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-navigation-menu": "^1.1.4",
     "@react-spring/web": "^9.7.3",
     "net": "^1.0.2",
-    "next": "13.5.6",
+    "next": "^14.2.5",
     "perfume.js": "9.2.0",
+    "permissionless": "^0.1.26",
     "pino-pretty": "^10.3.1",
     "prettier-plugin-solidity": "^1.3.1",
     "react": "^18",
     "react-dom": "^18",
     "react-remove-scroll": "^2.5.7",
-    "rehype-pretty-code": "0.12.3",
-    "rehype-stringify": "^10.0.0",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shikiji": "^0.9.17",
-    "shikiji-core": "^0.9.17",
+    "siwe": "^2.3.2",
     "unified": "^11.0.4"
   },
   "devDependencies": {
@@ -63,8 +59,6 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-extended": "^4.0.2",
     "postcss": "^8.4.32",
-    "prettier": "3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.9",
     "tailwindcss": "^3.4.0",
     "ts-jest": "^29.1.1",
     "typescript": "~5.3.3"