Updated CSS styles

app/campaign_strategy/page.tsx

@@ -1,3 +1,5 @@
+import Link from "next/link";
+
 export default function Campaign() {
     return (
 <>
@@ -12,19 +14,19 @@ export default function Campaign() {
         </p>
       </div>
       <div className="ux-hero-actions">
-        <a href="#" className="btn ux-btn-primary">
+        <Link href="/start_project" className="btn ux-btn-primary">
           Start a Project{" "}
           <span className="ux-btn-icon">
             <img src="assets/images/arrowbuttonwhite.svg" alt="" />
           </span>
-        </a>
-        <a href="#" className="btn ux-btn-secondary">
+        </Link>
+        <Link href="/work" className="btn ux-btn-secondary">
           View Case Studies
-        </a>
+        </Link>
       </div>
       <div className="row align-items-center g-5 ux-growth-section">
         {/* Left Content */}
-        <div className="col-lg-7">
+        <div className="col-lg-8">
           <span className="ux-growth-label">Philosophy</span>
           <h2 className="ux-growth-title">
             Most Campaigns Look Impressive But Lack Structure
@@ -49,7 +51,7 @@ export default function Campaign() {
           </p>
         </div>
         {/* Right Image */}
-        <div className="col-lg-5">
+        <div className="col-lg-4">
           <div className="ux-growth-image-box">
             <img src="assets/images/Philosophy.png" alt="Campaign System" />
           </div>
@@ -176,12 +178,12 @@ export default function Campaign() {
           If the idea is strong, we'll scale it.
         </h2>
         <div className="ux-hero-actions">
-          <a href="#" className="btn ux-btn-primary">
+          <Link href="/start_project" className="btn ux-btn-primary">
             Start a Project{" "}
             <span className="ux-btn-icon">
               <img src="assets/images/arrowbuttonwhite.svg" alt="" />
             </span>
-          </a>
+          </Link>
         </div>
       </div>
     </div>