From 3a4485bd9fbae0c4dcfed93efaaf91245d99eb4b Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Sat, 3 Jan 2026 06:49:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 +++++++++++++++++++++--------------------------
 1 file changed, 80 insertions(+), 98 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c158e40..1ac3ad8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,30 +2,29 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import TeamCardThree from '@/components/sections/team/TeamCardThree';
-import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
-import { Linkedin, Twitter, Globe, Zap, FileUp } from "lucide-react";
+import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
+import TagAbout from '@/components/sections/about/TagAbout';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Linkedin, Twitter, Globe, Zap, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
-      defaultTextAnimation="background-highlight"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumLarge"
       sizing="mediumLarge"
-      background="noiseGradient"
-      cardStyle="elevated"
-      primaryButtonStyle="shadow"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
@@ -41,44 +40,41 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardSplit
-          tag="Venture Capital"
+        <HeroBillboardCarouselSplit
           title="Fuel Innovation from Atlanta"
-          description="Joule VC partners with ambitious Israeli and American founders to scale breakthrough companies. We provide capital, expertise, and network to turn vision into reality."
+          mediaItems={[
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391970436-37n7t9v9.jpg", imageAlt: "founders startup meeting tech entrepreneurs" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg", imageAlt: "team collaboration" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg", imageAlt: "innovation workspace" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971803-ej8f6jxf.jpg", imageAlt: "strategy session" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976173-y73rbzo8.jpg", imageAlt: "founder success" }
+          ]}
           buttons={[
             { text: "Start Your Journey", href: "#contact" },
             { text: "View Portfolio", href: "#portfolio" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391970436-37n7t9v9.jpg"
-          imageAlt="founders startup meeting tech entrepreneurs"
-          frameStyle="browser"
         />
       </div>
 
       <div id="approach" data-section="approach">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "We believe in founders who" },
-            { type: "text", content: "dare to build" }
-          ]}
-          buttons={[
-            { text: "Learn More", href: "#portfolio" }
-          ]}
+        <TagAbout
+          tag="Why us"
+          description="We believe in founders who dare to build. Joule VC partners with ambitious Israeli and American founders to scale breakthrough companies. We provide capital, expertise, and network to turn vision into reality."
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="portfolio" data-section="portfolio">
-        <MetricCardTwo
+        <MetricCardTen
           title="Our Impact"
           description="Joule VC drives results across portfolio companies"
           metrics={[
-            { id: "1", value: "$500M+", description: "Capital Deployed" },
-            { id: "2", value: "45+", description: "Portfolio Companies" },
-            { id: "3", value: "8", description: "Unicorn Exits" },
-            { id: "4", value: "3x", description: "Average Return" }
+            { id: "1", title: "Capital Deployed", subtitle: "Supporting innovation worldwide", category: "Investment", value: "$500M+" },
+            { id: "2", title: "Portfolio Companies", subtitle: "Building the future", category: "Growth", value: "45+" },
+            { id: "3", title: "Unicorn Exits", subtitle: "Industry-transforming successes", category: "Success", value: "8" },
+            { id: "4", title: "Average Return", subtitle: "Exceptional investor outcomes", category: "Performance", value: "3x" }
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          carouselMode="auto"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
@@ -86,7 +82,7 @@ export default function LandingPage() {
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardThree
+        <TeamCardSix
           title="Meet Our Partners"
           description="Seasoned operators and investors dedicated to founder success"
           members={[
@@ -95,43 +91,53 @@ export default function LandingPage() {
               name: "David Chen",
               role: "Founding Partner",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
-              imageAlt: "David Chen, Founding Partner",
-              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Twitter, url: "https://twitter.com" }
-              ]
+              imageAlt: "David Chen, Founding Partner"
             },
             {
               id: "2",
               name: "Rachel Goldman",
               role: "Partner, Operations",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
-              imageAlt: "Rachel Goldman, Partner Operations",
-              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Twitter, url: "https://twitter.com" }
-              ]
+              imageAlt: "Rachel Goldman, Partner Operations"
             },
             {
               id: "3",
               name: "Michael Shapiro",
               role: "Partner, Growth",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971803-ej8f6jxf.jpg",
-              imageAlt: "Michael Shapiro, Partner Growth",
-              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Globe, url: "https://example.com" }
-              ]
+              imageAlt: "Michael Shapiro, Partner Growth"
+            },
+            {
+              id: "4",
+              name: "Sarah Ivanova",
+              role: "Investment Director",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976173-y73rbzo8.jpg",
+              imageAlt: "Sarah Ivanova, Investment Director"
+            },
+            {
+              id: "5",
+              name: "Yom Tov",
+              role: "Tech Advisor",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976473-pyurxsk4.jpg",
+              imageAlt: "Yom Tov, Tech Advisor"
+            },
+            {
+              id: "6",
+              name: "Marcus Johnson",
+              role: "Business Development",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976886-2ze5293a.jpg",
+              imageAlt: "Marcus Johnson, Business Development"
             }
           ]}
-          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardNine
+        <TestimonialCardTen
           title="What Founders Say"
           description="Hear from the leaders building tomorrow's companies"
           textboxLayout="default"
@@ -139,6 +145,7 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",
+              title: "Transformative Partnership",
               quote: "Joule VC didn't just provide capital—they provided strategic direction and opened doors we didn't know existed. Their network was transformative for our growth.",
               name: "Sarah Ivanova",
               role: "CEO & Co-founder",
@@ -147,6 +154,7 @@ export default function LandingPage() {
             },
             {
               id: "2",
+              title: "Perfect Market Fit",
               quote: "As an Israeli founder expanding to the US, Joule VC's dual expertise in both markets was invaluable. They truly understand our challenges.",
               name: "Yom Tov",
               role: "Founder & CTO",
@@ -155,6 +163,7 @@ export default function LandingPage() {
             },
             {
               id: "3",
+              title: "Hands-On Investors",
               quote: "The team goes beyond traditional VC duties. They actively help recruit talent, navigate regulations, and connect us with strategic partners.",
               name: "Marcus Johnson",
               role: "CEO",
@@ -163,6 +172,7 @@ export default function LandingPage() {
             },
             {
               id: "4",
+              title: "True Partnership Commitment",
               quote: "Joule VC's hands-on approach and commitment to founder success made them the obvious choice. They're invested in our success, not just our exit.",
               name: "Liron Cohen",
               role: "Co-founder",
@@ -171,6 +181,7 @@ export default function LandingPage() {
             },
             {
               id: "5",
+              title: "Rapid & Transparent Process",
               quote: "The investment process was transparent, thoughtful, and fast. From first meeting to funding took weeks, not months. That's rare in VC.",
               name: "Jennifer Wu",
               role: "CEO & Founder",
@@ -179,6 +190,7 @@ export default function LandingPage() {
             },
             {
               id: "6",
+              title: "Global Perspective",
               quote: "Joule VC brings unique insights from Israeli startup success. Their global perspective combined with local Atlanta expertise is a winning combination.",
               name: "David Rothstein",
               role: "Founder",
@@ -190,7 +202,7 @@ export default function LandingPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqDouble
+        <FaqBase
           title="Frequently Asked Questions"
           description="Everything you need to know about partnering with Joule VC"
           textboxLayout="default"
@@ -241,55 +253,25 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="pitchdeck" data-section="pitchdeck">
-        <ContactCenterForm
-          title="Submit Your Pitch Deck"
-          description="Share your vision with us. Upload your pitch deck along with your company information and we'll review it promptly."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
-            { name: "email", type: "email", placeholder: "Company Email", required: true },
-            { name: "company", type: "text", placeholder: "Company Name", required: true },
-            { name: "pitchdeck", type: "file", placeholder: "Upload Pitch Deck (PDF)", required: true }
-          ]}
-          textarea={{ name: "description", placeholder: "Brief Description of Your Company & Vision (max 500 characters)", rows: 4, required: true }}
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          tagIcon={Sparkles}
+          title="Ready to scale?"
+          description="Let's have a conversation about your vision. We're excited to hear from ambitious founders building the future."
           useInvertedBackground="noInvert"
-          buttonText="Submit Pitch Deck"
-          onSubmit={(data) => {
-            console.log("Pitch deck submission:", data);
+          buttonText="Schedule a Call"
+          inputPlaceholder="your@email.com"
+          onSubmit={(email) => {
+            console.log("Contact submission:", email);
           }}
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactFaq
-          ctaTitle="Ready to scale?"
-          ctaDescription="Let's have a conversation about your vision. We're excited to hear from ambitious founders."
-          ctaButton={{ text: "Schedule a Call", href: "https://calendly.com/joulevc" }}
-          ctaIcon={Zap}
-          faqs={[
-            {
-              id: "1",
-              title: "What should I prepare for our first call?",
-              content: "Have your pitch deck ready and be prepared to discuss your market opportunity, team, and vision. We like to understand the problem you're solving and why you're the right team to solve it."
-            },
-            {
-              id: "2",
-              title: "Can you help with visa or legal matters?",
-              content: "While we're not legal advisors, we can introduce you to our network of immigration lawyers and corporate attorneys familiar with startup needs. We support Israeli founders navigating US expansion."
-            },
-            {
-              id: "3",
-              title: "Do you provide follow-on funding?",
-              content: "Yes, we actively support our portfolio companies through subsequent rounds and have reserved capital for follow-on investments in strong performing companies."
-            }
-          ]}
-          useInvertedBackground="noInvert"
-          animationType="slide-up"
-        />
-      </div>
-
       <div id="footer" data-section="footer">
-        <FooterBaseCard
+        <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391970436-37n7t9v9.jpg"
+          imageAlt="footer background"
           logoText="Joule VC"
           columns={[
             {