homepage

public/css/style.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
 
 :root {
   --pry-color:#1C3D80;
@@ -36,7 +36,7 @@ footer span {
 a {
   text-decoration: none;
   color: var(--pry-color);
-  font-size: 16px;
+  font-size: 15px;
 }
 p {
   font-size: 18px;
@@ -84,7 +84,7 @@ p {
 }
 .nav-link {
   color: #000000;
-  font-size: 17px;
+  font-size: 18px;
   border-bottom:1px dashed transparent;
   transition: .3s;
   position: relative;
@@ -96,7 +96,7 @@ p {
 .btn-pry {
   background-color: var(--pry-color);
   color: #fff !important;
-  font-size: 16px;
+  font-size: 18px;
   border-radius: 0;
   padding: 10px 45px;
 }
@@ -104,7 +104,7 @@ p {
   border: 1px solid;
   border-color: var(--pry-color);
   color: var(--pry-color);
-  font-size: 16px;
+  font-size: 18px;
   border-radius: 0;
   padding: 10px 45px;
 }
@@ -142,10 +142,13 @@ p {
   color: #333;
   display: grid;
 }
+.top .btn {
+  font-size: 20px;
+}
 .top > div {
 }
 .top .light-bg p{
-  font-size: 20px;
+  font-size: 19px;
 }
 .top .light-bg {
   padding: 30px 30px 35px;

resources/views/app/compare.blade.php

@@ -5,7 +5,7 @@
         <nav class="mb-0">
             <ol class="breadcrumb">
                 <li class="breadcrumb-item"><a href="{{route('index')}}"><u>Home</u></a></li>
-                <li class="breadcrumb-item active" aria-current="page">Comparing treatment options</li>
+                <li class="breadcrumb-item active" aria-current="page">Compare treatment options</li>
             </ol>
         </nav>
     </div>
@@ -14,7 +14,7 @@
   <div class="container py-lg-4">
     <div class="row justify-content-center">
       <div class="col-lg-7 text-center">
-        <h5 class="subtitle">Comparing treatment options</h5>
+        <h5 class="subtitle">Compare treatment options</h5>
         <p>Hemorrhoids get treated at doctors' offices with different treatment options. Snyder Hemband ligation treatment is the most effective, fast, and painless treatment compared to other treatments. It has the least complications and hemorrhoids are less likely to come back than other treatments.</p>
       </div>
     </div>

resources/views/app/index.blade.php

@@ -21,45 +21,43 @@
   </div>
 </div>
 
-<div class="container mt-3">
-  <div class="d-sm-flex align-items-start justify-content-between py-5">
-    <div class="text-center w-100 mb-sm-0 mb-4">
-      <img src="{{asset('img/fp/fp-1.svg')}}" height="40">
-      <p class="mt-3"><b>Fast & Safe</b></p>
-      <p class="px-4">Hemorrhoid banding takes less than a minute to perform, and is the medical “gold-standard” with a greater than 95% success rate.</p>
-    </div>
-    <div class="text-center w-100 mb-sm-0 mb-4">
-      <img src="{{asset('img/fp/fp-3.svg')}}" height="40">
-      <p class="mt-3"><b>Painless</b></p>
-      <p class="px-4">Hemorrhoid banding is painless and requires no medication after treatment.</p>
-    </div>
-    <div class="text-center w-100 mb-sm-0 mb-4">
-      <img src="{{asset('img/fp/fp-2.svg')}}" height="40">
-      <p class="mt-3"><b>Long-Term Effectiveness</b></p>
-      <p class="px-4">Instead of treating symptoms, banding gently removes hemorrhoids themselves.</p>
+<!-- <div class="container py-xl-5 py-4">
+  <div class="d-md-flex align-items-center justify-content-between mb-4 pb-3 border-bottom">
+    <h4 class="subtitle mb-0 mb-2"></h4>
+  </div>
+  <div class="row">
+    <div class="col-lg-6">
+    <h5>1. Banding is incredibly effective, safe, and long-lasting.</h5>
+    <ul style="list-style:lower-alpha" class="mb-3">
+      <li class="mb-2">Rubber banding is a highly-effective hemorrhoid removal treatment. It is considered the gold-standard for treating internal hemorrhoids.</li>
+      <li class="mb-2">Rubber banding is long-lasting because instead of treating hemorrhoid symptoms, it safely and gently removes hemorrhoids themselves.</li>
+      <li class="mb-2">Because it’s non-surgical, you can get back to your life immediately after your visit to a clinic.</li>
+    </ul>
+    <h5>2. Banding is available at a doctor’s office near you!</h5>
+    <ul style="list-style:lower-alpha" class="mb-3">
+      <li class="mb-2">Thousands of doctors nationwide are trained in hemorrhoid rubber banding.</li>
+      <li class="mb-2">Banding takes just minutes - and you’re back to work instantly.</li>
+    </ul>
+    <h5>3.Banding is widely covered by health insurance plans.</h5>
+    <ul style="list-style:lower-alpha" class="mb-3">
+      <li class="mb-2">Because of banding’s effectiveness, it’s covered by most insurance plans, including Medicare, Medicaid, and employer-sponsored plans.</li>
+    </ul>
     </div>
-    <div class="text-center w-100 mb-sm-0 mb-4">
-      <img src="{{asset('img/fp/fp-4.svg')}}" height="40">
-      <p class="mt-3"><b>Covered by Most Health Plans</b></p>
-      <p class="px-4">Including Medicare, Medicaid, and most other insurance plans.</p>
+    <div class="col-lg-5 offset-lg-1">
+      <div class="bg-dark text-white p-4 text-center">
+        <p>No matter what stage your hemorrhoid is in, a physician trained in using the Snyder HemBand near you can help.</p>
+        <a href="#" class="btn btn-light rounded-0 px-5 py-2 mt-3">Find a Physician</a>
+      </div>
     </div>
   </div>
-</div>
-
-<div class="container pb-xl-5">
+</div> -->
+<div class="container py-5">
   <div class="row">
     <div class="col-xl-6 pe-xl-0">
       <div class="box-1">
         <div class="d-flex flex-column">
-          <h5 class="subtitle">About Snyder Hemband</h5>
-          <p>Snyder hemband is device for treating hemorrhoids. The components of this device include inner tube, plunger, outer tube, thumb pusher, loading device and elastic band.</p>
-
-          <p>Snyder Hemband is the system that allows a physician to place a gentle medical rubber band safely around the base of hemorrhoids.</p>
-
-          <p>The soft rubber band generates the compression around the hemorrhoids reducing the blood supply, which causes it to shrink and eventually fall off.</p>
+          <h5 class="subtitle">3 things every patient needs to know about Hemorrhoid Banding:</h5>
 
-          <p>It is a painless procedure with little discomfort occasionally. The rubber band gets placed around the hemorrhoid in less than a minute. </p>
-          <a href="#" class="text-white d-block mt-auto text-end">Learn more <i class="ms-1 fal fa-angle-right"></i> </a>
         </div>
       </div>
     </div>
@@ -95,6 +93,32 @@
   </div>
 </div>
 
+<div class="container">
+  <div class="d-sm-flex align-items-start justify-content-between pt-4 pb-5">
+    <div class="text-center w-100 mb-sm-0 mb-4">
+      <img src="{{asset('img/fp/fp-1.svg')}}" height="40">
+      <p class="mt-3"><b>Fast & Safe</b></p>
+      <p class="px-4">Hemorrhoid banding takes less than a minute to perform, and is the medical “gold-standard” with a greater than 95% success rate.</p>
+    </div>
+    <div class="text-center w-100 mb-sm-0 mb-4">
+      <img src="{{asset('img/fp/fp-3.svg')}}" height="40">
+      <p class="mt-3"><b>Painless</b></p>
+      <p class="px-4">Hemorrhoid banding is painless and requires no medication after treatment.</p>
+    </div>
+    <div class="text-center w-100 mb-sm-0 mb-4">
+      <img src="{{asset('img/fp/fp-2.svg')}}" height="40">
+      <p class="mt-3"><b>Long-Term Effectiveness</b></p>
+      <p class="px-4">Instead of treating symptoms, banding gently removes hemorrhoids themselves.</p>
+    </div>
+    <div class="text-center w-100 mb-sm-0 mb-4">
+      <img src="{{asset('img/fp/fp-4.svg')}}" height="40">
+      <p class="mt-3"><b>Covered by Most Health Plans</b></p>
+      <p class="px-4">Including Medicare, Medicaid, and most other insurance plans.</p>
+    </div>
+  </div>
+</div>
+
+
 <div class="container py-xl-5 py-4">
   <div class="d-md-flex align-items-center justify-content-between mb-4 pb-3 border-bottom">
     <h4 class="subtitle mb-0 mb-2">What physicians have to say</h4>

resources/views/layouts/app.blade.php

@@ -18,13 +18,16 @@
 </head>
 
 <body>
-    <div class="top-blue">
+    <div class="border-bottom">
         <div class="container">
-            <div class="text-end align-items-center d-flex align-items-center justify-content-end">
-              <div class="">
-                <a class="ms-3" href="tel:(800) 290-9092">(800) 290-9092</a>
+            <div class="d-flex align-items-center justify-content-between">
+              <div class="p-1">
+                <strong style="width:154px;line-height:3px;font-size:14px;">This site is intended for U.S. audiences only.</strong>
+              </div>
+              <div class="text-end">
+                <a class="ms-3 text-dark" href="tel:(800) 290-9092">(800) 290-9092</a>
                 <span class="ms-3">|</span>
-                <a class="ms-3" href="#">For Physicians</a>
+                <a class="ms-3 text-dark" href="#">For Physicians</a>
               </div>
             </div>
         </div>
@@ -37,7 +40,7 @@
                 </a>
                 <div>
                     <div class="d-flex align-items-center">
-                      <a class="d-lg-none d-inline btn rounded-0 btn-pry px-3 py-2" href="{{ route('index') }}">Order Now</a>
+                      <a class="d-lg-none d-inline btn rounded-0 btn-pry px-3 py-2" href="{{ route('index') }}">Find a Clinic</a>
                       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navBar" aria-controls="navBar" aria-expanded="false" aria-label="Toggle navigation">
                           <i class="fas fa-bars"></i>
                       </button>
@@ -45,7 +48,7 @@
                     <div class="collapse navbar-collapse" id="navBar">
                         <ul class="navbar-nav ms-auto align-items-lg-center">
                             <li class="nav-item">
-                                <a class="nav-link" href="{{ route('snyderhemband') }}">Snyder Hemband</a>
+                                <a class="nav-link" href="{{ route('snyderhemband') }}">How it Works</a>
                             </li>
                             <li class="nav-item dropdown">
                               <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -73,16 +76,16 @@
                               </ul>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="{{ route('compare') }}">Comparing treatment options</a>
+                                <a class="nav-link" href="{{ route('compare') }}">Compare Treatment Options</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="{{ route('faqs') }}">FAQs</a>
+                                <a class="nav-link" href="{{ route('faqs') }}">FAQ</a>
                             </li>
-                            <li class="nav-item">
+                            <!-- <li class="nav-item">
                                 <a class="nav-link" href="{{ route('contact') }}">Contact us</a>
-                            </li>
+                            </li> -->
                             <li class="nav-item d-lg-block d-none">
-                                <a class="btn px-4 py-2 rounded-0 btn-pry" href="{{ route('find-a-clinic') }}">Order Now</a>
+                                <a class="btn px-4 py-2 rounded-0 btn-pry" href="{{ route('find-a-clinic') }}">Find a Clinic</a>
                             </li>
                         </ul>
                     </div>
@@ -93,23 +96,6 @@
     </div>
     @yield('content')
     <footer>
-      <div class="bg-light py-5">
-        <div class="container">
-          <div class="row align-items-center justify-content-center">
-            <div class="col-xl-2 col-lg-3 col-4">
-              <img src="{{asset('img/fda.svg')}}" class="w-100" alt="">
-            </div>
-            <div class="col-lg-4 col-6 border-lg-start ft-spacing">
-              <h4>Useful links</h4>
-              <p><a href="#"><u>Ligation wikipedia</u></a></p>
-              <p><a href="#"><u>What are hemorrhoids</u></a></p>
-              <p><a href="#"><u>What is Snyder Hemband</u></a></p>
-              <p><a href="#"><u>How it works</u></a></p>
-              <p><a href="#"><u>Treatment options comparision</u></a></p>
-            </div>
-          </div>
-        </div>
-      </div>
       <div class="bg-grey py-5">
         <div class="container">
           <div class="d-lg-flex align-items-center justify-content-between w-100">
@@ -137,7 +123,7 @@
                     <li><a class="dropdown-item" href="{{route('postCare')}}">Your treatment with Snyder Hemband</a></li>
                   </ul>
                 </div>
-                <p class="mb-4"><a href="{{route('compare')}}" class="text-white">Comparing treatment options</a></p>
+                <p class="mb-4"><a href="{{route('compare')}}" class="text-white">Comparing Treatment Options</a></p>
               </div>
               <div class="col-lg-3 col-md-3 offset-lg-0 offset-md-1">
                 <p class="mb-4"><a href="#" class="text-white">For patients</a></p>
@@ -157,7 +143,6 @@
                 <span class="opacity-75">&copy; 2022 SNYDER HEMBAND - All rights reserved.</span>
               </div>
               <div class="d-sm-flex">
-                <a href="#"><img src="{{asset('img/fda_white.svg')}}" alt=""></a>
                 <div class="mt-sm-0 mt-2">
                   <a href="#" class="ms-sm-4 text-white opacity-75">Privacy Policy</a>
                   <a href="#" class="ms-4 text-white opacity-75">Terms and conditions</a>