diff --git a/app/page.tsx b/app/page.tsx
index 33484b8..5702285 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,7 +1,7 @@
/* eslint-disable import/no-default-export */
import { Main } from '@/components/layout/main'
-import { GetInTouchSection } from '@/components/sections/get-in-touch'
+import { ContactSection } from '@/components/sections/contact'
import { HeroSection } from '@/components/sections/hero'
import { PartnersSection } from '@/components/sections/partners'
import { ProductsSection } from '@/components/sections/products'
@@ -14,7 +14,7 @@ const Page = () => {
-
+
)
}
diff --git a/components/sections/get-in-touch/get-in-touch.tsx b/components/sections/contact/contact.tsx
similarity index 68%
rename from components/sections/get-in-touch/get-in-touch.tsx
rename to components/sections/contact/contact.tsx
index 83dcb8e..c3e9fff 100644
--- a/components/sections/get-in-touch/get-in-touch.tsx
+++ b/components/sections/contact/contact.tsx
@@ -4,8 +4,9 @@ import styled from 'styled-components'
import { Contact } from '@/components/composed/contact'
import { AsciiField } from '@/components/illos/ascii-field'
import { Section } from '@/components/layout/section'
+import { WIDE_BREAKPOINT } from '@/styles/breakpoints'
-const StyledGetInTouchSection = styled(Section)`
+const StyledContactSection = styled(Section)`
--line-width: 0.0625rem;
display: grid;
@@ -22,14 +23,18 @@ const StyledGetInTouchSection = styled(Section)`
`
const StyledAsciiField = styled(AsciiField)`
- min-height: 12rem;
+ min-height: 6rem;
+
+ @media (min-width: ${WIDE_BREAKPOINT}rem) {
+ min-height: 12rem;
+ }
`
-export const GetInTouchSection: React.FC = () => {
+export const ContactSection: React.FC = () => {
return (
-
+
-
+
)
}
diff --git a/components/sections/contact/index.ts b/components/sections/contact/index.ts
new file mode 100644
index 0000000..a292190
--- /dev/null
+++ b/components/sections/contact/index.ts
@@ -0,0 +1 @@
+export { ContactSection } from './contact'
diff --git a/components/sections/get-in-touch/index.ts b/components/sections/get-in-touch/index.ts
deleted file mode 100644
index f9e1621..0000000
--- a/components/sections/get-in-touch/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { GetInTouchSection } from './get-in-touch'
diff --git a/public/team/leer-courtland.png b/public/team/leer-courtland.png
index c77108b..5b132e1 100644
Binary files a/public/team/leer-courtland.png and b/public/team/leer-courtland.png differ