From 31e5d00c748ce9ee3f934dcb6c007f4a1d5812fc Mon Sep 17 00:00:00 2001
From: m5r <mokht@rmi.al>
Date: Wed, 13 Jul 2022 23:50:17 +0200
Subject: [PATCH] small landing page adjustments

---
 .../public-area/components/call-to-action.tsx |  9 ++-
 app/features/public-area/components/faqs.tsx  | 56 ++++---------------
 2 files changed, 18 insertions(+), 47 deletions(-)

diff --git a/app/features/public-area/components/call-to-action.tsx b/app/features/public-area/components/call-to-action.tsx
index b769345..99e4d44 100644
--- a/app/features/public-area/components/call-to-action.tsx
+++ b/app/features/public-area/components/call-to-action.tsx
@@ -5,9 +5,10 @@ import Button from "./button";
 import Container from "./container";
 import { TextField } from "./fields";
 
-import backgroundImage from "../images/background-call-to-action.jpg";
 import Alert from "~/features/core/components/alert";
 
+import backgroundImage from "../images/background-call-to-action.jpg";
+
 export default function CallToAction() {
 	const actionData = useActionData<JoinWaitlistActionData>();
 
@@ -31,7 +32,10 @@ export default function CallToAction() {
 					</p>
 				</div>
 
-				<Form method="post" className="max-w-2xl mx-auto flex mt-10 space-x-4">
+				<Form
+					method="post"
+					className="max-w-2xl mx-auto flex flex-col space-y-4 items-center mt-10 sm:flex-row sm:space-y-0 sm:space-x-4"
+				>
 					{actionData?.submitted ? (
 						<div className="m-auto">
 							<Alert
@@ -48,6 +52,7 @@ export default function CallToAction() {
 								type="email"
 								autoComplete="email"
 								className="w-full"
+								placeholder="Enter your email address"
 								required
 							/>
 							<Button type="submit" variant="solid" color="white" className="w-40">
diff --git a/app/features/public-area/components/faqs.tsx b/app/features/public-area/components/faqs.tsx
index f703796..66694f1 100644
--- a/app/features/public-area/components/faqs.tsx
+++ b/app/features/public-area/components/faqs.tsx
@@ -3,52 +3,8 @@ import { Disclosure, Transition } from "@headlessui/react";
 import clsx from "clsx";
 
 import Container from "./container";
-import backgroundImage from "../images/background-faqs.jpg";
 
-const faqs = [
-	[
-		{
-			question: "Does TaxPal handle VAT?",
-			answer: "Well no, but if you move your company offshore you can probably ignore it.",
-		},
-		{
-			question: "Can I pay for my subscription via purchase order?",
-			answer: "Absolutely, we are happy to take your money in all forms.",
-		},
-		{
-			question: "How do I apply for a job at TaxPal?",
-			answer: "We only hire our customers, so subscribe for a minimum of 6 months and then let’s talk.",
-		},
-	],
-	[
-		{
-			question: "What was that testimonial about tax fraud all about?",
-			answer: "TaxPal is just a software application, ultimately your books are your responsibility.",
-		},
-		{
-			question: "TaxPal sounds horrible but why do I still feel compelled to purchase?",
-			answer: "This is the power of excellent visual design. You just can’t resist it, no matter how poorly it actually functions.",
-		},
-		{
-			question: "I found other companies called TaxPal, are you sure you can use this name?",
-			answer: "Honestly not sure at all. We haven’t actually incorporated or anything, we just thought it sounded cool and made this website.",
-		},
-	],
-	[
-		{
-			question: "How do you generate reports?",
-			answer: "You just tell us what data you need a report for, and we get our kids to create beautiful charts for you using only the finest crayons.",
-		},
-		{
-			question: "Can we expect more inventory features?",
-			answer: "In life it’s really better to never expect anything at all.",
-		},
-		{
-			question: "I lost my password, how do I get into my account?",
-			answer: "Send us an email and we will send you a copy of our latest password spreadsheet so you can find your information.",
-		},
-	],
-];
+import backgroundImage from "../images/background-faqs.jpg";
 
 export default function Faqs() {
 	return (
@@ -85,6 +41,16 @@ export default function Faqs() {
 						example, you can only use an eSIM on one device at a time and you are still subject to
 						exorbitant rates from your carrier.
 					</Accordion>
+					<Accordion title="Does it work with 2FA messages?">
+						Some banks and online services refuse to send two-factor authentication messages to a virtual
+						phone number and we do not have a solution around this yet. Moreover, Twilio does not support
+						receiving incoming SMS from external Alphanumeric Sender IDs is to protect accounts getting
+						bombarded from spam messages from these IDs which are used to send one-way SMS.
+						<br />
+						With that said, we have successfully received 2FA messages from many services including WhatsApp
+						and Uber. We recognize this is a common problem for people who want to switch to a virtual phone
+						number and we are doing our best to find a long-term solution to receive 2FA messages.
+					</Accordion>
 					<span className="block border-t border-gray-200" aria-hidden="true" />
 				</ul>
 			</Container>