Update src/app/portfolio/page.tsx

src/app/about/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 import Link from "next/link";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
@@ -36,6 +37,18 @@ export default function AboutPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard
+          logoText="PitchDrive"
+          description="Founded by experienced operators who understand the challenges of building transformative companies from the ground up."
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
+          imageAlt="PitchDrive founding team"
+          frameStyle="card"
+          logoLineHeight={1.1}
+        />
+      </div>
+
       <div id="about-story" data-section="about-story">
         <TestimonialAboutCard
           tag="Our Story"
@@ -103,4 +116,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 import Link from "next/link";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -36,6 +37,18 @@ export default function ContactPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard
+          logoText="Contact"
+          description="Let's build something exceptional together. If you're a founder with a vision, we want to hear from you."
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
+          imageAlt="PitchDrive team at work"
+          frameStyle="card"
+          logoLineHeight={1.1}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Let's Build Something Exceptional"
@@ -105,4 +118,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #b82b40;;
+  /* --background: #fafffb;;
+  --card: #f7fffa;;
+  --foreground: #001a0a;;
+  --primary-cta: #0a7039;;
   --secondary-cta: #ffffff;;
-  --accent: #b90941;;
-  --background-accent: #e8a8b6;; */
+  --accent: #a8d9be;;
+  --background-accent: #6bbf8e;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #b82b40;;
+  --background: #fafffb;;
+  --card: #f7fffa;;
+  --foreground: #001a0a;;
+  --primary-cta: #0a7039;;
   --secondary-cta: #ffffff;;
-  --accent: #b90941;;
-  --background-accent: #e8a8b6;;
+  --accent: #a8d9be;;
+  --background-accent: #6bbf8e;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1258,4 +1258,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -153,4 +153,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 import Link from "next/link";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -36,6 +37,18 @@ export default function PortfolioPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard
+          logoText="Portfolio"
+          description="A comprehensive view of the exceptional companies we've partnered with across various industries and stages"
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg"
+          imageAlt="PitchDrive portfolio companies"
+          frameStyle="card"
+          logoLineHeight={1.1}
+        />
+      </div>
+
       <div id="portfolio-showcase" data-section="portfolio-showcase">
         <ProductCardThree
           products={[
@@ -103,4 +116,4 @@ export default function PortfolioPage() {
       </div>
     </ThemeProvider>
   );
-}
+}