forked from Charlie85270/tail-kit
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
16ceca2
commit c30daaa
Showing
48 changed files
with
10,234 additions
and
202 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "typescript.tsdk": "node_modules/typescript/lib" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| import React from "react"; | ||
|
|
||
| const NextJSCta = () => { | ||
| return ( | ||
| <div className="bg-white dark:bg-gray-800 flex relative z-20 items-center"> | ||
| <div className="container mx-auto px-6 flex flex-col justify-between items-center relative py-8"> | ||
| <div className="flex flex-col"> | ||
| <h1 className="font-light w-full uppercase text-center text-4xl sm:text-5xl dark:text-white text-gray-800"> | ||
| The React Framework for Production | ||
| </h1> | ||
| <h2 className="font-light max-w-2xl mx-auto w-full text-xl dark:text-white text-gray-500 text-center py-8"> | ||
| Next.js gives you the best developer experience with all the | ||
| features you need for production: hybrid static & server rendering, | ||
| TypeScript support, smart bundling, route pre-fetching, and more. No | ||
| config needed. | ||
| </h2> | ||
| <div className="flex items-center justify-center mt-4"> | ||
| <a | ||
| href="#" | ||
| className="uppercase py-2 px-4 bg-gray-800 border-2 border-transparent text-white text-md mr-4 hover:bg-gray-900" | ||
| > | ||
| Get started | ||
| </a> | ||
| <a | ||
| href="#" | ||
| className="uppercase py-2 px-4 bg-transparent border-2 border-gray-800 text-gray-800 dark:text-white hover:bg-gray-800 hover:text-white text-md" | ||
| > | ||
| Documentation | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <div className="block w-full mx-auto mt-6 md:mt-0 relative"> | ||
| <img | ||
| src="/images/object/12.svg" | ||
| className="max-w-xs md:max-w-2xl m-auto" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default NextJSCta; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| import React from "react"; | ||
|
|
||
| const WatchCta = () => { | ||
| return ( | ||
| <div className="bg-white dark:bg-gray-800 flex relative z-20 items-center"> | ||
| <div className="container mx-auto px-6 flex relative py-16"> | ||
| <div className="sm:w-2/3 lg:w-2/5 flex flex-col relative z-20"> | ||
| <span className="w-20 h-2 bg-gray-800 dark:bg-white mb-12"></span> | ||
| <h1 className="font-bebas-neue uppercase text-6xl sm:text-8xl font-black flex flex-col leading-none dark:text-white text-gray-800"> | ||
| Be on <span className="text-5xl sm:text-7xl">Time</span> | ||
| </h1> | ||
| <p className="text-sm sm:text-base text-gray-700 dark:text-white"> | ||
| Dimension of reality that makes change possible and understandable. | ||
| An indefinite and homogeneous environment in which natural events | ||
| and human existence take place. | ||
| </p> | ||
| <div className="flex mt-8"> | ||
| <a | ||
| href="#" | ||
| className="uppercase py-2 px-4 rounded-lg bg-pink-500 border-2 border-transparent text-white text-md mr-4 hover:bg-pink-400" | ||
| > | ||
| Get started | ||
| </a> | ||
| <a | ||
| href="#" | ||
| className="uppercase py-2 px-4 rounded-lg bg-transparent border-2 border-pink-500 text-pink-500 dark:text-white hover:bg-pink-500 hover:text-white text-md" | ||
| > | ||
| Read more | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <div className="hidden sm:block sm:w-1/3 lg:w-3/5 relative"> | ||
| <img | ||
| src="/images/object/10.png" | ||
| className="max-w-xs md:max-w-sm m-auto" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default WatchCta; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import React from "react"; | ||
| import SectionDesc from "../../../site/section/SectionDesc"; | ||
|
|
||
| const HomePage = () => { | ||
| const homeSection = [ | ||
| { | ||
| title: "Products", | ||
| items: 3, | ||
| img: "images/sections/homePage2.png", | ||
| link: "/templates/simpleHome", | ||
| }, | ||
| { | ||
| title: "Get Started", | ||
| items: 3, | ||
| img: "images/sections/homePage.png", | ||
| link: "/templates/getStarted", | ||
| }, | ||
| ]; | ||
|
|
||
| return ( | ||
| <SectionDesc | ||
| hasCommingSoon={true} | ||
| id="home" | ||
| items={homeSection} | ||
| title="Landing page" | ||
| /> | ||
| ); | ||
| }; | ||
|
|
||
| export default HomePage; |
67 changes: 67 additions & 0 deletions
67
components/kit/templates/homePage/simplePage/Natural2Home.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| import React from "react"; | ||
|
|
||
| const Natural2Home = () => { | ||
| return ( | ||
| <div className="bg-indigo-900 relative overflow-hidden h-screen"> | ||
| <img | ||
| src="/images/landscape/6.svg" | ||
| className="absolute h-full w-full object-cover" | ||
| /> | ||
| <div className="inset-0 bg-black opacity-25 absolute"></div> | ||
| <header className="absolute top-0 left-0 right-0 z-20"> | ||
| <nav className="container mx-auto px-6 md:px-12 py-4"> | ||
| <div className="md:flex justify-center items-center"> | ||
| <div className="flex justify-between items-center"> | ||
| <div className="md:hidden"> | ||
| <button className="text-white focus:outline-none"> | ||
| <svg | ||
| className="h-12 w-12" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| d="M4 6H20M4 12H20M4 18H20" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| strokeLinejoin="round" | ||
| /> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="hidden md:flex items-center"> | ||
| <a className="text-lg uppercase mx-3 text-white cursor-pointer hover:text-gray-300"> | ||
| Ticket | ||
| </a> | ||
| <a className="text-lg uppercase mx-3 text-white cursor-pointer hover:text-gray-300"> | ||
| Info | ||
| </a> | ||
| <a className="text-lg uppercase mx-3 text-white cursor-pointer hover:text-gray-300"> | ||
| Contact | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <div className="container mx-auto px-6 md:px-12 relative z-10 flex items-center py-32 xl:py-40"> | ||
| <div className="w-full flex flex-col items-center relative z-10"> | ||
| <h1 className="font-extrabold text-7xl text-center sm:text-8xl text-white leading-tight mt-4"> | ||
| Life-changing | ||
| </h1> | ||
|
|
||
| <a | ||
| href="#" | ||
| className="block bg-gray-800 hover:bg-gray-900 py-3 px-4 text-lg text-white font-bold uppercase mt-10" | ||
| > | ||
| Start Now | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
| export default Natural2Home; |
74 changes: 74 additions & 0 deletions
74
components/kit/templates/homePage/simplePage/Natural3Home.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| import React from "react"; | ||
|
|
||
| const Natural3Home = () => { | ||
| return ( | ||
| <div className="bg-indigo-900 relative overflow-hidden h-screen"> | ||
| <img | ||
| src="/images/landscape/7.svg" | ||
| className="absolute h-full w-full object-cover" | ||
| /> | ||
| <div className="inset-0 bg-black opacity-25 absolute"></div> | ||
| <header className="absolute top-0 left-0 right-0 z-20"> | ||
| <nav className="container mx-auto px-6 md:px-12 py-4"> | ||
| <div className="md:flex justify-center items-center"> | ||
| <div className="flex justify-between items-center"> | ||
| <div className="md:hidden"> | ||
| <button className="text-white focus:outline-none"> | ||
| <svg | ||
| className="h-12 w-12" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| d="M4 6H20M4 12H20M4 18H20" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| strokeLinejoin="round" | ||
| /> | ||
| </svg> | ||
| </button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="hidden md:flex items-center"> | ||
| <a className="text-lg uppercase mx-3 text-white cursor-pointer hover:text-gray-300"> | ||
| Ticket | ||
| </a> | ||
| <a className="text-lg uppercase mx-3 text-white cursor-pointer hover:text-gray-300"> | ||
| Info | ||
| </a> | ||
| <a className="text-lg uppercase mx-3 text-white cursor-pointer hover:text-gray-300"> | ||
| Contact | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <div className="container border-4 border-white rounded-lg mx-auto w-4/5 relative z-10 flex items-center py-16 my-24 md:my-32"> | ||
| <div className="w-full flex flex-col items-center justify-between relative z-10"> | ||
| <p className="flex flex-col items-center font-extrabold text-6xl text-center md:text-8xl text-white"> | ||
| Planet need you | ||
| </p> | ||
| <p className="flex flex-col max-w-lg text-center items-center font-extrabold text-lg mt-6 text-white"> | ||
| The first European to set eyes on the great river was a Spanish | ||
| explorer, called De Soto, who came across the mouth of the river in | ||
| 1541; yet it was not until over a century later that the Mississippi | ||
| river began to take a significant place in the history of North | ||
| America. | ||
| </p> | ||
|
|
||
| <a | ||
| href="#" | ||
| className="block bg-gray-800 hover:bg-gray-900 py-3 px-4 text-lg text-white font-bold uppercase mt-10" | ||
| > | ||
| Plant a tree | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
| export default Natural3Home; |
Oops, something went wrong.