diff --git a/app/landing-page/components/checkmark.tsx b/app/landing-page/components/checkmark.tsx new file mode 100644 index 0000000..b058452 --- /dev/null +++ b/app/landing-page/components/checkmark.tsx @@ -0,0 +1,11 @@ +export default function Checkmark() { + return ( + + + + ); +} diff --git a/app/landing-page/images/mockup-image-01.png b/app/landing-page/images/mockup-image-01.png new file mode 100644 index 0000000..3617ba1 Binary files /dev/null and b/app/landing-page/images/mockup-image-01.png differ diff --git a/app/landing-page/pages/index.tsx b/app/landing-page/pages/index.tsx index df24eb4..26529fa 100644 --- a/app/landing-page/pages/index.tsx +++ b/app/landing-page/pages/index.tsx @@ -1,35 +1,18 @@ -import { Suspense } from "react"; import type { BlitzPage } from "blitz"; -import { Head, Link, useMutation, Routes } from "blitz"; +import { Head } from "blitz"; +import { XIcon } from "@heroicons/react/outline"; -import BaseLayout from "../../core/layouts/base-layout"; -import logout from "../../auth/mutations/logout"; -import useCurrentUser from "../../core/hooks/use-current-user"; import Header from "../components/header"; import iphoneMockup from "../images/iphone-mockup.png"; -import mockupImage from "../images/mockup-image-01.jpg"; +import mockupImage from "../images/mockup-image-01.png"; +import Checkmark from "../components/checkmark"; const LandingPage: BlitzPage = () => { return ( <> Shellphone: Your Personal Cloud Phone - - {/* - { type="font/woff2" crossOrigin="anonymous" /> - */} +
@@ -52,7 +29,7 @@ const LandingPage: BlitzPage = () => {
-
+
{/* Hero content */}
{/* Content */} @@ -61,23 +38,22 @@ const LandingPage: BlitzPage = () => { Take your phone number anywhere you go

- Keep your phone number and pay less for your communications, even - abroad. No download required. + Coming soon! 🐚 Keep your phone number and pay less for your + communications, even abroad.

{/* CTA form */}
{/* Success message */} @@ -85,34 +61,16 @@ const LandingPage: BlitzPage = () => {
  • - - - - Lorem ipsum is placeholder text commonly. + + Send and receive SMS messages.
  • - - - - Excepteur sint occaecat cupidatat. + + Make and receive phone calls.
  • - - - - Lorem ipsum is placeholder text commonly. + + No download required.
@@ -199,6 +157,40 @@ const LandingPage: BlitzPage = () => { ); }; +function ReferralBanner() { + const isDisabled = true; + if (isDisabled) { + return null; + } + + return ( +
+
+
+

+ 🎉 New: Get one month free for every friend that joins and subscribe! + + + {" "} + Learn more + + +

+
+
+ +
+
+
+ ); +} + LandingPage.suppressFirstRenderFlicker = true; export default LandingPage;