Skip to content

Commit

Permalink
Welcome page reformat
Browse files Browse the repository at this point in the history
  • Loading branch information
@Raccoon254
Raccoon254 committed Jun 11, 2024
1 parent 9fa8b99 commit 2c59660
Showing 1 changed file with 95 additions and 91 deletions.
186 changes: 95 additions & 91 deletions resources/views/welcome.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,114 +2,118 @@
<x-slot name="title">
Home - Premium Essay Writing Services for College Students
</x-slot>
<div class="bg-gray-50">
<div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="flex px-1 sm:px-4 lg:px-8 flex-col md:flex-row items-center justify-between">
<div class="text-center sm:w-2/3 relative md:text-left">
<img src="{{ asset('images/svg2.png') }}" alt="Hero"
class="w-64 hidden md:block -top-16 opacity-50 right-0 absolute rounded-lg">
<div class="top-0 left-0 w-full h-full flex flex-col justify-center">
<section class="mb-4 text-left">
<header class="mb-4">
@auth
<h1 class="text-lg bg-green-500 p-4 rounded-sm font-semibold text-white mb-4 leading-snug">
You're logged in as {{ auth()->user()->name }}
<div class="bg-gray-50">
<div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="flex px-1 sm:px-4 lg:px-8 flex-col md:flex-row items-center justify-between">
<div class="text-center sm:w-2/3 relative md:text-left">
<img src="{{ asset('images/svg2.png') }}" alt="Hero"
class="w-64 hidden md:block -top-16 opacity-50 right-0 absolute rounded-lg">
<div class="top-0 left-0 w-full h-full flex flex-col justify-center">
<section class="mb-4 text-left">
<header class="mb-4">
@auth
<h1 class="text-lg bg-green-500 p-4 rounded-sm font-semibold text-white mb-4 leading-snug">
You're logged in as {{ auth()->user()->name }}
</h1>
@endauth
<h1 class="text-2xl sm:text-4xl font-bold text-black/90 leading-snug">
Premium <span class="text-red-500">Essay Writing</span> <br> Services for College
Students
</h1>
@endauth
<h1 class="text-2xl sm:text-4xl font-bold text-black/90 leading-snug">
Premium <span class="text-red-500">Essay Writing</span> <br> Services for College
Students
</h1>
</header>
<p class="text-md sm:text-lg text-black/70 leading-relaxed">
Struggling with essays? Our <span
class="font-semibold text-blue-700">professional writers</span> are here to help. <br>
We offer <span class="font-semibold text-green-700">top-notch, plagiarism-free essays</span>
tailored to your needs. Choose us for <span class="font-semibold text-yellow-700">quality and punctuality</span>.
Experience a stress-free academic life with Scholarspace.
</p>
</section>
<div class="flex justify-center mt-4 md:justify-start">
<a href="{{ route('login') }}"
class="bg-blue-500 text-white/90 hover:bg-blue-600 font-semibold py-2 pl-2 rounded-lg mr-4">
Solve my paper
<span class="mx-2 rounded-md bg-white bg-opacity-20 btn-ghost btn btn-square btn-sm">
</header>
<p class="text-md sm:text-lg text-black/70 leading-relaxed">
Struggling with essays? Our <span
class="font-semibold text-blue-700">professional writers</span> are here to help.
<br>
We offer <span
class="font-semibold text-green-700">top-notch, plagiarism-free essays</span>
tailored to your needs. Choose us for <span class="font-semibold text-yellow-700">quality and punctuality</span>.
Experience a stress-free academic life with Scholarspace.
</p>
</section>
<div class="flex justify-center mt-4 md:justify-start">
<a href="{{ route('login') }}"
class="bg-blue-500 text-white/90 hover:bg-blue-600 font-semibold py-2 pl-2 rounded-lg mr-4">
Solve my paper
<span class="mx-2 rounded-md bg-white bg-opacity-20 btn-ghost btn btn-square btn-sm">
<i class="fas fa-arrow-right"></i>
</span>
</a>
</a>
</div>
</div>
</div>
</div>
<div class="mt-8 md:mt-0">
<livewire:PriceCalculator/>
<div class="mt-8 md:mt-0">
<livewire:PriceCalculator/>
</div>
</div>
</div>
</div>


<div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-black/90 mb-4">How It Works</h2>
<p class="text-lg text-black/50">Our simple and efficient process for getting your assignments done.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@php
$colors = ['text-blue-500', 'text-green-500', 'text-yellow-500', 'text-red-500'];
@endphp
@foreach($process_steps as $item)
<div class="bg-white rounded-lg shadow-md shadow-gray-200 p-6 hover:scale-105 transition cursor-pointer hover:ring ring-gray-300">
<i class="{{ $item['icon'] }} fa-3x {{ $colors[$loop->index % 4] }} mb-4"></i>
<h3 class="text-xl font-bold text-black/90 mb-2">{{ $item['title'] }}</h3>
<p class="text-black/50">{{ $item['text'] }}</p>
</div>
@endforeach
</div>
<div class="text-black/80 text-center mt-8">
For more detailed information, visit our <a href="{{ route('how-it-works') }}" class="text-blue-500 hover:underline">How It Works</a>
<div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-black/90 mb-4">How It Works</h2>
<p class="text-lg text-black/50">Our simple and efficient process for getting your assignments done.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@php
$colors = ['text-blue-500', 'text-green-500', 'text-yellow-500', 'text-red-500'];
@endphp
@foreach($process_steps as $item)
<div
class="bg-white rounded-lg shadow-md shadow-gray-200 p-6 hover:scale-105 transition cursor-pointer hover:ring ring-gray-300">
<i class="{{ $item['icon'] }} fa-3x {{ $colors[$loop->index % 4] }} mb-4"></i>
<h3 class="text-xl font-bold text-black/90 mb-2">{{ $item['title'] }}</h3>
<p class="text-black/50">{{ $item['text'] }}</p>
</div>
@endforeach
</div>
<div class="text-black/80 text-center mt-8">
For more detailed information, visit our <a href="{{ route('how-it-works') }}"
class="text-blue-500 hover:underline">How It Works</a>
</div>
</div>
</div>

<div class="bg-gray-100 py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="mb-8 md:mb-0">
<img src="{{ asset('images/svg1.png') }}" alt="Writing"
class="w-full max-w-md mx-auto rounded-lg">
</div>
<div class="text-center md:text-left md:ml-8">
<h2 class="text-3xl font-bold text-black/90 mb-4">Professional Writers</h2>
<p class="text-lg text-black/50 mb-6">Our team of experienced writers have expertise in various
academic disciplines, ensuring you receive high-quality and well-researched assignments.</p>
<a href="#" class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded-md">Learn
More
</a>
<div class="bg-gray-100 py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="mb-8 md:mb-0">
<img src="{{ asset('images/svg1.png') }}" alt="Writing"
class="w-full max-w-md mx-auto rounded-lg">
</div>
<div class="text-center md:text-left md:ml-8">
<h2 class="text-3xl font-bold text-black/90 mb-4">Professional Writers</h2>
<p class="text-lg text-black/50 mb-6">Our team of experienced writers have expertise in various
academic disciplines, ensuring you receive high-quality and well-researched assignments.</p>
<a href="#" class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded-md">Learn
More
</a>
</div>
</div>
</div>
</div>
</div>

<div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-black/90 mb-4">Trusted by Students</h2>
<p class="text-lg text-black/50">Hear what our satisfied clients have to say about Scholarspace.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@foreach($testimonials as $testimonial)
<div class="bg-white rounded-lg shadow-md p-6 hover:scale-105 transition cursor-pointer hover:ring ring-gray-300">
<div class="flex items-center mb-4">
<img src="{{ asset($testimonial['avatar']) }}" alt="Avatar"
class="w-12 h-12 rounded-full object-cover mr-4"
style="border: 2px solid {{ $testimonial['color'] }}">
<div>
<h4 class="text-lg font-bold text-black/90">{{ $testimonial['name'] }}</h4>
<p class="text-black/50">{{ $testimonial['subject'] }}</p>
<div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-black/90 mb-4">Trusted by Students</h2>
<p class="text-lg text-black/50">Hear what our satisfied clients have to say about Scholarspace.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@foreach($testimonials as $testimonial)
<div
class="bg-white rounded-lg shadow-md p-6 hover:scale-105 transition cursor-pointer hover:ring ring-gray-300">
<div class="flex items-center mb-4">
<img src="{{ asset($testimonial['avatar']) }}" alt="Avatar"
class="w-12 h-12 rounded-full object-cover mr-4"
style="border: 2px solid {{ $testimonial['color'] }}">
<div>
<h4 class="text-lg font-bold text-black/90">{{ $testimonial['name'] }}</h4>
<p class="text-black/50">{{ $testimonial['subject'] }}</p>
</div>
</div>
<p class="text-black/50">"{{ $testimonial['testimonial'] }}"</p>
</div>
<p class="text-black/50">"{{ $testimonial['testimonial'] }}"</p>
</div>
@endforeach
@endforeach
</div>
</div>
</div>

</div>
</x-logged-out>

0 comments on commit 2c59660

Please sign in to comment.