From c8bab1d40952d8bf8a0fb518ee53c870f09a8710 Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 2 Mar 2023 22:44:31 +0700 Subject: [PATCH] contact, footer, teams --- .../public/images/team/placeholder-pfp.jpg | Bin 0 -> 3028 bytes packages/storyteller.io/public/index.html | 2 +- packages/storyteller.io/src/App.scss | 124 ++++++--- packages/storyteller.io/src/common/Footer.tsx | 13 +- packages/storyteller.io/src/common/TopNav.tsx | 2 +- .../src/pages/index/IndexPage.tsx | 258 +++++++++--------- 6 files changed, 222 insertions(+), 177 deletions(-) create mode 100644 packages/storyteller.io/public/images/team/placeholder-pfp.jpg diff --git a/packages/storyteller.io/public/images/team/placeholder-pfp.jpg b/packages/storyteller.io/public/images/team/placeholder-pfp.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3fe205844384d858efaeb948442c628fe498b9fe GIT binary patch literal 3028 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 literal 0 HcmV?d00001 diff --git a/packages/storyteller.io/public/index.html b/packages/storyteller.io/public/index.html index 7da81c079a..22a40219fb 100644 --- a/packages/storyteller.io/public/index.html +++ b/packages/storyteller.io/public/index.html @@ -39,7 +39,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - Storyteller. Stream tech. + Storyteller AI — The Future of Storytelling
-
+
-
-
- Copyright © 2020 — 2023 Storyteller AI (makers of - FakeYou) +
+
+ Copyright © 2023 Storyteller AI. All Rights Reserved.
- +
+ +
diff --git a/packages/storyteller.io/src/common/TopNav.tsx b/packages/storyteller.io/src/common/TopNav.tsx index 272ba23abb..4e7ef3cb98 100644 --- a/packages/storyteller.io/src/common/TopNav.tsx +++ b/packages/storyteller.io/src/common/TopNav.tsx @@ -173,7 +173,7 @@ function TopNav(props: Props) {
  • diff --git a/packages/storyteller.io/src/pages/index/IndexPage.tsx b/packages/storyteller.io/src/pages/index/IndexPage.tsx index c358ddeac5..d42bd71882 100644 --- a/packages/storyteller.io/src/pages/index/IndexPage.tsx +++ b/packages/storyteller.io/src/pages/index/IndexPage.tsx @@ -36,7 +36,6 @@ import { Swiper, SwiperSlide } from "swiper/react"; import "swiper/css"; import "swiper/css/pagination"; import { Autoplay, Pagination } from "swiper"; -import { useForm, ValidationError } from "@formspree/react"; function IndexPage() { // Title Animation @@ -54,41 +53,10 @@ function IndexPage() { console.log(splitTitleOutline); var tl = gsap.timeline({ delay: 0.2 }); - tl.to( - "#pascal", - { - delay: 0.2, - duration: 1.2, - y: 0, - opacity: 1, - ease: "expo", - }, - "<" - ); - tl.to( - "#roko", - { - duration: 1.2, - x: 0, - opacity: 1, - ease: "expo", - }, - "<" - ); - tl.to( - "#basilisk", - { - duration: 1.2, - x: 0, - opacity: 1, - ease: "expo", - }, - "<" - ); tl.to( splitTitle.chars, { - delay: 0.3, + delay: 0, duration: 0.4, y: 0, opacity: 1, @@ -101,7 +69,7 @@ function IndexPage() { splitTitleOutline.words, { delay: 0, - duration: 0.8, + duration: 0.5, y: 0, scale: 1, opacity: 1, @@ -121,38 +89,20 @@ function IndexPage() { }, "<" ); - tl.to( - ".shape-2, .shape-1, .shape-3, .shape-4", + "#hero-btn", { - duration: 1, - y: 0, + delay: 0.2, + duration: 0.8, + x: 0, scale: 1, - opacity: 0.6, + opacity: 1, ease: "expo", }, - 0.4 + "<" ); }, []); - const [state, handleSubmit] = useForm("xnqrvjbo"); - if (state.succeeded) { - const reset = document.getElementById("reset"); - const success = document.getElementById("success_message"); - - if (reset) reset.click(); - - setTimeout(function () { - if (success) - success.innerHTML = - '
    Thank you for your message!
    '; - }, 500); - - setTimeout(function () { - if (success) success.innerHTML = ""; - }, 5000); - } - return (
    -

    +

    We’re scientists, engineers, and creatives building the future AI cloud production studio.

    @@ -343,14 +293,6 @@ function IndexPage() {
    • - - {/*
    - Storyteller Logo Icon -
    */}
    @@ -526,11 +468,11 @@ function IndexPage() {
    -
    +
    -
    +
    @@ -1062,6 +1004,99 @@ function IndexPage() {
    */} +
    +
    + +

    + Our Team + \ + Our Team + \ + Our Team + \ + Our Team + \ +

    +     +
    +
    +
    +
    + +

    Brandon

    +

    Founder / Backend

    +
    +
    + +

    Scott

    +

    3D Artist

    +
    +
    + +

    Paul

    +

    ML / Backend

    +
    +
    + +

    Bombay

    +

    Web Designer / Frontend

    +
    +
    + +

    Michael

    +

    ML / Backend

    +
    +
    + +

    Echelon

    +

    Founder / Backend Engineer

    +
    +
    + +

    Echelon

    +

    Founder / Backend Engineer

    +
    +
    + +

    Echelon

    +

    Founder / Backend Engineer

    +
    +
    +
    +
    +
    @@ -1243,71 +1278,28 @@ function IndexPage() { -
    -
    -

    Contact Us

    -

    - Send us a message and we'll get back to you! -

    - -
    -
    -
    - - - - -