more iteration on destino support

Author: lassejaco

devconnect/cms/pages/destino_devconnect.mdx

@@ -38,7 +38,7 @@ destino_devconnect_how_to_apply:
   title: What you get
   destino_devconnect_how_to_apply_list:
     - description: 'Up to $1,000 in scholarships'
-    - description: Free tickets and discounted for your community or team
+    - description: 'Free tickets, and discounts for your community or team'
     - description: Visibility across Devconnect’s official channels
     - description: On-chain certificate as an official EWFren
 destino_devconnect_where_to_apply:

devconnect/src/common/components/ba/destino/destino.tsx

@@ -19,6 +19,7 @@ import Guanaco from './images/guanaco.png'
 import DestinoLogo from './images/destino-logo.png'
 import { Popover, PopoverContent, PopoverTrigger } from 'lib/components/ui/popover'
 import css from 'styled-jsx/css'
+import Link from 'next/link'
 
 // https://docs.google.com/document/d/1v5vm0fDMS_5L2uDvuwjkahOcoy8-khFKTi3rGOsfQEw/edit?pli=1&tab=t.0#heading=h.3h638filjl7g
 
@@ -102,7 +103,23 @@ const Destino = ({ content, events }: { content: any; events: any }) => {
         <FourthSection content={content} />
       </div>
 
-      <div className="flex flex-col items-center justify-center gap-16 mb-24 overflow-hidden">
+      <div className="flex flex-col items-center justify-center gap-4 my-16 mb-24">
+        <p className="text-white text-xl font-semibold">Ready to become an EWFren? Apply now!</p>
+        <Link href="https://esp.ethereum.foundation/devcon-grants/apply">
+          <button
+            className={cn(
+              'border-solid border-b-[6px] group px-8 py-2 mt-2 border-[#F58A36] text-[#36364C] text-xl font-semibold bg-[#ffa94e] hover:bg-[#f5a236] transition-colors hover:border-opacity-0',
+              styles['tiled-button']
+            )}
+          >
+            <div className="group-hover:translate-y-[3px] transition-transform uppercase">
+              {(globalThis as any).translations.apply_now_tickets || 'Apply For Tickets'}
+            </div>
+          </button>
+        </Link>
+      </div>
+
+      <div className="flex flex-col items-center justify-center gap-0 mb-24 overflow-hidden bg-white/10" id="events">
         <HowToApply content={content} />
         <EventsList content={content} events={events} />
       </div>

devconnect/src/common/components/ba/destino/event-table.tsx

@@ -198,7 +198,7 @@ const EventsTable = React.memo(({ events, pages }: any) => {
       <div className="flex justify-between items-center mb-4 gap-2">
         {/* <div className="font-bold">Destino Devconnect Events</div> */}
 
-        <div className="flex">
+        {/* <div className="flex">
           <p
             className={`no-select cursor-pointer px-2 py-2 ${!includePastEvents ? styles['selected-filter'] : ''}`}
             onClick={() => {
@@ -226,7 +226,7 @@ const EventsTable = React.memo(({ events, pages }: any) => {
           value={search}
           onChange={e => setSearch(e.target.value)}
           placeholder="Search Events"
-        />
+        /> */}
       </div>
 
       <div className="mb-4">{/* <RichText content={pages.events_table}></RichText> */}</div>

devconnect/src/common/components/ba/destino/sections.tsx

@@ -629,6 +629,19 @@ export const ExtraSectionAddedLater = () => {
               Ethereum World Fair. We prioritize initiatives that have the greatest impact across communities.
             </p>
           </div>
+
+          <Link href="https://esp.ethereum.foundation/devcon-grants/apply">
+            <button
+              className={cn(
+                'border-solid border-b-[6px] group px-8 py-2 mt-2 border-[#F58A36] text-[#36364C] text-xl font-semibold bg-[#ffa94e] hover:bg-[#f5a236] transition-colors hover:border-opacity-0',
+                styles['tiled-button']
+              )}
+            >
+              <div className="group-hover:translate-y-[3px] transition-transform uppercase">
+                {(globalThis as any).translations.apply_now_tickets || 'Apply For Tickets'}
+              </div>
+            </button>
+          </Link>
         </div>
       </div>
     </div>
@@ -718,7 +731,7 @@ const TriangleSection = ({ children, aspectRatio = 69 / 20, className }: Triangl
 
 export const EventsList = ({ content, events }: { content: any; events: any }) => {
   return (
-    <div className="section" id="events">
+    <div className="section">
       <div className="flex flex-col items-center justify-center gap-4 ">
         <EventsTable events={events} />
       </div>

devconnect/src/pages/destino.tsx

@@ -61,7 +61,7 @@ const DestinoPage = ({ content, events }: { content: any; events: any }) => {
   return (
     <>
       <SEO
-        title="Destino Devconnect Support"
+        title="Destino Support"
         description="Supporting local builders, organizers, and communities to take part in the first Ethereum World Fair in Buenos Aires."
         imageUrl={`https://devconnect.org/destino/hero-bg.png`}
       />