You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
261 lines
19 KiB
React
261 lines
19 KiB
React
2 years ago
|
import React from 'react';
|
||
|
|
import { Link, Head } from '@inertiajs/inertia-react';
|
||
|
|
|
||
|
|
export default function Welcome(props) {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Head title="Welcome" />
|
||
|
|
<div className="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0">
|
||
|
|
<div className="fixed top-0 right-0 px-6 py-4 sm:block">
|
||
|
|
{props.auth.user ? (
|
||
|
|
<Link href={route('dashboard')} className="text-sm text-gray-700 dark:text-gray-500 underline">
|
||
|
|
Dashboard
|
||
|
|
</Link>
|
||
|
|
) : (
|
||
|
|
<>
|
||
|
|
<Link href={route('login')} className="text-sm text-gray-700 dark:text-gray-500 underline">
|
||
|
|
Log in
|
||
|
|
</Link>
|
||
|
|
|
||
|
|
<Link
|
||
|
|
href={route('register')}
|
||
|
|
className="ml-4 text-sm text-gray-700 dark:text-gray-500 underline"
|
||
|
|
>
|
||
|
|
Register
|
||
|
|
</Link>
|
||
|
|
</>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="max-w-6xl mx-auto sm:px-6 lg:px-8">
|
||
|
|
<div className="flex justify-center pt-8 sm:justify-start sm:pt-0">
|
||
|
|
<svg
|
||
|
|
viewBox="0 0 651 192"
|
||
|
|
fill="none"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
className="h-16 w-auto text-gray-700 sm:h-20"
|
||
|
|
>
|
||
|
|
<g clipPath="url(#clip0)" fill="#EF3B2D">
|
||
|
|
<path d="M248.032 44.676h-16.466v100.23h47.394v-14.748h-30.928V44.676zM337.091 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.431 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162-.001 2.863-.479 5.584-1.432 8.161zM463.954 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.432 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162 0 2.863-.479 5.584-1.432 8.161zM650.772 44.676h-15.606v100.23h15.606V44.676zM365.013 144.906h15.607V93.538h26.776V78.182h-42.383v66.724zM542.133 78.182l-19.616 51.096-19.616-51.096h-15.808l25.617 66.724h19.614l25.617-66.724h-15.808zM591.98 76.466c-19.112 0-34.239 15.706-34.239 35.079 0 21.416 14.641 35.079 36.239 35.079 12.088 0 19.806-4.622 29.234-14.688l-10.544-8.158c-.006.008-7.958 10.449-19.832 10.449-13.802 0-19.612-11.127-19.612-16.884h51.777c2.72-22.043-11.772-40.877-33.023-40.877zm-18.713 29.28c.12-1.284 1.917-16.884 18.589-16.884 16.671 0 18.697 15.598 18.813 16.884h-37.402zM184.068 43.892c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002-35.648-20.524a2.971 2.971 0 00-2.964 0l-35.647 20.522-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v38.979l-29.706 17.103V24.493a3 3 0 00-.103-.776c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002L40.098 1.396a2.971 2.971 0 00-2.964 0L1.487 21.919l-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v122.09c0 1.063.568 2.044 1.489 2.575l71.293 41.045c.156.089.324.143.49.202.078.028.15.074.23.095a2.98 2.98 0 001.524 0c.069-.018.132-.059.2-.083.176-.061.354-.119.519-.214l71.293-41.045a2.971 2.971 0 001.489-2.575v-38.979l34.158-19.666a2.971 2.971 0 001.489-2.575V44.666a3.075 3.075 0 00-.106-.774zM74.255 143.167l-29.648-16.779 31.136-17.926.001-.001 34.164-19.669 29.674 17.084-21.772 12.428-43.555 24.863zm68
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
|
||
|
|
<div className="grid grid-cols-1 md:grid-cols-2">
|
||
|
|
<div className="p-6">
|
||
|
|
<div className="flex items-center">
|
||
|
|
<svg
|
||
|
|
fill="none"
|
||
|
|
stroke="currentColor"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
className="w-8 h-8 text-gray-500"
|
||
|
|
>
|
||
|
|
<path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<div className="ml-4 text-lg leading-7 font-semibold">
|
||
|
|
<a
|
||
|
|
href="https://laravel.com/docs"
|
||
|
|
className="underline text-gray-900 dark:text-white"
|
||
|
|
>
|
||
|
|
Documentation
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="ml-12">
|
||
|
|
<div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
|
||
|
|
Laravel has wonderful, thorough documentation covering every aspect of the
|
||
|
|
framework. Whether you are new to the framework or have previous experience with
|
||
|
|
Laravel, we recommend reading all of the documentation from beginning to end.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
|
||
|
|
<div className="flex items-center">
|
||
|
|
<svg
|
||
|
|
fill="none"
|
||
|
|
stroke="currentColor"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
className="w-8 h-8 text-gray-500"
|
||
|
|
>
|
||
|
|
<path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path>
|
||
|
|
<path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<div className="ml-4 text-lg leading-7 font-semibold">
|
||
|
|
<a
|
||
|
|
href="https://laracasts.com"
|
||
|
|
className="underline text-gray-900 dark:text-white"
|
||
|
|
>
|
||
|
|
Laracasts
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="ml-12">
|
||
|
|
<div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
|
||
|
|
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript
|
||
|
|
development. Check them out, see for yourself, and massively level up your
|
||
|
|
development skills in the process.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="p-6 border-t border-gray-200 dark:border-gray-700">
|
||
|
|
<div className="flex items-center">
|
||
|
|
<svg
|
||
|
|
fill="none"
|
||
|
|
stroke="currentColor"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
className="w-8 h-8 text-gray-500"
|
||
|
|
>
|
||
|
|
<path d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<div className="ml-4 text-lg leading-7 font-semibold">
|
||
|
|
<a
|
||
|
|
href="https://laravel-news.com/"
|
||
|
|
className="underline text-gray-900 dark:text-white"
|
||
|
|
>
|
||
|
|
Laravel News
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="ml-12">
|
||
|
|
<div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
|
||
|
|
Laravel News is a community driven portal and newsletter aggregating all of the
|
||
|
|
latest and most important news in the Laravel ecosystem, including new package
|
||
|
|
releases and tutorials.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
|
||
|
|
<div className="flex items-center">
|
||
|
|
<svg
|
||
|
|
fill="none"
|
||
|
|
stroke="currentColor"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
className="w-8 h-8 text-gray-500"
|
||
|
|
>
|
||
|
|
<path d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<div className="ml-4 text-lg leading-7 font-semibold text-gray-900 dark:text-white">
|
||
|
|
Vibrant Ecosystem
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="ml-12">
|
||
|
|
<div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
|
||
|
|
Laravel's robust library of first-party tools and libraries, such as{' '}
|
||
|
|
<a href="https://forge.laravel.com" className="underline">
|
||
|
|
Forge
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://vapor.laravel.com" className="underline">
|
||
|
|
Vapor
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://nova.laravel.com" className="underline">
|
||
|
|
Nova
|
||
|
|
</a>
|
||
|
|
, and{' '}
|
||
|
|
<a href="https://envoyer.io" className="underline">
|
||
|
|
Envoyer
|
||
|
|
</a>{' '}
|
||
|
|
help you take your projects to the next level. Pair them with powerful open
|
||
|
|
source libraries like{' '}
|
||
|
|
<a href="https://laravel.com/docs/billing" className="underline">
|
||
|
|
Cashier
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://laravel.com/docs/dusk" className="underline">
|
||
|
|
Dusk
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://laravel.com/docs/broadcasting" className="underline">
|
||
|
|
Echo
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://laravel.com/docs/horizon" className="underline">
|
||
|
|
Horizon
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://laravel.com/docs/sanctum" className="underline">
|
||
|
|
Sanctum
|
||
|
|
</a>
|
||
|
|
,{' '}
|
||
|
|
<a href="https://laravel.com/docs/telescope" className="underline">
|
||
|
|
Telescope
|
||
|
|
</a>
|
||
|
|
, and more.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="flex justify-center mt-4 sm:items-center sm:justify-between">
|
||
|
|
<div className="text-center text-sm text-gray-500 sm:text-left">
|
||
|
|
<div className="flex items-center">
|
||
|
|
<svg
|
||
|
|
fill="none"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
stroke="currentColor"
|
||
|
|
className="-mt-px w-5 h-5 text-gray-400"
|
||
|
|
>
|
||
|
|
<path d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<a href="https://laravel.bigcartel.com" className="ml-1 underline">
|
||
|
|
Shop
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<svg
|
||
|
|
fill="none"
|
||
|
|
stroke="currentColor"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
className="ml-4 -mt-px w-5 h-5 text-gray-400"
|
||
|
|
>
|
||
|
|
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<a href="https://github.com/sponsors/taylorotwell" className="ml-1 underline">
|
||
|
|
Sponsor
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
|
||
|
|
Laravel v{props.laravelVersion} (PHP v{props.phpVersion})
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|