firstcommit
This commit is contained in:
46
resources/views/frontend/layouts/master.blade.php
Normal file
46
resources/views/frontend/layouts/master.blade.php
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>@yield('title', env('APP_NAME'))</title>
|
||||
@yield('meta')
|
||||
<!-- Favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="favicon/site.webmanifest">
|
||||
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!-- Font -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Sintony:wght@400;700&display=swap" rel="stylesheet">
|
||||
<!-- Custom CSS -->
|
||||
<link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}" />
|
||||
<!-- Vite Asset Injection -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/frontend/app.js'])
|
||||
</head>
|
||||
<body class="bg-[#f9f9f9]">
|
||||
|
||||
{{-- header --}}
|
||||
@include('frontend.layouts.partials.header')
|
||||
|
||||
<main>
|
||||
@yield('content')
|
||||
</main>
|
||||
|
||||
{{-- footer --}}
|
||||
<footer class="relative bg-[#EEF6FC]">
|
||||
@include('frontend.layouts.partials.footer')
|
||||
</footer>
|
||||
|
||||
<!-- jQuery CDN -->
|
||||
<script src="{{ asset('frontend/vendor/jquery-3.6.0.min.js') }}"></script>
|
||||
<script src="{{ asset('frontend/vendor/youtube.js') }}"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<section class="breadcrumb">
|
||||
<div class="breadcrumb-content">
|
||||
<h1>{{ end($breadcrumbData)['title'] }}</h1>
|
||||
<ul class="list-none">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ route('home') }}">Home</a>
|
||||
<svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
@foreach ($breadcrumbData as $key => $breadcrumb)
|
||||
@if (isset($breadcrumb['link']) && $breadcrumb['link'])
|
||||
<li class="">
|
||||
<a href="{{ $breadcrumb['link'] }}">{{ $breadcrumb['title'] }}</a>
|
||||
</li>
|
||||
<li class="pt-[7px]">
|
||||
<svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
||||
<path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
@else
|
||||
<li class="">
|
||||
<span>{{ $breadcrumb['title'] }}</span>
|
||||
</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
{{-- <div class="breadcrumb-footer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 318"><path fill="#ffffff" fill-opacity="1" d="M0,264L48,260C96,256,192,288,288,304C384,320,480,320,576,314.7C672,309,768,299,864,277.3C960,256,1056,224,1152,213.3C1248,203,1344,213,1392,218.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
|
||||
</div> --}}
|
||||
</section>
|
||||
193
resources/views/frontend/layouts/partials/footer.blade.php
Normal file
193
resources/views/frontend/layouts/partials/footer.blade.php
Normal file
@@ -0,0 +1,193 @@
|
||||
{{-- Contact us --}}
|
||||
<div class="py-[60px] mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<h2
|
||||
class="text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-[#666666] uppercase">
|
||||
Need Help?</h2>
|
||||
<p class="text-[36px] leading-59 tracking-normal text-center text-primary font-bold uppercase">
|
||||
get in touch</p>
|
||||
<p class="text-center font-medium text-[#666666]">Reach out to us for advance heath care treatment
|
||||
for you, your friends and family!
|
||||
</p>
|
||||
<form action="#" method="POST" class="mx-auto mt-[20px] max-w-xl sm:mt-20">
|
||||
<div class="grid grid-cols-1 gap-x-8 gap-y-3 sm:grid-cols-2">
|
||||
<div>
|
||||
<label for="first-name" class="block text-sm font-medium text-[#666666] leading-6 text-gray-900">Full
|
||||
Name</label>
|
||||
<div class="pt-[2px]">
|
||||
<input type="text" name="first-name" id="first-name" autocomplete="given-name"
|
||||
class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Address</label>
|
||||
<div class="pt-[2px]">
|
||||
<input type="text" name="first-name" id="first-name" autocomplete="given-name"
|
||||
class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Email ID</label>
|
||||
<div class="pt-[2px]">
|
||||
<input type="text" name="first-name" id="first-name" autocomplete="given-name"
|
||||
class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="first-name" class="block text-sm font-medium text-[#666666] leading-6">Phone
|
||||
Number</label>
|
||||
<div class="pt-[2px]">
|
||||
<input type="text" name="first-name" id="first-name" autocomplete="given-name"
|
||||
class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sm:col-span-2">
|
||||
<label for="message" class="block text-sm font-medium text-[#666666] leading-6">Enter
|
||||
Message</label>
|
||||
<div class="pt-[2px]">
|
||||
<textarea name="message" id="message" rows="4"
|
||||
class="block w-full rounded-md border-0 px-3.5 py-2 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mt-10 flex justify-center">
|
||||
{{-- <button type="submit"
|
||||
class="block rounded-md bg-gradient px-[50px] py-[15px] text-white font-bold text-lg">Send
|
||||
Info</button> --}}
|
||||
|
||||
{{-- Read More --}}
|
||||
<a href="{{ route('about_us') }}"
|
||||
class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
|
||||
<span class="btn-text inline-block">Send Info</span>
|
||||
<strong class="icon flex items-center">
|
||||
<span class="read-more-icon">
|
||||
<img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt=""
|
||||
srcset="">
|
||||
</span>
|
||||
</strong>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="overflow-hidden relative bg-cover bg-top bg-no-repeat h-full w-full bg-[#001b29]">
|
||||
<div class="mx-auto max-w-7xl relative px-6 lg:px-8">
|
||||
<div class="flex flex-col justify-center">
|
||||
<div class="footer-head">
|
||||
<h2 class="font-bold text-800 text-[26px] text-white uppercase">
|
||||
PRESENT & FUTURE OF QUALITY MEDICAL SERVICES
|
||||
</h2>
|
||||
</div>
|
||||
<div class=" grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-4 pt-[60px] pb-[46px]">
|
||||
<div>
|
||||
<h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Company Policy</h2>
|
||||
<ul class="text-white dark:text-gray-400">
|
||||
<li class="mb-1">
|
||||
<a href="{{ route('privacyPolicy') }}"
|
||||
class="text-white cursor-pointer hover:text-[#8CC63F]"> Privacy Policy</a>
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
<a href="{{ route('termsOfService') }}"
|
||||
class="text-white cursor-pointer hover:text-[#8CC63F]"> Terms of Service</a>
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
<a href="#" class="text-white cursor-pointer hover:text-[#8CC63F]"> Customer Privacy
|
||||
Act</a>
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
<a href="#" class="text-white cursor-pointer hover:text-[#8CC63F]"> Resource</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Quick Links</h2>
|
||||
<ul class="text-white dark:text-gray-400">
|
||||
<li class="mb-1">
|
||||
<a href="{{ route('about_us') }}" class="text-white cursor-pointer hover:text-[#8CC63F]">
|
||||
About Us</a>
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
<a href="{{ route('hair_transplant') }}"
|
||||
class="text-white cursor-pointer hover:text-[#8CC63F]">
|
||||
Hair Transplant</a>
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
<a href="{{ route('blogs') }}" class="text-white cursor-pointer hover:text-[#8CC63F]">
|
||||
Blogs</a>
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
<a href="{{ route('doctor_provider') }}"
|
||||
class="text-white cursor-pointer hover:text-[#8CC63F]"> Doctors & providers</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Contact Us</h2>
|
||||
<ul class=" text-white dark:text-gray-400">
|
||||
<li class="mb-1 font-semibold">
|
||||
Arogin Health Care & Research Centre
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
Bishalnagar, Kathmandu, Nepal
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
(977) 1 4423423 (Hunting Line)
|
||||
</li>
|
||||
<li class="mb-1">
|
||||
info@aroginhealthcare.com
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="mb-[10px] text-white uppercase dark:text-white font-bold text-[20px]">Get In Touch</h2>
|
||||
|
||||
<ul class=" text-white dark:text-gray-400">
|
||||
<li class="mb-4">
|
||||
Stay updated with our latest discount offers on all our services.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="flex items-end mb-3">
|
||||
<form action="{{ route('subscription.store') }}" method="post">
|
||||
<div class="flex items-center w-full max-w-md mb-3 formkit-fields">
|
||||
@csrf
|
||||
<div class="relative w-full mr-3 formkit-field">
|
||||
<label for="member_email"
|
||||
class="hidden block mb-2 text-sm font-medium text-gray-900">Email
|
||||
address</label>
|
||||
<div class="absolute inset-y-0 left-0 flex items-center pl-3.5">
|
||||
<svg class="w-3.5 h-3.5 text-gray-500" aria-hidden="true" fill="currentColor"
|
||||
viewBox="0 0 20 16">
|
||||
<path
|
||||
d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z">
|
||||
</path>
|
||||
<path
|
||||
d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<input id="member_email"
|
||||
class="formkit-input bg-gray-50 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5"
|
||||
name="email" aria-label="Email Address"
|
||||
placeholder="Your email address..." required="" type="email">
|
||||
</div>
|
||||
<button type="submit" class="formkit-submit">
|
||||
<span
|
||||
class="px-5 py-3 text-sm font-medium text-center text-white bg-[#22ad4b] cursor-pointer hover:bg-blue-800 focus:ring-4 focus:ring-blue-300">Subscribe</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-white py-[18px] text-center bg-[#353535] font-semibold text-sm">© 2022 Arogin Healthcare &
|
||||
Research Centre (P) Ltd
|
||||
</div>
|
||||
|
||||
149
resources/views/frontend/layouts/partials/header.blade.php
Normal file
149
resources/views/frontend/layouts/partials/header.blade.php
Normal file
@@ -0,0 +1,149 @@
|
||||
<div x-data="{ scrolled: false }" @scroll.window="scrolled = window.scrollY > 0">
|
||||
<header class="relative z-[70]">
|
||||
|
||||
<div class="top-bar bg-secondary">
|
||||
<div class=" flex flex-wrap items-center justify-end mx-auto py-[10px] mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<ul class="flex items-center">
|
||||
<li>
|
||||
<a href="{{ route('home') . '#patients-visitors' }}"
|
||||
class="text-white rounded-lg text-center text-sm mx-2">
|
||||
PATIENTS & VISITORS
|
||||
</a>
|
||||
<span class="separator text-white">|</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ route('contact_us') }}" class="text-white rounded-lg text-center text-sm mx-2">
|
||||
CONTACT US
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav id="main-nav"
|
||||
class="border-b-2 border-gray-200 bg-white dark:bg-gray-900 w-full z-20 start-0 dark:border-gray-600"
|
||||
:class="{ 'fixed top-0': scrolled }">
|
||||
<div class=" flex flex-wrap items-center justify-between mx-auto py-[10px] mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<a href="{{ route('home') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||
@if (isset($generalSetting['primary_image']))
|
||||
<img src="{{ isset($generalSetting['primary_image']) ? asset('storage/uploads/' . $generalSetting['primary_image']) : asset('frontend/images/brand-logo.png') }}" alt="Brand Logo">
|
||||
@endif
|
||||
</a>
|
||||
<div class="flex space-x-3 md:space-x-0 rtl:space-x-reverse">
|
||||
<button data-collapse-toggle="navbar-sticky" type="button"
|
||||
class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
|
||||
aria-controls="navbar-sticky" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||
viewBox="0 0 17 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M1 1h15M1 7h15M1 13h15" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="nav-sticky items-center justify-between hidden w-full md:flex md:w-auto md:order-1"
|
||||
id="navbar-sticky">
|
||||
<ul
|
||||
class="nav-list flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg md:space-x-5 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
|
||||
<li class="{{ request()->url() == route('home') ? 'active' : '' }}">
|
||||
<a href="{{ route('home') }}"
|
||||
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
||||
aria-current="page">Home</a>
|
||||
</li>
|
||||
<li class="{{ request()->url() == route('about_us') ? 'active' : '' }}">
|
||||
<a href="{{ route('about_us') }}"
|
||||
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
||||
aria-current="page">About Us</a>
|
||||
</li>
|
||||
<li class="{{ request()->url() == route('hair_transplant') ? 'active' : '' }}">
|
||||
<a href="{{ route('hair_transplant') }}"
|
||||
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
||||
aria-current="page">Hair Transplant</a>
|
||||
</li>
|
||||
<li class="{{ request()->segment(1) == 'services' ? 'active' : '' }}">
|
||||
<div class="group inline-block sub-menu">
|
||||
<a href="javascript:;"
|
||||
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
||||
aria-current="page">Services</a>
|
||||
<ul
|
||||
class="bg-white border rounded-sm transform scale-0 group-hover:scale-100 absolute transition duration-150 ease-in-out origin-top min-w-32 mt-[10px]">
|
||||
<a href="#" target="_blank">
|
||||
<li
|
||||
class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
||||
Skin
|
||||
</li>
|
||||
</a>
|
||||
<a href="#" target="_blank">
|
||||
<li
|
||||
class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
||||
Dental
|
||||
</li>
|
||||
</a>
|
||||
<a href="https://www.aroginhealthcare.com/care-home/public" target="_blank">
|
||||
<li
|
||||
class="rounded-sm px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
||||
Care Home
|
||||
</li>
|
||||
</a>
|
||||
@if (count($services) > 0)
|
||||
@foreach ($services as $service)
|
||||
<a href="{{ route('service', $service->slug) }}">
|
||||
<li
|
||||
class="px-6 py-2 text-lightGray font-sm uppercase border-b-[1px] border-gray-200">
|
||||
{{ $service->title }}
|
||||
</li>
|
||||
</a>
|
||||
@endforeach
|
||||
@endif
|
||||
{{-- <li
|
||||
class="rounded-sm relative px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
||||
<button class="w-full text-left flex items-center outline-none focus:outline-none">
|
||||
<span class="pr-1 flex-1 font-sm uppercase">
|
||||
<a href="{{route('service')}}"> Services 3</a>
|
||||
</span>
|
||||
<span class="mr-auto">
|
||||
<svg class="fill-current h-4 w-4
|
||||
transition duration-150 ease-in-out"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||
<path
|
||||
d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
|
||||
</svg>
|
||||
</span>
|
||||
</button>
|
||||
<ul
|
||||
class="bg-white border rounded-sm absolute top-0 right-0
|
||||
transition duration-150 ease-in-out origin-top-left
|
||||
min-w-32
|
||||
">
|
||||
<li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
||||
<a href="{{route('service')}}">Services 3.1</a>
|
||||
</li>
|
||||
<li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
||||
<a href="{{route('service')}}">Services 3.2</a>
|
||||
</li>
|
||||
<li class="px-3 py-2 hover:bg-secondaryColor hover:text-white text-lightGray font-sm uppercase border-b-2 border-gray-200">
|
||||
<a href="{{route('service')}}">Services 3.3</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li> --}}
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="{{ request()->url() == route('doctor_provider') ? 'active' : '' }}">
|
||||
<a href="{{ route('doctor_provider') }}"
|
||||
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
||||
aria-current="page">Doctor & Providers</a>
|
||||
</li>
|
||||
<li class="{{ request()->segment(1) == 'blogs' ? 'active' : '' }}">
|
||||
<a href="{{ route('blogs') }}"
|
||||
class="block py-2 px-3 text-lightGray rounded md:bg-transparent md:p-0 md:dark:text-blue-500 text-md font-sm uppercase"
|
||||
aria-current="page">Blogs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
</div>
|
||||
|
||||
303
resources/views/frontend/pages/home.blade.php
Normal file
303
resources/views/frontend/pages/home.blade.php
Normal file
@@ -0,0 +1,303 @@
|
||||
@extends('frontend.layouts.master')
|
||||
|
||||
@section('title') {{ $generalSetting['company_name'] }} @endsection
|
||||
|
||||
@section('meta')
|
||||
<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
|
||||
<meta name="description" content="{{ $seoSetting['meta_detail'] }}">
|
||||
<meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- /* ------------------------------ Video Section ----------------------------- */ --}}
|
||||
<section class="relative w-full h-screen">
|
||||
<video autoplay loop muted class="absolute inset-0 w-full h-full object-cover">
|
||||
<source src="{{ asset('frontend/videos/main.mp4') }}" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
<div class="absolute inset-0 flex justify-center items-center text-white">
|
||||
<div class="text-center max-w-[650px]">
|
||||
<h1 class="font-raleway uppercase tracking-wider font-bold text-5xl text-white mb-[40px]">
|
||||
{{ $homePage->title ?? 'BEST TECHNOLOGY FOR HAIR TRANSPLANT' }}
|
||||
</h1>
|
||||
<a href="{{ route('about_us') }}"
|
||||
class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
|
||||
<span class="btn-text inline-block text-sm font-bold">Book your Appointment</span>
|
||||
<strong class="icon flex items-center">
|
||||
<span class="read-more-icon">
|
||||
<img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt="image" srcset="">
|
||||
</span>
|
||||
</strong>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- /* ------------------ Transformation / Before After Section ----------------- */ --}}
|
||||
<section class="mx-auto max-w-7xl dark:bg-gray-900 relative mt-[80px] px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-7xl lg:text-center">
|
||||
<h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
|
||||
Have a look at our
|
||||
</h2>
|
||||
<p class="font-raleway text-[36px] leading-59 tracking-normal text-center text-[#088EE4] font-bold uppercase">
|
||||
Amazing Transformations
|
||||
</p>
|
||||
</div>
|
||||
<div class="my-[60px]">
|
||||
<div class="relative transformation-slider">
|
||||
@if(count($transformations) > 0)
|
||||
@foreach ($transformations ?? [] as $transformation)
|
||||
<div class="px-[10px]">
|
||||
<div class="flex flex-row gap-[10px]">
|
||||
<div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="100">
|
||||
<div class="relative">
|
||||
<img src="{{ $transformation->beforeImage }}" alt="" class="">
|
||||
</div>
|
||||
</div>
|
||||
<div data-aos="fade-down" data-aos-duration="1500" data-aos-offset="100">
|
||||
<div class="relative">
|
||||
<img src="{{ $transformation->afterImage }}" alt="" class="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
|
||||
<div class="flex flex-col-reverse">
|
||||
<dt class="text-[#666666] font-normal">Patient Name</dt>
|
||||
<dd class="font-bold text-[20px] text-secondary tracking-widest">
|
||||
{{ $transformation->name }}</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse">
|
||||
<dt class="text-[#666666] font-normal">Hair Loss Grade</dt>
|
||||
<dd class="font-bold text-[20px] text-secondary tracking-widest ">
|
||||
{{ $transformation->grade }}</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse">
|
||||
<dt class="text-[#666666] font-normal">No. of Drafts</dt>
|
||||
<dd class="font-bold text-[20px] text-secondary tracking-widest">
|
||||
{{ $transformation->graft }}</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- /* ------------------------ Video Testimonial Section ----------------------- */ --}}
|
||||
<section class="bg-[#051B42] py-[60px]">
|
||||
<div class="wrapper">
|
||||
<section class="mx-auto max-w-7xl dark:bg-gray-900 relative mb-[40px]-4 mt-[40px] px-6 lg:px-8">
|
||||
<div class="relative w-full">
|
||||
<div class="overflow-hidden">
|
||||
<div id="logoCarousel" class="flex justify-evenly items-center gap-[60px] transition-transform duration-500 ease-in-out transform">
|
||||
@if(count($videoTestimonials) > 0)
|
||||
@foreach ($videoTestimonials ?? [] as $videoTestimonial)
|
||||
<div class="w-1/2">
|
||||
<div class="w-full pb-6">
|
||||
<div class="relative">
|
||||
{!! $videoTestimonial->link !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="mr-auto place-self-center lg:col-span-7 w-full">
|
||||
<div class="lg:mt-0">
|
||||
{{-- <img src="{{ asset('frontend/images/video-testimonials/tag.png') }}" alt="" srcset=""> --}}
|
||||
<h4 class="text-white text-4xl font-semibold mt-[11px]">{{ $videoTestimonial->name }}</h4>
|
||||
<p class="text-white font-semibold text-lg mt-[5px] italic">
|
||||
{{ $videoTestimonial->designation }}
|
||||
</p>
|
||||
{{-- <p class="text-white md:text-lg lg:text-xl dark:text-gray-400 font-normal text-lg text-lightGray mb-[30px] pt-[10px]">
|
||||
{{ $videoTestimonial->statement }}
|
||||
</p> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div id="patients-visitors"></div>
|
||||
</section>
|
||||
|
||||
{{-- /* ----------------------- Normal Testimonial Section ----------------------- */ --}}
|
||||
<section id="happy-client" class="relative w-full mt-[60px] mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="relative w-full">
|
||||
<div class="mx-auto max-w-7xl lg:text-center mb-[60px]">
|
||||
<h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
|
||||
Featured Reviews
|
||||
</h2>
|
||||
<p class="font-raleway text-[36px] leading-59 tracking-normal text-center text-[#0097F6] font-bold uppercase">
|
||||
What Our Happy Patients Says
|
||||
</p>
|
||||
</div>
|
||||
<div class="happyCustomer-slider mx-auto max-w-7xl -mx-4">
|
||||
@if(count($testimonials) > 0)
|
||||
@foreach ($testimonials ?? [] as $testimonial)
|
||||
@if (empty($testimonial['link']) && isset($testimonial['image']))
|
||||
<div class="mx-auto max-w-7xl lg:max-w-none px-4">
|
||||
<div class="patient-item">
|
||||
<div class="overflow-hidden">
|
||||
<div class="max-w-sm realtive">
|
||||
<a class="relative image">
|
||||
<img class="w-full" src="{{ $testimonial->fullImage }}" alt="Image" />
|
||||
<span class="curve"></span>
|
||||
</a>
|
||||
<div class="patient-content bg-white relative -mt-[44px] mx-[30px]">
|
||||
<div class="patient-info relative z-1 z-[1] mb-[50px]">
|
||||
<h3>
|
||||
<div class="text-[22px] text-secondary font-bold tracking-tight dark:text-white">
|
||||
<h4>{{ $testimonial->name }}</h4>
|
||||
</div>
|
||||
</h3>
|
||||
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">
|
||||
{{ $testimonial->statement }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
<div class="flex items-center justify-center pb-[20px]">
|
||||
<button
|
||||
class="happyCustomer-prev inline-flex items-center justify-center h-[30px] w-[30px] text-base font-medium text-center rounded-lg hover:bg-blue-600 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800 bg-[#CDE9FB] text-white">
|
||||
<img src="{{ asset('frontend/images/video-testimonials/left-arrow.svg') }}" alt=""
|
||||
srcset="" width="16">
|
||||
</button>
|
||||
<div class="px-[16px] py-[10px] text-lightGray font-medium">
|
||||
01/02
|
||||
</div>
|
||||
<button
|
||||
class="happyCustomer-next inline-flex items-center justify-center h-[30px] w-[30px] text-base font-medium text-center rounded-lg hover:bg-blue-600 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800 bg-[#CDE9FB] text-white">
|
||||
<img src="{{ asset('frontend/images/video-testimonials/right.svg') }}" alt="" srcset=""
|
||||
width="16">
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- /* ---------------------------- About Us Section ---------------------------- */ --}}
|
||||
<section class="we-are-best">
|
||||
<div class="wrapper">
|
||||
<div class="flex">
|
||||
<div class="w-full lg:w-1/2" style="display: flex; align-items: center; justify-content: center;">
|
||||
<img src="{{ $aboutPage->fullImage ?? '' }}" alt="" title="" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<div class="w-full lg:w-1/2 z-[1] text-right py-[40px] mr-[35px] ps-[45px] relative z-[4]">
|
||||
<div class="">
|
||||
<h4 class="text-[18px] italic font-bold leading-26 tracking-wider text-white uppercase">
|
||||
Let's Know About</h4>
|
||||
<h2 class="mb-[18px] font-bold text-800 text-[36px] text-secondary uppercase">
|
||||
{{ $aboutPage->title ?? 'About Us' }}
|
||||
</h2>
|
||||
<p
|
||||
class="text-white dark:text-gray-400 font-normal text-[16px] mb-[54px]">
|
||||
{{ $aboutPage->summary ?? 'We are Arogin Health Care' }}
|
||||
</p>
|
||||
<a href="{{ route('about_us') }}"
|
||||
class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
|
||||
<span class="btn-text inline-block">Read More</span>
|
||||
<strong class="icon flex items-center">
|
||||
<span class="read-more-icon">
|
||||
<img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt="Image" srcset="">
|
||||
</span>
|
||||
</strong>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- /* ------------------------------ Team Section ------------------------------ */ --}}
|
||||
<section class="mx-auto max-w-7xl mt-[60px] mb-[20px]">
|
||||
<div class="text-center pb-[60px]">
|
||||
<h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
|
||||
WE ARE A
|
||||
</h2>
|
||||
<p class="font-raleway text-[36px] leading-59 tracking-normal text-center text-[#088EE4] font-bold uppercase">
|
||||
Team of Professionals
|
||||
</p>
|
||||
</div>
|
||||
<div class="mx-auto">
|
||||
<ul class="grid gap-8 md:grid-cols-2 lg:grid-cols-4 p-2 xl:p-5">
|
||||
@if(count($teamMembers) > 0)
|
||||
@foreach ($teamMembers ?? [] as $teamMember)
|
||||
<li>
|
||||
<div class="border-solid team-card px-4">
|
||||
<div class="max-w-sm bg-white border border-gray-200 shadow dark:bg-gray-800 dark:border-gray-700">
|
||||
<img class="w-full" src="{{ $teamMember->fullImage }}" alt="Image" />
|
||||
<div class="p-[15px]">
|
||||
<div class="team-info">
|
||||
<a href="#">
|
||||
<div class="text-[20px] text-primary font-bold uppercase tracking-tight dark:text-white">
|
||||
<h4> {{ $teamMember->name }}</h4>
|
||||
</div>
|
||||
</a>
|
||||
<p class="mb-3 mt-[8px] dark:text-gray-400 text-secondaryColor">
|
||||
{{ $teamMember->detail }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
<div class="text-center pt-[30px]">
|
||||
<a href="{{ route('doctor_provider') }}" class="read-more inline-block uppercase bg-secondary text-white text-sm font-bold pe-[60px] relative overflow-hidden">
|
||||
<span class="btn-text inline-block">View All</span>
|
||||
<strong class="icon flex items-center">
|
||||
<span class="read-more-icon">
|
||||
<img src="{{ asset('frontend/images/icons/arrow-right-line.svg') }}" alt="Image" srcset="">
|
||||
</span>
|
||||
</strong>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- /* ----------------------------- Client Section ----------------------------- */ --}}
|
||||
<section class="py-[60px] bg-[#F6FEF8]">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-7xl lg:text-center mb-[60px]">
|
||||
<h2 class="font-raleway text-[18px] italic font-bold leading-26 tracking-wider text-center text-center text-lightGray uppercase">
|
||||
We believe in trust
|
||||
</h2>
|
||||
<p class="font-raleway text-[36px] leading-59 tracking-normal text-center text-secondary font-bold uppercase">
|
||||
Arogin Associations
|
||||
</p>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="grid grid-cols-1 gap-y-16 text-center lg:grid-cols-4 py-4">
|
||||
@if(count($clients))
|
||||
@foreach ($clients->chunk(2) ?? [] as $clientItems)
|
||||
<div class="border-content">
|
||||
@foreach ($clientItems ?? [] as $client)
|
||||
<div class="py-[40px]">
|
||||
<a href="{{ $client->link }}" target="_blank">
|
||||
<img class="mx-auto h-[150px]" src="{{ $client->fullImage }}" alt="" srcset="" width="150" height="150">
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user