pages

public/css/style.css

@@ -448,7 +448,7 @@ p {
     text-align: center;
   }
   .title {
-    font-size: 40px;
+    font-size: 38px;
   }
   .subtitle {
     font-size: 30px;

resources/views/app/post-care.blade.php

@@ -14,8 +14,10 @@
   <div class="container py-lg-4">
     <div class="row align-items-center">
       <div class="col-xl-4 col-lg-5 mb-lg-0 mb-4">
-        <h5 class="subtitle mb-4">What’s next?</h5>
-        <p>You’re on your way back to living life to the fullest! Hemorrhoids commonly originate at three sites in the rectal area. So depending on the findings, your doctor may schedule three or more treatment sessions. Doctors generally treat one site during each session.</p>
+        <h5 class="subtitle mb-4">Post-Banding Care</h5>
+        <p>Banding involves the placement of a rubber at the base of your hemorrhoid. This applies gentle pressure to the area, reducing blood flow to the hemorrhoid, causing it to shrink away and fall off along with the rubber band (typically within 24 hours) during a bowel movement.</p>
+        <p>You will not usually notice both the hemorrhoid and rubber band coming off during a bowel movement.</p>
+        <p>Generally, after the hemorrhoid falls off within a few days, it may take one to two weeks for the live tissue to fully heal. You can help your recovery by avoiding straining and following a few simple steps that will not only help you recover faster, but also help prevent future hemorrhoids from developing.</p>
       </div>
       <div class="col-xl-7 col-lg-6 offset-lg-1">
         <img src="{{asset('img/pc-top.png')}}" class="w-100" alt="">
@@ -24,92 +26,195 @@
   </div>
 </div>
 <div class="container py-5">
-  <div class="row">
-    <div class="col-lg-8 offset-lg-2 mb-lg-5 mt-lg-3">
-      <h5 class="subtitle text-center mb-4">Frequently asked questions</h5>
-      <div class="accordion" id="faq">
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqOne">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentOne" aria-expanded="false" aria-controls="faqContentOne">
-              Can Snyder Hemband work for me?
-            </button>
-          </h2>
-          <div id="faqContentOne" class="accordion-collapse collapse" aria-labelledby="faqOne" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h4 class="subtitle mb-4 pb-3 text-pry">Post-Banding Tips</h4>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-6 mb-lg-5 mb-4">
+        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+          <div class="me-lg-4 me-sm-3">
+            <h5 class="title"><i class="fal fa-tint"></i></h5>
           </div>
-        </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqTwo">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentTwo" aria-expanded="false" aria-controls="faqContentTwo">
-              How long will the procedure take?
-            </button>
-          </h2>
-          <div id="faqContentTwo" class="accordion-collapse collapse" aria-labelledby="faqTwo" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+          <div class="">
+            <h4 class="header">Monitor what you eat and drink</h4>
+            <p>Drinking 8-10 glasses of water per day is important for keeping your stool soft. If your physician suggests regular use of fiber supplements, remember to drink plenty of fluids.</p>
           </div>
         </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqThree">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentThree" aria-expanded="false" aria-controls="faqContentThree">
-              Does it require multiple treatments?
-            </button>
-          </h2>
-          <div id="faqContentThree" class="accordion-collapse collapse" aria-labelledby="faqThree" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+      </div>
+      <div class="col-lg-6 mb-lg-5 mb-4">
+        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+          <div class="me-lg-4 me-sm-3">
+            <h5 class="title"><i class="fal fa-toilet"></i></h5>
           </div>
-        </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqFour">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFour" aria-expanded="false" aria-controls="faqContentFour">
-              What type of preparation/recovery should be expected?
-            </button>
-          </h2>
-          <div id="faqContentFour" class="accordion-collapse collapse" aria-labelledby="faqFour" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+          <div class="">
+            <h4 class="header">Avoid straining</h4>
+            <p>As much as possible, avoid straining during a bowel movement.</p>
           </div>
         </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqFivee">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFivee" aria-expanded="false" aria-controls="faqContentFivee">
-              How much does hemorrhoid banding with the Snyder Hemband cost?
-            </button>
-          </h2>
-          <div id="faqContentFivee" class="accordion-collapse collapse" aria-labelledby="faqFivee" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-6 mb-4">
+        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+          <div class="me-lg-4 me-sm-3">
+            <h5 class="title"><i class="fal fa-dumbbell"></i></h5>
           </div>
-        </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqFive">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFive" aria-expanded="false" aria-controls="faqContentFive">
-              How is this different from traditional Rubber Band Ligation?
-            </button>
-          </h2>
-          <div id="faqContentFive" class="accordion-collapse collapse" aria-labelledby="faqFive" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+          <div class="">
+            <h4 class="header">Be mindful of exercise</h4>
+            <p>After Snyder HemBand treatment, refrain from heavy lifting and strenuous exercise for the next 2-3 days. It’s also important to avoid sitting for long periods of time – you should stand up and walk every couple of hours. Maintain a regular exercise routine and a healthy weight to help avoid recurrence of hemorrhoids.</p>
           </div>
         </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqSix">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentSix" aria-expanded="false" aria-controls="faqContentSix">
-              What should I do if I have discomfort/ cramping in the pelvic area?
-            </button>
-          </h2>
-          <div id="faqContentSix" class="accordion-collapse collapse" aria-labelledby="faqSix" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+      </div>
+      <div class="col-lg-6 mb-sm-4">
+        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+          <div class="me-lg-4 me-sm-3">
+            <h5 class="title"><i class="fal fa-pills"></i></h5>
           </div>
-        </div>
-        <div class="accordion-item">
-          <h2 class="accordion-header" id="faqSeven">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentSeven" aria-expanded="false" aria-controls="faqContentSeven">
-              When should I contact my doctor?
-            </button>
-          </h2>
-          <div id="faqContentSeven" class="accordion-collapse collapse" aria-labelledby="faqSeven" data-bs-parent="#faq">
-            <div class="accordion-body">...</div>
+          <div class="">
+            <h4 class="header">Use medications carefully</h4>
+            <p>Continue to take your regular medications as prescribed. Check with your physician about medications that could cause constipation or diarrhea. Unless your doctor directs you to do so, do not insert medication inside your rectum.</p>
           </div>
         </div>
       </div>
     </div>
+</div>
+<div class="bg-light py-5">
+    <div class="container">
+        <div class="row justify-content-center text-center">
+            <div class="col-xl-7 col-lg-9">
+                <h4 class="subtitle">Diet and Nutrition Guidelines for Hemorrhoids</h4>
+                <p>Eating foods that are high in fiber can make stools softer, easier to pass, and can help treat and prevent hemorrhoids. The recommended intake is 28 grams of dietary fiber per day, based on standard 2000 calories per day guidelines.</p>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="py-5">
+  <div class="container">
+      <div class="row justify-content-center text-center">
+          <div class="col-xl-7 col-lg-9">
+            <div class="table-responsive">
+              <table class="table table-bordered text-start">
+                <tr>
+                  <td colspan="2">
+                    <h4 class="m-0">FIBER-RICH FOODS*</h4>
+                  </td>
+                </tr>
+                <tr>
+                  <td><b>FOOD & PORTION SIZE</b></td>
+                  <td><b>FIBER AMOUNT</b></td>
+                </tr>
+                <tr>
+                  <td colspan="2"><em><b>GRAINS</b></em></td>
+                </tr>
+                <tr>
+                  <td>¾ cup high-fiber bran, ready-to-eat cereal</td>
+                  <td>9.1-14.3 grams</td>
+                </tr>
+                <tr>
+                  <td>1 1 cups of shredded wheat, ready-to-eat cereal</td>
+                  <td>5.0-9.0 grams</td>
+                </tr>
+                <tr>
+                  <td>1 ½ cups whole-wheat spaghetti, cooked</td>
+                  <td>3.2 grams</td>
+                </tr>
+                <tr>
+                  <td>1 small oat bran muffin</td>
+                  <td>3.0 grams</td>
+                </tr>
+                <tr>
+                  <td colspan="2"><em><b>FRUITS</b></em></td>
+                </tr>
+                <tr>
+                  <td>1 medium pear, with skin</td>
+                  <td>5.5 grams</td>
+                </tr>
+                <tr>
+                  <td>1 medium apple, with skin</td>
+                  <td>4.4 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup of raspberries</td>
+                  <td>4.0 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup of stewed prunes</td>
+                  <td>3.8 grams</td>
+                </tr>
+                <tr>
+                  <td colspan="2"><em><b>VEGETABLES</b></em></td>
+                </tr>
+                <tr>
+                  <td>½ cup of green peas, cooked</td>
+                  <td>3.5-4.4 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup of mixed vegetables, cooked from frozen</td>
+                  <td>4.0 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup of collards, cooked</td>
+                  <td>3.8 grams</td>
+                </tr>
+                <tr>
+                  <td>1 medium sweet potato, baked in skin</td>
+                  <td>3.8 grams</td>
+                </tr>
+                <tr>
+                  <td>1 medium potato, baked, with skin</td>
+                  <td>3.6 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup of winter squash, cooked</td>
+                  <td>2.9 grams</td>
+                </tr>
+                <tr>
+                  <td colspan="2"><em><b>BEANS</b></em></td>
+                </tr>
+                <tr>
+                  <td>½ cup navy beans, cooked</td>
+                  <td>9.6 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup pinto beans, cooked</td>
+                  <td>7.7 grams</td>
+                </tr>
+                <tr>
+                  <td>½ cup kidney beans, cooked</td>
+                  <td>5.7 grams</td>
+                </tr>
+                <tr>
+                  <td colspan="2"><small style="font-size:12px;">*Adapted from NIDDK website</small> </td>
+                </tr>
+              </table>
+            </div>
+          </div>
+      </div>
   </div>
 </div>
+<div class="bg-grey py-5">
+    <div class="container">
+        <div class="row justify-content-center text-center">
+            <div class="col-xl-6 col-lg-9">
+                <h4 class="subtitle">What should I do if I have discomfort/cramping in the pelvic area?</h4>
+                <p class="pt-3">Occasionally, some patients experience pelvic area cramping, but these symptoms typically resolve within 1 to 2 days. If you experience this, you can take over-the-counter acetaminophen or ibuprofen as directed by your doctor.</p>
+                <p>Another alternative to help relieve these symptoms and also cleanse the anal area is a sitz (or hip) bath, where you simply sit in warm water. This can alleviate any discomfort you might experience.</p>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="py-5">
+    <div class="container">
+        <div class="row justify-content-center text-center">
+            <div class="col-xl-6 col-lg-9">
+                <h4 class="subtitle">When should I contact my doctor?</h4>
+                <p class="pt-3">Immediately call your doctor if you have symptoms such as pain in the anal area, fever, bleeding, chills or any other unusual symptoms.</p>
+                <p class="mt-5"><b>See answers to more Frequently Asked Questions.</b> </p>
+                <a href="{{route('faqs')}}" class="btn btn-pry">Frequently Asked Questions</a>
+            </div>
+        </div>
+    </div>
+</div>
 @endsection

resources/views/app/snyder.blade.php

@@ -5,24 +5,22 @@
         <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">Snyder Hemband</li>
+                <li class="breadcrumb-item active" aria-current="page">How it Works</li>
             </ol>
         </nav>
     </div>
     <hr>
     <div class="container">
-      <div class="py-5 mb-4">
+      <div class="py-5 mb-4 px-1">
           <div class="text-center">
-              <h4 class="title mb-3">Snyder Hemband</h4>
-              <p class="mb-4">Snyder hemband is a device for treating hemorrhoids. The components of this device <br class="d-lg-block d-none"> include an inner tube, plunger, outer tube, thumb pusher, loading device, and elastic band.</p>
-              <a href="#" class="btn btn-pry py-2">Order now</a>
-              <a href="#" class="btn btn-secondary rounded-0 py-2 px-5 ms-4">Benefits</a>
+              <h4 class="title mb-3">Meet the Snyder Hemband Applicator</h4>
+              <p class="mb-4">The Snyder HemBand is a rubber band applicator that allows a physician to place a rubber band <br class="d-lg-block d-none"> at the base of the hemorrhoid, cutting off its blood flow, causing it to shrink and fall off. </p>
           </div>
       </div>
     </div>
 </div>
 <div class="container">
-    <div class="border bg-white p-5 text-center position-relative" style="top:-80px">
+    <div class="border bg-white p-md-5 p-4 text-center position-relative" style="top:-80px">
         <img src="{{asset('img/snyder.png')}}" class="w-75" alt="">
     </div>
     <div class="row position-relative" style="top:-40px;margin-bottom:-40px">
@@ -33,27 +31,27 @@
             <div class="row mb-sm-4">
                 <div class="d-lg-block d-flex flex-column align-items-center text-sm-start text-center col-sm-5">
                     <img src="{{asset('img/benefits/ben-1.svg')}}" width="45" alt="">
-                    <p class="mt-2">No sedation is required prior to treatment</p>
+                    <p class="mt-2">No anesthesia, sedation, or medication is required prior to treatment.</p>
                 </div>
                 <div class="d-lg-block d-flex flex-column align-items-center text-sm-start text-center col-sm-5 offset-sm-2">
                     <img src="{{asset('img/benefits/ben-2.svg')}}" width="45" alt="">
-                    <p class="mt-2">It causes no pain</p>
+                    <p class="mt-2">The procedure is painless.</p>
                 </div>
             </div>
             <div class="row mb-sm-4">
                 <div class="d-lg-block d-flex flex-column align-items-center text-sm-start text-center col-sm-5">
                     <img src="{{asset('img/benefits/ben-3.svg')}}" width="45" alt="">
-                    <p class="mt-3">It has a great success rate as it prevents early deployment of elastic bands.</p>
+                    <p class="mt-3">It has a great success rate.</p>
                 </div>
                 <div class="d-lg-block d-flex flex-column align-items-center text-sm-start text-center col-sm-5 offset-sm-2">
                     <img src="{{asset('img/benefits/ben-4.svg')}}" width="45" alt="">
-                    <p class="mt-3">Latex free option of elastic band is available for those allergic to latex.</p>
+                    <p class="mt-3">A latex-free option is available for those allergic to latex.</p>
                 </div>
             </div>
             <div class="row mb-4">
                 <div class="d-lg-block d-flex flex-column align-items-center text-sm-start text-center col-sm-5">
                     <img src="{{asset('img/benefits/ben-5.svg')}}" width="45" alt="">
-                    <p class="mt-3">Proper grip mechanism makes the treatment quicker than other ligation treatment.</p>
+                    <p class="mt-3">Banding takes less than a minute.</p>
                 </div>
                 <div class="d-lg-block d-flex flex-column align-items-center text-sm-start text-center col-sm-5 offset-sm-2">
                     <img src="{{asset('img/benefits/ben-6.svg')}}" width="45" alt="">
@@ -68,69 +66,25 @@
         <div class="row justify-content-center text-center">
             <div class="col-xl-7 col-lg-9">
                 <h4 class="subtitle">How does Snyder Hemband work?</h4>
-                <p class="pb-3">Snyder Hemband is the system which allows a physician to place a gentle medical rubber band safely around the base of hemorrhoids. The soft rubber band generates the compression around the hemorrhoids reducing the
-                    blood supply which causes it to shrink and eventually fall off. It is a painless procedure with little discomfort occasionally. The banding is done above the dentate line, a section of rectum with a very low number of
-                    pain-sensitive nerves making the procedure painless. The rubber band is placed around the hemorrhoid in less than a minute. </p>
-                <div class="my-4">
-                    <img src="{{asset('img/hiw.png')}}" class="w-100" alt="">
-                </div>
+                <p class="pb-3">Using the Snyder HemBand, your physician will gently place a medical-grade rubber band around the base of your hemorrhoid. The soft rubber band generates compression around the hemorrhoid, reducing the blood supply, causing it to shrink and eventually fall off.</p>
             </div>
         </div>
     </div>
 </div>
-<div class="container py-5">
-    <div class="row">
-      <div class="col-lg-12 text-center">
-        <h4 class="subtitle mb-4 pb-3">After treatment Care</h4>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-6 mb-lg-5 mb-4">
-        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
-          <div class="me-lg-4 me-sm-3">
-            <img src="{{asset('img/treatment/treatment-1.svg')}}" width="70" alt="">
-          </div>
-          <div class="">
-            <h4 class="header">Work toward healthy bowel movements</h4>
-            <p>Maintain regularity of bowel movements and prevent constipation by following a diet as recommended by your physician. To promote better healing and stop hemorrhoids from forming again, it is vital that you keep your stool soft. Avoid straining during a bowel movement.</p>
-          </div>
-        </div>
-      </div>
-      <div class="col-lg-6 mb-lg-5 mb-4">
-        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
-          <div class="me-lg-4 me-sm-3">
-            <img src="{{asset('img/treatment/treatment-2.svg')}}" width="50" alt="">
-          </div>
-          <div class="">
-            <h4 class="header">Monitor what you eat</h4>
-            <p>Follow your doctor’s directions. Drinking 8-10 glasses of water is important. A high-fiber diet that includes vegetables also is key. Your physician may suggest regular use of fiber supplements, and remember: You must drink plenty of fluids when you use fiber supplements.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-6 mb-4">
-        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
-          <div class="me-lg-4 me-sm-3">
-            <img src="{{asset('img/treatment/treatment-3.svg')}}" width="60" alt="">
-          </div>
-          <div class="">
-            <h4 class="header">Be mindful of exercise</h4>
-            <p>After Snyder HemBand treatment, refrain from heavy lifting and strenuous exercise for the next 2-3 days. It’s also important to avoid sitting for long periods of time - you should stand up and walk every couple of hours. Maintain a regular exercise routine and a healthy weight to help avoid recurrence of hemorrhoids.</p>
-          </div>
-        </div>
-      </div>
-      <div class="col-lg-6 mb-sm-4">
-        <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
-          <div class="me-lg-4 me-sm-3">
-            <img src="{{asset('img/treatment/treatment-4.svg')}}" width="50" alt="">
-          </div>
-          <div class="">
-            <h4 class="header">Use medications carefully</h4>
-            <p>Continue to take your regular medications as prescribed. Check with your physician about medications that could cause constipation or diarrhea. Unless your doctor directs you to do so, do not insert medication inside your rectum.</p>
-          </div>
+<div class="py-5">
+    <div class="container">
+        <div class="row justify-content-center text-center">
+            <div class="col-xl-7 col-lg-9">
+                <h4 class="subtitle">Why is banding painless?</h4>
+                <p class="pb-3">Banding is done above the “dentate line”, a section of the rectum with a very low number of pain-sensitive nerves. It’s also very comfortable because it takes your doctor less than a minute to apply the rubber band.</p>
+                <p class="pb-3">The rubber band causes the hemorrhoid to shrink away and fall off during a bowel movement, typically within 24 hours. In most cases, you won’t even notice the rubber band and hemorrhoids falling off.</p>
+                <div class="pb-5">
+                  <img src="{{asset('img/hiw.png')}}" class='w-100' alt="">
+                </div>
+                <p><b>Learn what to expect after banding.</b> </p>
+                <a href="{{route('postCare')}}" class="btn btn-pry">Post-Treatment Care</a>
+            </div>
         </div>
-      </div>
     </div>
 </div>
 @endsection

resources/views/layouts/app.blade.php

@@ -119,7 +119,7 @@
                 <p class="mb-4"><a href="#" class="text-white">Register</a></p>
               </div>
               <div class="col-lg-3 col-md-4">
-                <p class="mb-4"><a href="{{route('contact')}}" class="text-white">Contact form</a></p>
+                <p class="mb-4"><a href="{{route('contact')}}" class="text-white">Contact us</a></p>
                 <p class="mb-4"><a href="#" class="text-white">info@snyderhemband.org</a></p>
                 <p class="mb-4"><a href="#" class="text-white">+XXX XXX XXX</a></p>
               </div>