Update src/app/page.tsx

Update src/app/globals.css
2025-12-29 21:13:37 +00:00 · 2025-12-29 21:13:36 +00:00 · 2025-12-29 20:18:44 +00:00 · 2025-12-29 20:08:53 +00:00 · 2025-12-29 20:03:12 +00:00 · 2025-12-29 19:58:03 +00:00
3 changed files with 59 additions and 27 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -7,7 +7,7 @@
  --background: #ffffff;;
  --card: #fcfcfc;;
  --foreground: #0f0003e6;;
-  --primary-cta: #c1121f;;
+  --primary-cta: #1a1a1a;;
  --secondary-cta: #ffffff;;
  --accent: #e2e2e2;;
  --background-accent: #c4c4c4;;
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Prata } from "next/font/google";
+import { Prata, Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
@@ -10,6 +10,11 @@ const prata = Prata({
  weight: ["400"],
 });
 const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
 });
 export const metadata: Metadata = {
  title: "Joule VC | Venture Capital in Tel Aviv",
  description: "Israeli venture capital firm investing in infrastructure, fintech, and enterprise software from seed to Series B. Based in Tel Aviv.",
@@ -49,7 +54,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={prata.variable}
+          className={`${prata.variable} ${inter.variable}`}
        >
          <Tag />
          {children}
@@ -1275,4 +1280,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -10,7 +10,8 @@ import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Zap, Target, Briefcase, Mail } from "lucide-react";
+import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import { Zap, Target, Briefcase, Mail, Linkedin, Twitter, Github } from "lucide-react";
 export default function LandingPage() {
  return (
@@ -26,6 +27,15 @@ export default function LandingPage() {
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <style>{`
        body {
          font-family: var(--font-inter), sans-serif;
        }
        h1, h2, h3, h4, h5, h6 {
          font-family: var(--font-prata), serif;
        }
      `}</style>
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Joule VC"
@@ -64,7 +74,7 @@ export default function LandingPage() {
        <MediaSplitAbout
          title="Accelerating Innovation Since 2015"
          description="Founded in Tel Aviv's thriving tech ecosystem, Joule VC combines deep domain expertise with international market experience. We invest in founders who think globally and act decisively. Our thesis centers on infrastructure, fintech, and enterprise software—sectors where Israeli founders have demonstrated global dominance."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320176222-gp5rxgv7.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320178642-9c2nk7ji.jpg"
          imageAlt="Joule VC team collaboration"
          imagePosition="right"
          useInvertedBackground="noInvert"
@@ -122,39 +132,56 @@ export default function LandingPage() {
      </div>
      <div id="portfolio" data-section="portfolio">
-        <ProductCardFive
+        <TeamCardThree
-          title="Our Portfolio Companies"
+          title="Our Team"
-          description="Backed companies driving change across infrastructure, fintech, and enterprise sectors"
+          description="Meet the experienced investors and operators guiding our portfolio companies to success"
-          tag="Portfolio"
+          tag="Leadership"
          tagIcon={Briefcase}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          members={[
          products={[
            {
              id: "1",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
+              name: "David Rosenthal",
-              imageAlt: "Portfolio company founder team",
+              role: "Managing Partner",
-              button: { text: "View Details" }
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
              imageAlt: "David Rosenthal",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/davidrosenthal" },
                { icon: Twitter, url: "https://twitter.com/davidrosenthal" }
              ]
            },
            {
              id: "2",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
+              name: "Sarah Chen",
-              imageAlt: "Portfolio company office",
+              role: "Partner, FinTech",
-              button: { text: "View Details" }
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766413573247-3ipcdlat.jpg",
              imageAlt: "Sarah Chen",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/sarahchen" },
                { icon: Twitter, url: "https://twitter.com/sarahchen" }
              ]
            },
            {
              id: "3",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
+              name: "Yonatan Levy",
-              imageAlt: "Portfolio company product demo",
+              role: "Partner, Infrastructure",
-              button: { text: "View Details" }
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Yonatan Levy",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/yonatan" },
                { icon: Github, url: "https://github.com/yonatan" }
              ]
            },
            {
              id: "4",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
+              name: "Miriam Avram",
-              imageAlt: "Portfolio company presentation",
+              role: "Operations Lead",
-              button: { text: "View Details" }
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767038925985-1lyf1u1j.jpg",
              imageAlt: "Miriam Avram",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/miriavram" }
              ]
            }
          ]}
        />
@@ -228,4 +255,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
development	364502c78a	Update src/app/page.tsx	2025-12-29 21:13:37 +00:00
development	2921772634	Update src/app/globals.css	2025-12-29 21:13:36 +00:00
development	75cf877232	Update src/app/page.tsx	2025-12-29 20:18:44 +00:00
development	894bdea5b0	Update src/app/page.tsx	2025-12-29 20:08:53 +00:00
development	abc9c379ef	Update src/app/page.tsx	2025-12-29 20:03:12 +00:00
development	ecd15a1fac	Update src/app/page.tsx	2025-12-29 19:58:03 +00:00
development	76d580b991	Update src/app/page.tsx	2025-12-29 19:53:15 +00:00
development	3116b6328a	Update src/app/layout.tsx	2025-12-29 19:53:14 +00:00