From c72c001f6a2c32810a3cf1ea4ae16233937dc3f5 Mon Sep 17 00:00:00 2001 From: Fahad Ahmad Date: Wed, 8 Nov 2023 16:55:09 +0530 Subject: [PATCH] whatsflitchpay2 layout and left card done --- public/images/inbound-relay.png | Bin 0 -> 14708 bytes public/svgs/Book.tsx | 24 +++++ public/svgs/Rocket.tsx | 48 +++++++++ src/app/page.tsx | 3 + src/components/FlitchPayFinal.tsx | 2 +- src/components/WhatsFlitchPay.tsx | 14 +-- src/components/WhatsFlitchPay2.tsx | 150 +++++++++++++++++++++++++++++ 7 files changed, 233 insertions(+), 8 deletions(-) create mode 100644 public/images/inbound-relay.png create mode 100644 public/svgs/Book.tsx create mode 100644 public/svgs/Rocket.tsx create mode 100644 src/components/WhatsFlitchPay2.tsx diff --git a/public/images/inbound-relay.png b/public/images/inbound-relay.png new file mode 100644 index 0000000000000000000000000000000000000000..d7404fa0c362736988fb07ae050c89b9860413b1 GIT binary patch literal 14708 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

_p?N_`6iXuFSm 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 + + + + + ); +} 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 +

+
+ ); +}