diff --git a/features/twLandingPage/twComponents/TwJoinUsColumns.tsx b/features/twLandingPage/twComponents/TwJoinUsColumns.tsx index a1c389b..6465975 100644 --- a/features/twLandingPage/twComponents/TwJoinUsColumns.tsx +++ b/features/twLandingPage/twComponents/TwJoinUsColumns.tsx @@ -1,6 +1,6 @@ import React, { FC } from "react"; import Image from "next/image"; -import { montserrat, ptSans } from "../../../utils/fonts"; +import { montserrat, ptSans, ptSansNarrow } from "../../../utils/fonts"; const TwJoinUsColumns: FC = () => { return ( @@ -12,6 +12,9 @@ const TwJoinUsColumns: FC = () => { } } .customGridContainer { + @media (min-width: 640px) { + column-gap: 5rem; + } @media (min-width: 769px) { display: grid; grid-template-areas: @@ -19,7 +22,10 @@ const TwJoinUsColumns: FC = () => { "three four"; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; - column-gap: clamp(1rem, 11rem, 15rem); + column-gap: 10rem; + } + @media (min-width: 1024px) { + column-gap: 15rem; } } @@ -47,8 +53,14 @@ const TwJoinUsColumns: FC = () => { } } `} -
-
+
+
{"Right { style={{ objectFit: "contain" }} />
-
+
{"Right { style={{ objectFit: "contain" }} />
-
+
{"Right { style={{ objectFit: "contain" }} />
-
+
{"Right { />
-
-
-
+
+
+
+
+
+ YOU HAVE AN IDEA, LET'S PLAN TOGETHER! +
+
+
+
+ 01 +
+

+ PLAN +

+
+
+ +
- YOU HAVE AN IDEA, LET'S PLAN TOGETHER! +
+
+ YOU HAVE AN IDEA, LET'S PLAN TOGETHER! +
+
+
+
+ 01 +
+

+ PLAN +

+
+
+ +
+
+
+ With a solid plan in place lets start building! +
+
+
+
+ 02 +
+

+ PROTOTYPE +

+
+
+ +
+
+
+ Let’s test the prototype! +
+
+
+
+ 03 +
+

+ VALIDATE +

+
+
+ +
+
+
+ Let's press the launch button. Shall we? :D +
+
+
+
+ 04 +
+

PRODUCT

+
+
+
+ +
+
+ {"Illustration
-
-
- 01 +
+

+ You come to the right place if you +

+
+
    +
  • Have many questions and feeling unsure.
    • +
  • + Feel confused and lost in the tech maze, not knowing what to + choose. +
    • +
  • Need a versatile team that covers everything.
    • +
-

PLAN

-
-
-
+ +
{"Illustration
-
-
-

- You come to the right place if you -

-
-
    -
  • - Have many questions and feeling unsure. +
    +
    + We are the team that +
    +
      +
    • + + keeps asking questions{" "} + + until we understand every aspect of + + {" "} + your idea + + , even the ones you might not have considered.
      • -
    • - Feel confused and lost in the tech maze, not knowing what to - choose. +
    • + gives you{" "} + + brutal honesty + + , no sir or madam. +
      • +
    • + uses our tech expertise to help you "get it" and + make the choices with + + {" "} + you + + .
    • - Need a versatile team that covers everything. + has expertise in every stage from product + + {" "} + ideas + + , through + + {" "} + design + {" "} + and + + {" "} + development + {" "} + to + + {" "} + SEO + {" "} + and + + {" "} + marketing + + —we've done it all.
- -
- {"Down -
-
-
- We are the team that -
-
    -
  • - - keeps asking questions - {" "} - until we understand every aspect of - - your idea - - , even the ones you might not have considered. -
    • -
  • - gives you - - {" "} - brutal honesty - - , no sir or madam. -
    • -
  • - uses our tech expertise to help you "get it" and make - the choices with - - {" "} - you - - . -
    • -
  • - has expertise in every stage from product{" "} - - ideas - - , through{" "} - - design - {" "} - and{" "} - - development - {" "} - to{" "} - SEO{" "} - and{" "} - - marketing - - —we've done it all. -
    • -
-
{/* |||||||||||| PLAN 2 SECTION |||||||||||| */} -
-
-
-
- With a solid plan in place lets start building! +
+
+
+
+
+ With a solid plan in place lets start building! +
+
+
+
+ 02 +
+

+ PROTOTYPE +

-
-
- 02 +
+
+ {"Illustration
-

PROTOTYPE

-
-
-
+
+
+
+ We don’t do +
+
+
+ MVPs that take years, feature bloat, overdesigned landing pages + with 0 users. +
+
+
{"Illustration
-
-
-
-
We don’t do
-
-
- MVPs that take years, feature bloat, overdesigned landing pages - with 0 users. -
-
-
- {"Down -
-
-

- We follow a guiding principle based on years of building - prototypes: Cut the right corners! -

-
    -
  • - Launch something as soon as possible -
    • -
  • - Say no to unnecessary features: focus on what's important -
    • -
  • - Get users and listen to them -
    • -
- {/* TECHNOLOGY BOX */} -
-
-
- {"Tools"} -

Our technology toolbox

- {"Tools"} -
-
-
-
+
+

+ We follow a guiding principle based on years of building + prototypes: Cut the right corners! +

+
    +
  • + Launch something as soon as possible +
    • +
  • + Say no to unnecessary features: focus on what's important +
    • +
  • + Get users and listen to them +
    • +
+ {/* TECHNOLOGY BOX */} +
+
+
+ {"Tools"} +

+ Our technology toolbox +

+ {"Tools"} +
+
+
{"Node"} {"prosemirror"} {"React
-
-
-
+
{"Firebase {"Aws {"Supabase {"OpenAi
-
-
-
+
{"Yjs {"Stripe @@ -411,188 +574,229 @@ const TwJoinUsColumns: FC = () => {
{/* |||||||||||| PLAN 3 SECTION |||||||||||| */} -
-
-
-
- Let’s test the prototype! +
+
+
+
+
+ Let’s test the prototype! +
-
-
-
- 03 +
+
+ 03 +
+

+ VALIDATE +

-

VALIDATE

-
-
-
- {"Illustration -
-
-
-
- Most products fail due to a lack of validation. -
-
-
- {"Down -
-
-
- We will develop, deploy, test, evaluate and rebuild until - everything works the way it should. -
-
Our secret?
- Continuous delivery +
+ {"Illustration +
- Every change we make is instantly visible, allowing for continuous - and quick feedback from you and from the users. By taking small, - deliberate steps, we ensure steady progress towards a successful - product. +
+ Most products fail due to a lack of validation. +
- Continuous feedback + {"Down
- Your insights, combined with real user feedback, help us uncover - the missing links: keeping you in the loop and picking your brain - to make sure we don't skip over details. -
-
-
- {"Star"} -

- Rules of the game -

- {"Star"} +
+ We will develop, deploy, test, evaluate and rebuild until + everything works the way it should.
- -
-
-
- FIT -
-
- Don't under or over-engineer – Create the right solution - for the right stage -
-
-
-
- RESOLVE -
-
+ Our secret? +
+
+ Continuous delivery +
+
+ Every change we make is instantly visible, allowing for + continuous and quick feedback from you and from the users. By + taking small, deliberate steps, we ensure steady progress + towards a successful product. +
+
+ Continuous feedback +
+
+ Your insights, combined with real user feedback, help us uncover + the missing links: keeping you in the loop and picking your + brain to make sure we don't skip over details. +
+
+
+ {"Star"} +

- The right problem – Find the root cause (and fix that) -

+ Rules of the game + + {"Star"}
-
-
- REFLECT +
+
+
+ FIT +
+
+ Don't under or over-engineer – Create the right + solution for the right stage +
-
- If something doesn’t go as planned → STOP and think +
+
+ RESOLVE +
+
+ The right problem – Find the root cause (and fix that) +
-
-
-
- ITERATE -
-
- No month long expeditions - The quicker the loop the better -
-
-
-
- PARALLELIZE -
-
- Don’t get stuck on one thing - Run multiple loops at once. +
+
+ REFLECT +
+

+ If something doesn’t go as planned → STOP and think +

-
-
-
- FOCUS +
+
+ ITERATE +
+

+ No month long expeditions - The quicker the loop the + better +

-
- Don't get lost in details - Get moving +
+
+ PARALLELIZE +
+

+ Don’t get stuck on one thing - Run multiple loops at once. +

-
-
-
- INDEPENDENCE + +
+
+ FOCUS +
+

+ Don't get lost in details - Get moving +

-
- No micromanagement - Everyone should be able to make - decisions +
+
+ INDEPENDENCE +
+

+ No micromanagement - Everyone should be able to make + decisions +

@@ -600,61 +804,83 @@ const TwJoinUsColumns: FC = () => {
{/* |||||||||||| PLAN 4 SECTION |||||||||||| */} -
-
-
+
+
+
+
+
+ Let's press the launch button. Shall we?:D +
+
+
+
+ 04 +
+

+ PRODUCT +

+
+
+
+
+ {"Illustration +
+
+
- Let's press the launch button. Shall we?:D + We did it! The product launch was successful.
-
-
-
- 04 +
+ There are users, and some revenue also, now we just need to + maintain, add more features and scale the business to infinity + and beyond.
-

PRODUCT

-
-
-
+
{"Illustration
-
-
-
- We did it! The product launch was successful. -
-
- There are users, and some revenue also, now we just need to - maintain, add more features and scale the business to infinity and - beyond. -
-
-
- {"Down -
-
-
- So, what was the lesson of the story? -
- Was it the journey itself?
The success at the end? -
- Or maybe it was the friends we made along the way? :D -
+
+
+ So, what was the lesson of the story? +
+ Was it the journey itself?
The success at the end? +
+ Or maybe it was the friends we made along the way? :D +
+
diff --git a/features/twLandingPage/twComponents/TwJoingUsEndCard.tsx b/features/twLandingPage/twComponents/TwJoingUsEndCard.tsx index 5bef14a..2218ca1 100644 --- a/features/twLandingPage/twComponents/TwJoingUsEndCard.tsx +++ b/features/twLandingPage/twComponents/TwJoingUsEndCard.tsx @@ -7,7 +7,10 @@ import { Button } from "./Button"; export const TwJoinUsEndCard: FC = () => { return ( -
+

We are here not only to build a working application{" "} diff --git a/features/twLandingPage/twComponents/TwLandingPage.tsx b/features/twLandingPage/twComponents/TwLandingPage.tsx index 6fb6b38..eb9727f 100644 --- a/features/twLandingPage/twComponents/TwLandingPage.tsx +++ b/features/twLandingPage/twComponents/TwLandingPage.tsx @@ -1,4 +1,5 @@ import React from "react"; +import useLpAnimation from "../utils/useLpAnimation"; import { TwIntroduction } from "./TwIntroduction"; import { TwJoinUsTabs } from "./TwJoinUsTabs"; import TwJoinUsColumns from "./TwJoinUsColumns"; @@ -9,8 +10,9 @@ import { TwJoinUsEndCard } from "./TwJoingUsEndCard"; import { TwContact } from "./TwContact"; export const TwLandingPage = () => { + useLpAnimation(); return ( -
+