diff --git a/src/client/App.tsx b/src/client/App.tsx index 3d23bcc..d50db01 100644 --- a/src/client/App.tsx +++ b/src/client/App.tsx @@ -1,8 +1,14 @@ import './Main.css'; import NavBar from './NavBar'; -import { ReactNode } from 'react'; +import { useMemo, ReactNode } from 'react'; +import { useLocation } from 'react-router-dom'; export default function App({ children }: { children: ReactNode }) { + const location = useLocation(); + + const shouldDisplayAppNavBar = useMemo(() => { + return !location.pathname.startsWith('/landing-page'); + }, [location]); /** * use this component to wrap all child components * this is useful for templates, themes, and context @@ -10,7 +16,7 @@ export default function App({ children }: { children: ReactNode }) { */ return (
- {/* */} + {shouldDisplayAppNavBar && }
{children}
); diff --git a/src/client/LandingPage.tsx b/src/client/LandingPage.tsx index 2c7384f..c2bd7c8 100644 --- a/src/client/LandingPage.tsx +++ b/src/client/LandingPage.tsx @@ -6,7 +6,9 @@ import { MdPayments } from 'react-icons/md'; import { HiDocumentText } from 'react-icons/hi'; import { PiMagicWandFill } from 'react-icons/pi'; import { HiBars3 } from 'react-icons/hi2'; +import { BiLogIn } from 'react-icons/bi'; import logo from './static/logo.png'; +import daBoi from './static/magic-app-gen-logo.png'; const navigation = [ { name: 'Product', href: '#' }, @@ -18,30 +20,43 @@ const features = [ { name: 'Auto-magic Auth', description: - 'Not only is Auth built-in, you can integrate Google, GitHub, Email Verified Login, and more with just a few lines of code, thanks to the power of Wasp', - icon: FiKey, + 'Not only is Auth pre-configured, but you can integrate more providers with just a few lines of code, thanks to the power of Wasp', + // icon: FiKey, + icon: 'πŸ”', + }, + { + name: 'Full-stack Type Safety', + description: + 'Because Wasp understands your app, it provides end-to-end type safety out of the box. Nothing to configure!', + // icon: FiKey, + icon: 'πŸ₯ž', }, { name: 'Stripe Integration', description: "No SaaS is complete without payments. That's why subscriptions and there necessary webhooks are built-in!", - icon: MdPayments, - }, - { - name: 'Complete Documentation & Support', - description: - "We don't leave you hanging. We have a complete documentation site, and a Discord community to help you get along the way.", - icon: HiDocumentText, - }, - { - name: 'OpenAI ChatGPT API Integration', - description: 'Technology is moving fast, and so are new ideas. Profit from yours quickly.', - icon: PiMagicWandFill, + // icon: MdPayments, + icon: 'πŸ’Έ', }, + // { + // name: 'OpenAI ChatGPT API Integration', + // description: 'Technology is moving fast, and so are new ideas. Profit from yours quickly.', + // icon: 'πŸ§™β€β™‚οΈ', + // }, { name: 'No 3rd Party Services', description: 'You own your data, and you own your code. No expensive 3rd party services to worry about.', - icon: PiMagicWandFill, + icon: '🚫', + }, + { + name: 'Deploy Anywhere', + description: 'You own all your code, so deploy it wherever you want!', + icon: 'πŸš€ ', + }, + { + name: 'Complete Documentation & Support', + description: "We don't leave you hanging. We have tons of docs, and a Discord community to help!", + icon: 'πŸ«‚', }, ]; const tiers = [ @@ -150,14 +165,21 @@ export default function LandingPage() {
{navigation.map((item) => ( - + {item.name} ))}
-
- - Log in +
+ + Log in
@@ -211,38 +233,51 @@ export default function LandingPage() {
{/* Hero section */} -
-