tech registration form added

devsanantonio · Oct 3, 2024 · 2d9e720 · 2d9e720
1 parent b403ab6
commit 2d9e720
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 2 deletions.
diff --git a/app/routes/techday/TechBento.tsx b/app/routes/techday/TechBento.tsx
@@ -8,7 +8,7 @@ export function TechBento() {
          <Container>
             <FadeIn>
                <h2 className="font-mono text-xs/5 font-semibold uppercase tracking-widest text-neutral-500">
-                  Tech Day 2024 | Nov 15th | Port San Antonio
+                  Tech Day 2024 | Nov 15th | Port SA
                </h2>
                <h3 className="mt-2 max-w-3xl text-pretty text-4xl font-medium tracking-tighter text-neutral-950 data-[dark]:text-white sm:text-6xl">
                   Your Complete Guide to San Antonio's Tech Ecosystem

diff --git a/app/routes/techday/TechForm.tsx b/app/routes/techday/TechForm.tsx
@@ -0,0 +1,43 @@
+import { Container } from '~/components/ui/Container';
+import { FadeIn } from '~/components/ui/FadeIn';
+import { SectionIntro } from '~/components/ui/SectionIntro';
+
+export function TechForm() {
+   return (
+      <div className="mt-24 sm:mt-0 sm:py-32">
+         <SectionIntro title="Tech Day Registration Open">
+            <p>
+                <strong>Join us and be part of the innovation!</strong>{' '}
+                Explore the latest tech trends and network with industry leaders at Tech Day
+            </p>
+         </SectionIntro>
+         <Container className="mt-16">
+            <FadeIn>
+               <div className="rounded-2xl">
+                  <iframe
+                     src="https://airtable.com/embed/apptfFi1y2StuEQ7s/pagcUDiOUo0NzSooJ/form"
+                     title="Tech Day Registration Form"
+                     style={{
+                        borderRadius: '12px',
+                        width: '100%',
+                        height: '600px',
+                     }}
+                     className=""
+                     allowFullScreen={true}
+                     aria-hidden="false"
+                     tabIndex={0}
+                  ></iframe>
+               </div>
+            </FadeIn>
+         </Container>
+         <style>
+            {`
+                  .arrow {
+                     transform: rotate(-45deg);
+                     display: inline-block;
+                  }
+               `}
+         </style>
+      </div>
+   );
+}
diff --git a/app/routes/techday/route.tsx b/app/routes/techday/route.tsx
@@ -7,6 +7,7 @@ import { TechBlock } from './TechBlock';
 import { Startup } from './startup';
 import { VCapital } from './vcapital';
 import { TechFuel } from './TechFuel';
+import { TechForm } from './TechForm';
 
 export const meta: MetaFunction = () => {
    return [
@@ -46,7 +47,7 @@ export default function Index() {
                <FadeIn>
                   <div className="text-center">
                      <h2 className="font-mono text-xs/5 font-semibold uppercase tracking-widest text-neutral-500">
-                        Tech Day 2024 | Nov 15th | Port San Antonio
+                        Tech Day 2024 | Nov 15th | Port SA
                      </h2>
                      <h3 className="mx-auto mt-2 max-w-3xl text-pretty text-4xl font-medium tracking-tighter text-neutral-950 sm:text-6xl">
                         Building a Stronger Tech Ecosystem Together
@@ -68,6 +69,7 @@ export default function Index() {
          <Startup />
          <Devsa />
          <TechBlock />
+         <TechForm />
          <TechFuel />
       </>
    );