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