Skip to content

Commit

Permalink
Minimal landing page with signup
Browse files Browse the repository at this point in the history
  • Loading branch information
@codenikel
codenikel committed Oct 23, 2023
1 parent 2da8d1c commit 6804806
Show file tree
Hide file tree
Showing 5 changed files with 23 additions and 1,632 deletions.
6 changes: 3 additions & 3 deletions lp/components/hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,21 +37,21 @@ export default function Hero() {
<a className="btn text-white bg-blue-600 hover:bg-blue-700 w-full mb-4 sm:w-auto sm:mb-0" href="https://github.com/radiant-labs/radiant">GitHub</a>
</div>
<div>
<a className="btn text-white bg-gray-900 hover:bg-gray-800 w-full sm:w-auto sm:ml-4" href="https://radiant-labs.gitbook.io/radiant/overview/introduction">Docs</a>
<a className="btn text-white bg-gray-900 hover:bg-gray-800 w-full sm:w-auto sm:ml-4" href="https://radiant-labs.gitbook.io/radiant">Docs</a>
</div>
</div>
</div>
</div>

{/* Hero image */}
<ModalVideo
{/* <ModalVideo
thumb={VideoThumb}
thumbWidth={768}
thumbHeight={432}
thumbAlt="Modal video thumbnail"
video="/videos/video.mp4"
videoWidth={1920}
videoHeight={1080} />
videoHeight={1080} /> */}

</div>

Expand Down
8 changes: 5 additions & 3 deletions lp/components/newsletter.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,12 @@ export default function Newsletter() {
{/* <p className="text-gray-300 text-lg mb-6">Lorem ipsum dolor sit amet consectetur adipisicing elit nemo expedita voluptas culpa sapiente.</p> */}

{/* CTA form */}
<form className="w-full lg:w-auto">
<form action="https://gmail.us21.list-manage.com/subscribe/post" method="POST" className="w-full lg:w-auto">
<div className="flex flex-col sm:flex-row justify-center max-w-xs mx-auto sm:max-w-md lg:mx-0">
<input type="email" className="form-input w-full appearance-none bg-gray-800 border border-gray-700 focus:border-gray-600 rounded-sm px-4 py-3 mb-2 sm:mb-0 sm:mr-2 text-white placeholder-gray-500" placeholder="Your email…" aria-label="Your email…" />
<a className="btn text-white bg-blue-600 hover:bg-blue-700 shadow" href="#0">Subscribe</a>
<input type="hidden" name="u" value="5a28522117022e236c854ab6f" />
<input type="hidden" name="id" value="d6ca7b6605" />
<input name="MERGE0" id="MERGE0" type="email" className="form-input w-full appearance-none bg-gray-800 border border-gray-700 focus:border-gray-600 rounded-sm px-4 py-3 mb-2 sm:mb-0 sm:mr-2 text-white placeholder-gray-500" placeholder="Your email…" aria-label="Your email…" />
<button type="submit" className="btn text-white bg-blue-600 hover:bg-blue-700 shadow">Subscribe</button>
</div>
{/* Success message */}
{/* <p className="text-sm text-gray-400 mt-3">Thanks for subscribing!</p> */}
Expand Down
58 changes: 12 additions & 46 deletions lp/components/ui/footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,19 +23,7 @@ export default function Footer() {
<h6 className="text-gray-800 font-medium mb-2">Products</h6>
<ul className="text-sm">
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Web Studio</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">DynamicBox Flex</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Programming Forms</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Integrations</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Command-line</a>
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Radiant</a>
</li>
</ul>
</div>
Expand All @@ -45,19 +33,7 @@ export default function Footer() {
<h6 className="text-gray-800 font-medium mb-2">Resources</h6>
<ul className="text-sm">
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Documentation</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Tutorials & Guides</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Blog</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Support Center</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Partners</a>
<a href="https://radiant-labs.gitbook.io/radiant" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Documentation</a>
</li>
</ul>
</div>
Expand All @@ -69,31 +45,21 @@ export default function Footer() {
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Home</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">About us</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Company values</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Pricing</a>
</li>
<li className="mb-2">
<a href="#0" className="text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out">Privacy Policy</a>
</li>
</ul>
</div>

{/* 5th block */}
<div className="sm:col-span-6 md:col-span-3 lg:col-span-3">
<h6 className="text-gray-800 font-medium mb-2">Subscribe</h6>
<p className="text-sm text-gray-600 mb-4">Get the latest news and articles to your inbox every month.</p>
<form>
<form action="https://gmail.us21.list-manage.com/subscribe/post" method="POST">
<div className="flex flex-wrap mb-4">
<div className="w-full">
<label className="block text-sm sr-only" htmlFor="newsletter">Email</label>
<div className="relative flex items-center max-w-xs">
<input id="newsletter" type="email" className="form-input w-full text-gray-800 px-3 py-2 pr-12 text-sm" placeholder="Your email" required />
<input type="hidden" name="u" value="5a28522117022e236c854ab6f" />
<input type="hidden" name="id" value="d6ca7b6605" />
<input name="MERGE0" id="MERGE0" type="email" className="form-input w-full text-gray-800 px-3 py-2 pr-12 text-sm" placeholder="Your email" required />
<button type="submit" className="absolute inset-0 left-auto" aria-label="Subscribe">
<span className="absolute inset-0 right-auto w-px -ml-px my-2 bg-gray-300" aria-hidden="true"></span>
<svg className="w-3 h-3 fill-current text-blue-600 mx-3 shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
Expand All @@ -115,31 +81,31 @@ export default function Footer() {

{/* Social as */}
<ul className="flex mb-4 md:order-1 md:ml-4 md:mb-0">
<li>
{/* <li>
<a href="#0" className="flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out" aria-label="Twitter">
<svg className="w-8 h-8 fill-current" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="m13.063 9 3.495 4.475L20.601 9h2.454l-5.359 5.931L24 23h-4.938l-3.866-4.893L10.771 23H8.316l5.735-6.342L8 9h5.063Zm-.74 1.347h-1.457l8.875 11.232h1.36l-8.778-11.232Z" />
</svg>
</a>
</li>
</li> */}
<li className="ml-4">
<a href="#0" className="flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out" aria-label="Github">
<a href="https://github.com/radiant-labs/radiant" className="flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out" aria-label="Github">
<svg className="w-8 h-8 fill-current" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.2c-4.4 0-8 3.6-8 8 0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4V22c-2.2.5-2.7-1-2.7-1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.3 1.9.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8.6-.2 1.3-.3 2-.3s1.4.1 2 .3c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.6.8 1.3.8 2.1 0 3.1-1.9 3.7-3.7 3.9.3.4.6.9.6 1.6v2.2c0 .2.1.5.6.4 3.2-1.1 5.5-4.1 5.5-7.6-.1-4.4-3.7-8-8.1-8z" />
</svg>
</a>
</li>
<li className="ml-4">
{/* <li className="ml-4">
<a href="#0" className="flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out" aria-label="Facebook">
<svg className="w-8 h-8 fill-current" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M14.023 24L14 17h-3v-3h3v-2c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V14H21l-1 3h-2.72v7h-3.257z" />
</svg>
</a>
</li>
</li> */}
</ul>

{/* Copyrights note */}
<div className="text-sm text-gray-600 mr-4">&copy; Cruip.com. All rights reserved.</div>
<div className="text-sm text-gray-600 mr-4">Radiant</div>

</div>

Expand Down
6 changes: 3 additions & 3 deletions lp/components/ui/header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,11 +37,11 @@ export default function Header() {
{/* Desktop sign in links */}
<ul className="flex grow justify-end flex-wrap items-center">
<li>
<Link href="/signin" className="font-medium text-gray-600 hover:text-gray-900 px-5 py-3 flex items-center transition duration-150 ease-in-out">Sign in</Link>
<Link href="https://github.com/radiant-labs/radiant" className="font-medium text-gray-600 hover:text-gray-900 px-5 py-3 flex items-center transition duration-150 ease-in-out">GitHub</Link>
</li>
<li>
<Link href="/signup" className="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 ml-3">
<span>Sign up</span>
<Link href="https://radiant-labs.gitbook.io/radiant" className="btn-sm text-gray-200 bg-gray-900 hover:bg-gray-800 ml-3">
<span>Docs</span>
<svg className="w-3 h-3 fill-current text-gray-400 shrink-0 ml-2 -mr-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />
</svg>
Expand Down
Loading

0 comments on commit 6804806

Please sign in to comment.