login/register-added

This commit is contained in:
shadow keeper 2024-02-21 00:03:14 +02:00
parent 3bec65f73d
commit 532f4a6b74
14 changed files with 671 additions and 13 deletions

View File

@ -0,0 +1,10 @@
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class ContactController extends Controller
{
//
}

View File

@ -32,4 +32,12 @@ class HomeController extends BaseController {
return view("nonotype"); return view("nonotype");
} }
function login(\Illuminate\Http\Request $r) {
return view("login");
}
function register(\Illuminate\Http\Request $r) {
return view("register");
}
} }

View File

@ -3,5 +3,5 @@
@tailwind utilities; @tailwind utilities;
body{ body{
@apply text-cyan-50 bg-slate-400; @apply bg-gray-900;
} }

View File

@ -2,6 +2,7 @@
@section('content') @section('content')
@include("partials.hero"); @include("partials.hero");
@include("partials.testimonials");
@endsection @endsection

View File

@ -9,5 +9,6 @@
<body > <body >
@include('partials.navbar') @include('partials.navbar')
@yield('content') @yield('content')
@include('partials.footer')
</body> </body>
</html> </html>

View File

@ -0,0 +1,7 @@
@extends('layout')
@section('content')
@include("partials.loginp");
@endsection

View File

@ -0,0 +1,130 @@
<footer class="bg-gray-900">
<div class="mx-auto max-w-5xl px-4 py-16 sm:px-6 lg:px-8">
<div class="flex justify-center text-teal-600">
<img class="h-8 rounded-full" src="/logo.jpg" alt="logo">
</div>
<p class="mx-auto mt-6 max-w-md text-center leading-relaxed text-gray-500">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt consequuntur amet culpa cum
itaque neque.
</p>
<ul class="mt-12 flex flex-wrap justify-center gap-6 md:gap-8 lg:gap-12">
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="/about"> About </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Careers </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> History </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Services </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Projects </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Blog </a>
</li>
</ul>
<ul class="mt-12 flex justify-center gap-6 md:gap-8">
<li>
<a
href="#"
rel="noreferrer"
target="_blank"
class="text-gray-700 transition hover:text-gray-700/75"
>
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
fill-rule="evenodd"
d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="https://www.instagram.com/ofek_yefet_/"
rel="noreferrer"
target="_blank"
class="text-gray-700 transition hover:text-gray-700/75"
>
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
fill-rule="evenodd"
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="#"
rel="noreferrer"
target="_blank"
class="text-gray-700 transition hover:text-gray-700/75"
>
<span class="sr-only">Twitter</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"
/>
</svg>
</a>
</li>
<li>
<a
href="#"
rel="noreferrer"
target="_blank"
class="text-gray-700 transition hover:text-gray-700/75"
>
<span class="sr-only">GitHub</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="#"
rel="noreferrer"
target="_blank"
class="text-gray-700 transition hover:text-gray-700/75"
>
<span class="sr-only">Dribbble</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
fill-rule="evenodd"
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
</ul>
<p class="text-center text-xs/relaxed text-gray-500">
© Company 2022. All rights reserved.
</div>
</footer>

View File

@ -0,0 +1,97 @@
<!--
Heads up! 👋
Plugins:
- @tailwindcss/forms
-->
<div class="mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8">
<div class="mx-auto max-w-lg">
<h1 class="text-center text-2xl font-bold text-indigo-600 sm:text-3xl">Get started today</h1>
<p class="mx-auto mt-4 max-w-md text-center text-gray-500">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sunt dolores deleniti
inventore quaerat mollitia?
</p>
<form action="#" class="mb-0 mt-6 space-y-4 rounded-lg p-4 shadow-lg sm:p-6 lg:p-8">
<p class="text-center text-lg font-medium text-gray-100">Sign in to your account</p>
<div>
<label for="email" class="sr-only">Email</label>
<div class="relative">
<input
type="email"
class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
placeholder="Enter email"
/>
<span class="absolute inset-y-0 end-0 grid place-content-center px-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="size-4 text-gray-400"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207"
/>
</svg>
</span>
</div>
</div>
<div>
<label for="password" class="sr-only">Password</label>
<div class="relative">
<input
type="password"
class="w-full rounded-lg border-gray-200 p-4 pe-12 text-sm shadow-sm"
placeholder="Enter password"
/>
<span class="absolute inset-y-0 end-0 grid place-content-center px-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="size-4 text-gray-400"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
/>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
/>
</svg>
</span>
</div>
</div>
<button
type="submit"
class="block w-full rounded-lg bg-indigo-600 px-5 py-3 text-sm font-medium text-white"
>
Sign in
</button>
<p class="text-center text-sm text-gray-500">
No account?
<a class="underline" href="/register">Sign up</a>
</p>
</form>
</div>
</div>

View File

@ -1,4 +1,4 @@
<header class="bg-white"> <header class="bg-grey-900">
<div class="mx-auto flex h-16 max-w-screen-xl items-center gap-8 px-4 sm:px-6 lg:px-8"> <div class="mx-auto flex h-16 max-w-screen-xl items-center gap-8 px-4 sm:px-6 lg:px-8">
<a class="block text-teal-600" href="/"> <a class="block text-teal-600" href="/">
<span class="sr-only">Home</span> <span class="sr-only">Home</span>
@ -11,23 +11,23 @@
<nav aria-label="Global" class="hidden md:block"> <nav aria-label="Global" class="hidden md:block">
<ul class="flex items-center gap-6 text-sm"> <ul class="flex items-center gap-6 text-sm">
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="/about"> About </a> <a class="text-gray-100 transition hover:text-gray-900/75" href="/about"> About </a>
</li> </li>
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Resume </a> <a class="text-gray-100 transition hover:text-gray-500/75" href="#"> Resume </a>
</li> </li>
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Music </a> <a class="text-gray-100 transition hover:text-gray-500/75" href="#"> Music </a>
</li> </li>
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Projects </a> <a class="text-gray-100 transition hover:text-gray-500/75" href="#"> Projects </a>
</li> </li>
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Contact </a> <a class="text-gray-100 transition hover:text-gray-500/75" href="#"> Contact </a>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -35,15 +35,15 @@
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<div class="sm:flex sm:gap-4"> <div class="sm:flex sm:gap-4">
<a <a
class="block rounded-md bg-teal-600 px-5 py-2.5 text-sm font-medium text-white transition hover:bg-teal-700" class="block rounded-md bg-gray-900 px-5 py-2.5 text-sm font-medium text-teal-600 transition hover:bg-gray-900"
href="#" href="/login"
> >
Login Login
</a> </a>
<a <a
class="hidden rounded-md bg-gray-100 px-5 py-2.5 text-sm font-medium text-teal-600 transition hover:text-teal-600/75 sm:block" class="hidden rounded-md bg-gray-900 px-5 py-2.5 text-sm font-medium text-teal-600 transition hover:text-teal-600/75 sm:block"
href="#" href="/register"
> >
Register Register
</a> </a>

View File

@ -0,0 +1,166 @@
<!--
Heads up! 👋
Plugins:
- @tailwindcss/forms
-->
<section class="bg-white dark:bg-gray-900">
<div class="lg:grid lg:min-h-screen lg:grid-cols-12">
<aside class="relative block h-16 lg:order-last lg:col-span-5 lg:h-full xl:col-span-6">
<img
alt=""
src="https://images.unsplash.com/photo-1605106702734-205df224ecce?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80"
class="absolute inset-0 h-full w-full object-cover"
/>
</aside>
<main
class="flex items-center justify-center px-8 py-8 sm:px-12 lg:col-span-7 lg:px-16 lg:py-12 xl:col-span-6"
>
<div class="max-w-xl lg:max-w-3xl">
<a class="block text-blue-600" href="#">
<span class="sr-only">Home</span>
<svg
class="h-8 sm:h-10"
viewBox="0 0 28 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.41 10.3847C1.14777 7.4194 2.85643 4.7861 5.2639 2.90424C7.6714 1.02234 10.6393 0 13.695 0C16.7507 0 19.7186 1.02234 22.1261 2.90424C24.5336 4.7861 26.2422 7.4194 26.98 10.3847H25.78C23.7557 10.3549 21.7729 10.9599 20.11 12.1147C20.014 12.1842 19.9138 12.2477 19.81 12.3047H19.67C19.5662 12.2477 19.466 12.1842 19.37 12.1147C17.6924 10.9866 15.7166 10.3841 13.695 10.3841C11.6734 10.3841 9.6976 10.9866 8.02 12.1147C7.924 12.1842 7.8238 12.2477 7.72 12.3047H7.58C7.4762 12.2477 7.376 12.1842 7.28 12.1147C5.6171 10.9599 3.6343 10.3549 1.61 10.3847H0.41ZM23.62 16.6547C24.236 16.175 24.9995 15.924 25.78 15.9447H27.39V12.7347H25.78C24.4052 12.7181 23.0619 13.146 21.95 13.9547C21.3243 14.416 20.5674 14.6649 19.79 14.6649C19.0126 14.6649 18.2557 14.416 17.63 13.9547C16.4899 13.1611 15.1341 12.7356 13.745 12.7356C12.3559 12.7356 11.0001 13.1611 9.86 13.9547C9.2343 14.416 8.4774 14.6649 7.7 14.6649C6.9226 14.6649 6.1657 14.416 5.54 13.9547C4.4144 13.1356 3.0518 12.7072 1.66 12.7347H0V15.9447H1.61C2.39051 15.924 3.154 16.175 3.77 16.6547C4.908 17.4489 6.2623 17.8747 7.65 17.8747C9.0377 17.8747 10.392 17.4489 11.53 16.6547C12.1468 16.1765 12.9097 15.9257 13.69 15.9447C14.4708 15.9223 15.2348 16.1735 15.85 16.6547C16.9901 17.4484 18.3459 17.8738 19.735 17.8738C21.1241 17.8738 22.4799 17.4484 23.62 16.6547ZM23.62 22.3947C24.236 21.915 24.9995 21.664 25.78 21.6847H27.39V18.4747H25.78C24.4052 18.4581 23.0619 18.886 21.95 19.6947C21.3243 20.156 20.5674 20.4049 19.79 20.4049C19.0126 20.4049 18.2557 20.156 17.63 19.6947C16.4899 18.9011 15.1341 18.4757 13.745 18.4757C12.3559 18.4757 11.0001 18.9011 9.86 19.6947C9.2343 20.156 8.4774 20.4049 7.7 20.4049C6.9226 20.4049 6.1657 20.156 5.54 19.6947C4.4144 18.8757 3.0518 18.4472 1.66 18.4747H0V21.6847H1.61C2.39051 21.664 3.154 21.915 3.77 22.3947C4.908 23.1889 6.2623 23.6147 7.65 23.6147C9.0377 23.6147 10.392 23.1889 11.53 22.3947C12.1468 21.9165 12.9097 21.6657 13.69 21.6847C14.4708 21.6623 15.2348 21.9135 15.85 22.3947C16.9901 23.1884 18.3459 23.6138 19.735 23.6138C21.1241 23.6138 22.4799 23.1884 23.62 22.3947Z"
fill="currentColor"
/>
</svg>
</a>
<h1 class="mt-6 text-2xl font-bold text-gray-900 sm:text-3xl md:text-4xl dark:text-white">
Welcome to Squid 🦑
</h1>
<p class="mt-4 leading-relaxed text-gray-500 dark:text-gray-400">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eligendi nam dolorum aliquam,
quibusdam aperiam voluptatum.
</p>
<form action="#" class="mt-8 grid grid-cols-6 gap-6">
<div class="col-span-6 sm:col-span-3">
<label
for="FirstName"
class="block text-sm font-medium text-gray-700 dark:text-gray-200"
>
First Name
</label>
<input
type="text"
id="FirstName"
name="first_name"
class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
/>
</div>
<div class="col-span-6 sm:col-span-3">
<label
for="LastName"
class="block text-sm font-medium text-gray-700 dark:text-gray-200"
>
Last Name
</label>
<input
type="text"
id="LastName"
name="last_name"
class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
/>
</div>
<div class="col-span-6">
<label for="Email" class="block text-sm font-medium text-gray-700 dark:text-gray-200">
Email
</label>
<input
type="email"
id="Email"
name="email"
class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
/>
</div>
<div class="col-span-6 sm:col-span-3">
<label
for="Password"
class="block text-sm font-medium text-gray-700 dark:text-gray-200"
>
Password
</label>
<input
type="password"
id="Password"
name="password"
class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
/>
</div>
<div class="col-span-6 sm:col-span-3">
<label
for="PasswordConfirmation"
class="block text-sm font-medium text-gray-700 dark:text-gray-200"
>
Password Confirmation
</label>
<input
type="password"
id="PasswordConfirmation"
name="password_confirmation"
class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
/>
</div>
<div class="col-span-6">
<label for="MarketingAccept" class="flex gap-4">
<input
type="checkbox"
id="MarketingAccept"
name="marketing_accept"
class="size-5 rounded-md border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:focus:ring-offset-gray-900"
/>
<span class="text-sm text-gray-700 dark:text-gray-200">
I want to receive emails about events, product updates and company announcements.
</span>
</label>
</div>
<div class="col-span-6">
<p class="text-sm text-gray-500 dark:text-gray-400">
By creating an account, you agree to our
<a href="#" class="text-gray-700 underline dark:text-gray-200">
terms and conditions
</a>
and
<a href="#" class="text-gray-700 underline dark:text-gray-200"> privacy policy </a>.
</p>
</div>
<div class="col-span-6 sm:flex sm:items-center sm:gap-4">
<button
class="inline-block shrink-0 rounded-md border border-blue-600 bg-blue-600 px-12 py-3 text-sm font-medium text-white transition hover:bg-transparent hover:text-blue-600 focus:outline-none focus:ring active:text-blue-500 dark:hover:bg-blue-700 dark:hover:text-white"
>
Create an account
</button>
<p class="mt-4 text-sm text-gray-500 sm:mt-0 dark:text-gray-400">
Already have an account?
<a href="/login" class="text-gray-700 underline dark:text-gray-200">Log in</a>.
</p>
</div>
</form>
</div>
</main>
</div>
</section>

View File

@ -0,0 +1,228 @@
<section class="bg-gray-900">
<div class="mx-auto max-w-screen-xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
<h2 class="text-center text-4xl font-bold tracking-tight text-gray-100 sm:text-5xl">
Read trusted reviews from our customers
</h2>
<div class="mt-8 grid grid-cols-1 gap-4 md:grid-cols-3 md:gap-8">
<blockquote class="rounded-lg bg-gray-150 p-6 shadow-sm sm:p-8">
<div class="flex items-center gap-4">
<img
alt=""
src="https://images.unsplash.com/photo-1595152772835-219674b2a8a6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1180&q=80"
class="size-14 rounded-full object-cover"
/>
<div>
<div class="flex justify-center gap-0.5 text-orange-300">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
</div>
<p class="mt-0.5 text-lg font-medium text-gray-900">Paul Starr</p>
</div>
</div>
<p class="mt-4 text-gray-700">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa sit rerum incidunt, a
consequuntur recusandae ab saepe illo est quia obcaecati neque quibusdam eius accusamus
error officiis atque voluptates magnam!
</p>
</blockquote>
<blockquote class="rounded-lg bg-gray-150 p-6 shadow-sm sm:p-8">
<div class="flex items-center gap-4">
<img
alt=""
src="https://images.unsplash.com/photo-1595152772835-219674b2a8a6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1180&q=80"
class="size-14 rounded-full object-cover"
/>
<div>
<div class="flex justify-center gap-0.5 text-orange-300">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
</div>
<p class="mt-0.5 text-lg font-medium text-gray-900">Paul Starr</p>
</div>
</div>
<p class="mt-4 text-gray-700">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa sit rerum incidunt, a
consequuntur recusandae ab saepe illo est quia obcaecati neque quibusdam eius accusamus
error officiis atque voluptates magnam!
</p>
</blockquote>
<blockquote class="rounded-lg bg-gray-150 p-6 shadow-sm sm:p-8">
<div class="flex items-center gap-4">
<img
alt=""
src="https://images.unsplash.com/photo-1595152772835-219674b2a8a6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1180&q=80"
class="size-14 rounded-full object-cover"
/>
<div>
<div class="flex justify-center gap-0.5 text-orange-300">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
/>
</svg>
</div>
<p class="mt-0.5 text-lg font-medium text-gray-900">Paul Starr</p>
</div>
</div>
<p class="mt-4 text-gray-700">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa sit rerum incidunt, a
consequuntur recusandae ab saepe illo est quia obcaecati neque quibusdam eius accusamus
error officiis atque voluptates magnam!
</p>
</blockquote>
</div>
</div>
</section>

View File

@ -0,0 +1,8 @@
@extends('layout')
@section('content')
@include("partials.registerp");
@endsection

View File

@ -18,3 +18,5 @@ Route::get('/', [HomeController::class, "index"]);
Route::get('/about', [HomeController::class, "about"]); Route::get('/about', [HomeController::class, "about"]);
Route::get('/loveit', [HomeController::class, "loveit"]); Route::get('/loveit', [HomeController::class, "loveit"]);
Route::get('/nonotype', [HomeController::class, "nonotype"]); Route::get('/nonotype', [HomeController::class, "nonotype"]);
Route::get('/login', [HomeController::class, "login"]);
Route::get('/register', [HomeController::class, "register"]);