diff --git a/public/images/inbound-relay.png b/public/images/inbound-relay.png new file mode 100644 index 0000000..d7404fa Binary files /dev/null and b/public/images/inbound-relay.png differ diff --git a/public/svgs/Book.tsx b/public/svgs/Book.tsx new file mode 100644 index 0000000..1f26723 --- /dev/null +++ b/public/svgs/Book.tsx @@ -0,0 +1,24 @@ +import React from "react"; + +export function Book() { + return ( + + + + + + ); +} diff --git a/public/svgs/Rocket.tsx b/public/svgs/Rocket.tsx new file mode 100644 index 0000000..3161ad3 --- /dev/null +++ b/public/svgs/Rocket.tsx @@ -0,0 +1,48 @@ +import React from "react"; + +export function Rocket() { + return ( + + + + + + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index fc29634..0e88392 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,6 +11,8 @@ import Customize from "../components/Customize"; import { useMediaQuery } from "@mantine/hooks"; import { OrgTestimonials } from "../components/OrgTestimonials"; import { WhatsFlitchPay } from "../components/WhatsFlitchPay"; +import { WhatsFlitchPay2 } from "../components/WhatsFlitchPay2"; + import { FlitchPayFinal } from "../components/FlitchPayFinal"; export default function LandingPage() { @@ -21,6 +23,7 @@ export default function LandingPage() { {/* {!isMobile ? : null} */} + {/* diff --git a/src/components/FlitchPayFinal.tsx b/src/components/FlitchPayFinal.tsx index 5c1f389..5dc77e5 100644 --- a/src/components/FlitchPayFinal.tsx +++ b/src/components/FlitchPayFinal.tsx @@ -7,7 +7,7 @@ import Link from "next/link"; export function FlitchPayFinal() { return (
-
+
{/* card1 */} -
+
Sophisticated Checkouts - + {" "} create space to ask questions and have open-ended conversations. @@ -41,11 +41,11 @@ export function WhatsFlitchPay() {
{/* card2 */} -
+
On Make products & Sell - + {" "} allow communication and collaboration about code changes. @@ -64,11 +64,11 @@ export function WhatsFlitchPay() {
{/* card3 */} -
+
On premise Messaging & Real-time Payments - + {" "} lets you support your favorite open source maintainers and projects. @@ -100,7 +100,7 @@ function HeadComponent() { return (
diff --git a/src/components/WhatsFlitchPay2.tsx b/src/components/WhatsFlitchPay2.tsx new file mode 100644 index 0000000..733a3be --- /dev/null +++ b/src/components/WhatsFlitchPay2.tsx @@ -0,0 +1,150 @@ +import { Button } from "@/components/ui/button"; +import { FeaturesStar } from "@/public/svgs/FeaturesStar"; +import Link from "next/link"; +import React from "react"; +import inboundRelay from "@/public/images/inbound-relay.png"; +import Image from "next/image"; +import { Book } from "@/public/svgs/Book"; +import { Rocket } from "@/public/svgs/Rocket"; + +export function WhatsFlitchPay2() { + return ( +
+
+ +
+
+
+ Inbound Payments +
+
+ + Create Inbound Payments + +
+
+
+ {/* card1 */} +
+
+ Encrypt or Redact your Data +
+
+ Inbound Relay is a proxy that intercepts and encrypts or redacts + selected fields in an HTTPS request before forwarding the + request to its original destination. +
+
+
+

+ Create an Inbound Relay with an onboarding tutorial. +

+
+ + Get Started + +
+
+ +
+
+ +
+ + + + Get Started +
+
{">"}
+ + +
+ + + + Follow a Quickstart +
+
{">"}
+ +
+
+ {/* card2 */} +
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, + blanditiis cupiditate, quidem culpa id, officiis earum aperiam + quae dolor pariatur iusto. Dignissimos illo repellat vitae? Nisi + necessitatibus sunt vero unde quia! Nulla molestias esse deleniti + necessitatibus, quasi est nihil id omnis fugit aspernatur? Placeat + pariatur facere quibusdam hic aliquam eaque, iusto eum libero + consequatur? Velit laborum quidem earum consectetur! Itaque amet + nobis neque accusamus nulla ut provident consectetur cum et + explicabo incidunt dolores eos aperiam doloremque odit + perspiciatis tempore asperiores obcaecati, laudantium quos + aspernatur modi quod optio. Sunt, pariatur praesentium. Non + cupiditate incidunt nisi, cum consequatur blanditiis eius officia + ut? +
+
+
+
+
+ ); +} + +function HeadComponent() { + return ( +
+ +
+
+ +
+ + many features, wow{" "} + +
+ +

+ {"What's"} in FlitchPay +

+

+ All you need to become a TypeScript menace +

+
+ ); +}