-
Notifications
You must be signed in to change notification settings - Fork 945
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #3874 from remotion-dev/add-contact-page
- Loading branch information
Showing
6 changed files
with
179 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| .writeincss { | ||
| flex-direction: row; | ||
| display: flex; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .writeincsstitle { | ||
| font-size: 4em; | ||
| font-family: GTPlanar; | ||
| font-weight: 700; | ||
| line-height: 1.2; | ||
| max-width: 1000px; | ||
| } | ||
|
|
||
| @media screen and (max-width: 900px) { | ||
| .writeincss { | ||
| flex-direction: column; | ||
| } | ||
| .writeincsstitle { | ||
| font-size: 3.5em; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| import React from "react"; | ||
| import styles from "./AboutUsHeader.module.css"; | ||
|
|
||
| export const ContactUsHeader: React.FC = () => { | ||
| return ( | ||
| <div className={styles.writeincss}> | ||
| <div style={{ flex: 1 }}> | ||
| <h1 className={styles.writeincsstitle}>Contact us</h1> | ||
| <p> | ||
| We are here to help you with any questions you may have about | ||
| licensing and to help you determine if Remotion is the right fit for | ||
| your project. | ||
| </p> | ||
| <p> | ||
| If you have specific requirements, please let us know via email. | ||
| Alternatively, you can also schedule a video call with us and include | ||
| your questions in the booking description. Please note that we do not | ||
| provide technical support via email or evaluation call. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| .mapContainer { | ||
| display: flex; | ||
| margin-top: 50px; | ||
| margin-bottom: 20px; | ||
| justify-content: center; | ||
| align-items: center; | ||
| width: 100%; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import React from "react"; | ||
| import styles from "./GoogleMaps.module.css"; // Assuming you have a separate CSS module for this component | ||
|
|
||
| const GoogleMaps = () => { | ||
| return ( | ||
| <div className={styles.mapContainer}> | ||
| <div | ||
| style={{ | ||
| maxWidth: "968px", | ||
| transition: "none", | ||
| overflow: "hidden", | ||
| width: "100%", | ||
| height: "500px", | ||
| }} | ||
| > | ||
| <div | ||
| id="my-map-canvas" | ||
| style={{ height: "100%", width: "100%", maxWidth: "100%" }} | ||
| > | ||
| <iframe | ||
| style={{ height: "100%", width: "100%", border: "0" }} | ||
| src="https://www.google.com/maps/embed/v1/place?q=Remotion,+Hohlstrasse+186,+8004+Zurich&key=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default GoogleMaps; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| import Layout from "@theme/Layout"; | ||
| import React from "react"; | ||
| import { PlainButton } from "../../../components/layout/Button"; | ||
| import { Spacer } from "../../../components/layout/Spacer"; | ||
| import { ContactUsHeader } from "../../components/ContactUsHeader"; | ||
| import GoogleMaps from "../../components/GoogleMaps"; | ||
|
|
||
| import Head from "@docusaurus/Head"; | ||
|
|
||
| const container: React.CSSProperties = { | ||
| maxWidth: 1000, | ||
| margin: "auto", | ||
| paddingLeft: 16, | ||
| paddingRight: 16, | ||
| }; | ||
|
|
||
| const button: React.CSSProperties = { | ||
| color: "white", | ||
| fontFamily: "GTPlanar", | ||
| textDecoration: "none", | ||
| }; | ||
|
|
||
| export default () => { | ||
| return ( | ||
| <Layout> | ||
| <br /> | ||
| <Head> | ||
| <title>Remotion | Contact</title> | ||
| <meta name="description" content="Contact Remotion" /> | ||
| </Head> | ||
| <div style={container}> | ||
| <br /> | ||
| <ContactUsHeader /> | ||
| <div | ||
| style={{ | ||
| textAlign: "center", | ||
| display: "flex", | ||
| justifyContent: "left", | ||
| }} | ||
| > | ||
| <a style={button} target="_blank" href="mailto:hi@remotion.dev"> | ||
| <PlainButton size="sm" loading={false} fullWidth={false}> | ||
| Contact via email | ||
| </PlainButton> | ||
| </a> | ||
| <Spacer /> | ||
| <Spacer /> | ||
| <a | ||
| style={button} | ||
| target="_blank" | ||
| href="https://cal.com/remotion/evaluate" | ||
| > | ||
| <PlainButton size="sm" loading={false} fullWidth={false}> | ||
| Schedule evaluation call | ||
| </PlainButton> | ||
| </a> | ||
| </div> | ||
| <br /> | ||
| <h2>Do you need technical support and want to chat?</h2> | ||
| <p> | ||
| On Discord, we provide technical support for Remotion. There we can | ||
| quickly write messages back and forth in a public channel. | ||
| </p> | ||
|
|
||
| <p> | ||
| Note: Please read our <a href="docs/support">Support Policy</a>.{" "} | ||
| {"It's"} important to know that we {"don't"} offer troubleshooting | ||
| help via DMs on Discord. | ||
| </p> | ||
| <div | ||
| style={{ | ||
| textAlign: "center", | ||
| display: "flex", | ||
| justifyContent: "left", | ||
| }} | ||
| > | ||
| <a style={button} target="_blank" href="https://remotion.dev/discord"> | ||
| <PlainButton size="sm" loading={false} fullWidth={false}> | ||
| Join Discord | ||
| </PlainButton> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <GoogleMaps /> | ||
| </Layout> | ||
| ); | ||
| }; |