Brent chen/modifications

app/page.tsx

@@ -1,35 +1,38 @@
-import './HomePage.css';
-import { Container } from 'react-bootstrap';
-import HomeHero from '@/components/HomeHero';
-import CustomButton from '@/components/CustomButton';
-import CallToAction from '@/components/CallToAction';
-import ChooseUs from '@/components/ChooseUs';
-import type { Metadata } from 'next';
+import "./HomePage.css";
+import { Container } from "react-bootstrap";
+import HomeHero from "@/components/HomeHero";
+import CustomButton from "@/components/CustomButton";
+import CallToAction from "@/components/CallToAction";
+import ChooseUs from "@/components/ChooseUs";
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: 'PROJXON Services | Expert Business Consulting & Strategy',
-  description: "Explore PROJXON's consulting services in strategy, market research, and digital transformation. We provide data-driven solutions for business growth.",
-  metadataBase: new URL('https://www.projxon.com/services'),
+  title: "PROJXON Services | Expert Business Consulting & Strategy",
+  description:
+    "Explore PROJXON's consulting services in strategy, market research, and digital transformation. We provide data-driven solutions for business growth.",
+  metadataBase: new URL("https://www.projxon.com/services"),
   openGraph: {
-    title: 'PROJXON Services | Expert Business Consulting & Strategy',
-    description: "Explore PROJXON's consulting services in strategy, market research, and digital transformation. We provide data-driven solutions for business growth.",
-    url: 'https://www.projxon.com/services',
-    siteName: 'PROJXON',
+    title: "PROJXON Services | Expert Business Consulting & Strategy",
+    description:
+      "Explore PROJXON's consulting services in strategy, market research, and digital transformation. We provide data-driven solutions for business growth.",
+    url: "https://www.projxon.com/services",
+    siteName: "PROJXON",
     images: [
       {
-        url: '/PROJXON.png',
+        url: "/PROJXON.png",
         width: 1200,
         height: 630,
-        alt: 'PROJXON logo',
+        alt: "PROJXON logo",
       },
     ],
-    type: 'website',
+    type: "website",
   },
   twitter: {
-    card: 'summary_large_image',
-    title: 'PROJXON Services | Expert Business Consulting & Strategy',
-    description: "Explore PROJXON's consulting services in strategy, market research, and digital transformation. We provide data-driven solutions for business growth.",
-    images: ['/PROJXON.png'],
+    card: "summary_large_image",
+    title: "PROJXON Services | Expert Business Consulting & Strategy",
+    description:
+      "Explore PROJXON's consulting services in strategy, market research, and digital transformation. We provide data-driven solutions for business growth.",
+    images: ["/PROJXON.png"],
   },
 };
 
@@ -40,15 +43,23 @@ export default async function HomePage() {
 
       <section className="text-center introduction">
         <Container>
-          <h2 className="mb-5 fw-bold fs-3 text-black mx-auto text-uppercase">
-            Our purpose
+          <h2 className="mb-5 fw-bold text-5xl text-black mx-auto">
+            Our Purpose
           </h2>
           <p
             data-aos="fade-up"
             data-aos-once="true"
             className="fs-4 text-black"
           >
-            We are a Business Optimization Consulting Company helping Veteran-Owned and Operated Businesses and Veteran-Founded Non-Profits Launch, Grow, and Scale through High-Impact Strategic Partnerships. We specialize in guiding small and medium-sized organizations across the Tech, E-commerce, Health & Wellness, and Non-Profit industries to combat chaos head-on by empowering our clients through creating sustainable solutions that scale with their business, turning points of failure into opportunities for growth.
+            We are a Business Optimization Consulting Company helping
+            businesses, including Veteran-Owned Businesses and Veteran-Founded
+            Non-Profits, to Launch, Grow, and Scale through High-Impact
+            Strategic Partnerships. We specialize in guiding small and
+            medium-sized organizations across Tech, E-commerce, Health &
+            Wellness, and Non-Profit industries. We combat chaos head-on by
+            empowering our clients with sustainable solutions that scale with
+            their business, turning points of failure into opportunities for
+            growth.
           </p>
           <hr className="divider" />
           <CustomButton
@@ -65,4 +76,4 @@ export default async function HomePage() {
       <CallToAction />
     </>
   );
-}
+}

app/partnerships/PartnershipPage.css

@@ -1,25 +1,115 @@
-/* PartnershipPage.css */
+.madhouse-section {
+  background-color: #000; 
+  padding: 4rem 0;
+}
+
+.madhouse-section .madhouse-text {
+  text-align: left;
+}
+
+.madhouse-section .madhouse-header {
+  color: #FFD700;
+  font-weight: 700;
+  font-size: 2rem; 
+  margin-bottom: 1rem;
+}
+
+.madhouse-section .madhouse-subheading {
+  color: #ffffff;
+  font-size: 17px !important;
+  line-height: 1.5 !important;
+  margin-bottom: 1.5rem;
+}
+
+.madhouse-section .madhouse-button {
+  background-color: #FFD700;
+  color: #000;
+  border: 2px solid #FFD700;
+  padding: 0.75rem 1.5rem;
+  font-weight: 600;
+  border-radius: 0.5rem;
+  transition: all 0.3s ease;
+  text-transform: uppercase;
+  display: inline-block;
+}
+
+.madhouse-section .madhouse-button:hover {
+  background-color: #e6c200;
+  border-color: #e6c200;
+  color: #000;
+}
+
+.madhouse-section .madhouse-logo-container {
+  background-color: #fff;
+  border-radius: 0.5rem;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+  display: inline-block;
+  padding: 1.5rem;
+  text-align: center;
+}
+
+.madhouse-section .madhouse-logo-container img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 0 auto;
+}
+
+.logo-container {
+  background-color: #fff; 
+  border-radius: 0.5rem;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+  display: inline-block;
+  padding: 1.5rem;
+}
 
-/* || Hero */
+.logo-container img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 0 auto;
+}
 
 #partner-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
     url("/assets/banners/Partnership.webp") no-repeat center center;
   background-size: cover;
 }
 
-/* || Partner With Projxon */
-
 .partner-img {
   aspect-ratio: auto 1280 / 720;
 }
+
 .partner-heading {
   line-height: 1.3;
+  color: #FFD700; 
+}
+
+/* Force all subtexts to be 17px - IMPORTANT to override Bootstrap */
+.partner-heading-sub-heading,
+.partner-heading-sub-heading.fs-5,
+.gray-opacity,
+.madhouse-section .madhouse-subheading,
+.partner-subheading {
+  font-size: 17px !important;
+  line-height: 1.5 !important;
 }
 
+/* Keep color variations */
 .partner-heading-sub-heading {
-  font-size: 17px;
-  line-height: 1.5;
+  color: black; 
+}
+
+.partner-opportunity .partner-heading-sub-heading {
+  color: #000; 
+}
+
+.partner-us .partner-heading-sub-heading {
+  color: #000; 
+}
+
+.gray-opacity {
+  color: #666;
 }
 
 .partner-number {
@@ -38,12 +128,14 @@
   font-weight: 500;
 }
 
-/* || Partnership Opportunities */
-
 .partner-opportunity {
   padding-bottom: 80px;
 }
 
+.partner-subheading {
+  color: #e6c200;
+}
+
 .partner-opportunity.referral {
   padding-bottom: 108px;
 }
@@ -52,6 +144,10 @@
   padding-top: 108px;
 }
 
+.partner-opportunity h2 {
+  color: #000; 
+}
+
 @media (min-width: 1024px) {
   .row.flex-row-reverse .partner-text {
     padding-right: 96px;
@@ -62,13 +158,91 @@
   }
 }
 
-/* scroll offset */
 #service-partners,
 #partnership-opprtunities {
   scroll-margin-top: 82px;
 }
 
-
 #partnership-opprtunities {
   overflow-x: hidden;
+}
+
+.client-logos-section {
+  background: #fefefe;
+  padding: 3rem 0;
+}
+
+.client-logos-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 2rem;
+  text-align: center;
+}
+
+.client-logos-heading {
+  color: black;
+  font-size: 2.5rem;
+  font-weight: 600;
+  margin-bottom: 2.5rem;
+}
+
+.client-logos-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center; 
+  align-items: center;
+  gap: 2.5rem 2rem;
+}
+
+.logo-card {
+  background-color: #fff;
+  border-radius: 0.5rem;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+  padding: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 230px;
+  height: 140px;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.logo-card img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+
+.logo-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
+}
+
+@media (max-width: 767px) {
+  .logo-container {
+    padding: 2rem 1rem;
+  }
+  .partner-heading {
+    font-size: 2rem;
+  }
+  .partner-heading-sub-heading {
+    font-size: 17px !important;
+    color: black; 
+  }
+  .logo-card {
+    width: 180px;
+    height: 110px;
+    padding: 0.5rem;
+  }
+
+  .client-logos-heading {
+    font-size: 2rem;
+  }
+  .madhouse-section .madhouse-text {
+    text-align: center;
+  }
+}
+
+.madhouse-section .partner-subheading {
+  color: #FFD700; 
 }