Refactor code structure and remove redundant sections for improved readability and maintainability

app/deliverables/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
 import React from "react";
 import ReactMarkdown, { Components } from "react-markdown";
 import remarkGfm from "remark-gfm";
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
 
 const ReadmePage = () => {
   const readmeContent = `
@@ -33,20 +33,16 @@ Preview the Screens: Scroll through the design sections in logical flow
 
 Download Assets: Use the "Download All Mockups" button to access the .zip file
 
-## 🔗 Links
+## 🔗 How to Access Your Deliverables
 
-[Live Preview URL](https://woedii.yoursoftwareengineers.com)
+[Wodey Interactive Prototype](https://woedii.yoursoftwareengineers.com)
 
-[Download Full Zip File by clicking on the download icon](https://woedii.yoursoftwareengineers.com/slider)
+[View Your High-fidelity UI Mockups & Design System Components. Click the Download Icon to Save All Images to Your Device.](https://woedii.yoursoftwareengineers.com/slider)
 
+[Competitive Analysis](https://woedii.yoursoftwareengineers.com/deliverables/swot)
 ## 🤝 Support
 
-If you need help integrating these designs into code or want to schedule a handoff session, please contact:
+If you need help integrating these designs into code or want to schedule a handoff session, please contact [info@yoursoftwareengineers.com](mailto:info@yoursoftwareengineers.com)`;
-
-UI/UX Design Lead: Daphne Augustine ([daphne@yoursoftwareengineers.com](mailto:daphne@yoursoftwareengineers.com))
-
-Development Lead: Yussif Yahuza ([yussif@yoursoftwareengineers.com](mailto:yussif@yoursoftwareengineers.com))
-  `;
 
   const components: Components = {
     h1: ({ node, ...props }) => (
@@ -229,18 +225,15 @@ Development Lead: Yussif Yahuza ([yussif@yoursoftwareengineers.com](mailto:yussi
   return (
     <div className="container mx-auto px-4 py-8 max-w-4xl">
       <div className="bg-white p-8 rounded-lg shadow-md">
+        <Button
+          className="bg-gray-100 hover:bg-gray-50 shadow-md text-black"
+          onClick={() => window.history.back()}
+        >
+          <ArrowLeft className="mr-2" />
+        </Button>
         <ReactMarkdown components={components} remarkPlugins={[remarkGfm]}>
           {readmeContent}
         </ReactMarkdown>
-
-        <div className="mt-8 border-t pt-6">
-          <h3 className="text-xl font-semibold mb-4">Additional Resources</h3>
-          <Link href="/docs/swot">
-            <Button className="bg-blue-600 hover:bg-blue-700">
-              View SWOT Analysis
-            </Button>
-          </Link>
-        </div>
       </div>
     </div>
   );

app/deliverables/swot/page.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
+import Image from "next/image";
 
 export default function SwotAnalysisPage() {
   const [isClient, setIsClient] = useState(false);
@@ -33,29 +34,37 @@ export default function SwotAnalysisPage() {
           download="WODEY-SWOT-Analysis.pdf"
           className="flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded shadow-md"
         >
-          <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <svg
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+            xmlns="http://www.w3.org/2000/svg"
+            className="h-5 w-5"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+            />
           </svg>
           Download PDF
         </a>
       </div>
 
       {isClient ? (
-        <div className="w-full h-[calc(100vh-200px)] border border-gray-300 rounded-lg overflow-hidden">
+        <div className="w-full h-[calc(100vh-200px)] rounded-lg overflow-hidden">
-          <object
+          <Image
-            data="/docs/SWOT-Analysis.pdf#toolbar=0"
+            src="/WODEY-SWOT-Analysis.jpg"
-            type="application/pdf"
+            alt="SWOT Analysis"
-            className="w-full h-full"
+            width={600}
-            title="SWOT Analysis PDF"
+            height={600}
-          >
+            className="w-full h-full object-contain"
-            <p>
+          />
-              Your browser does not support PDFs. Please download to view.
-            </p>
-          </object>
         </div>
       ) : (
         <div className="flex items-center justify-center w-full h-[calc(100vh-200px)] bg-gray-100 rounded-lg">
-          Loading PDF viewer...
+          Loading viewer...
         </div>
       )}
     </div>