Initial commit
This commit is contained in:
231
src/app/page.tsx
Normal file
231
src/app/page.tsx
Normal file
@@ -0,0 +1,231 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import ProductCardFive from '@/components/sections/product/ProductCardFive';
|
||||
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";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="animatedGrid"
|
||||
cardStyle="spotlight"
|
||||
primaryButtonStyle="neon-glow-border"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Joule VC"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Insights", id: "insights" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Fund the Future of Innovation"
|
||||
description="Joule VC partners with exceptional founders building the next generation of transformative companies across Israel and beyond."
|
||||
tag="Tel Aviv Based • Early to Series B"
|
||||
tagIcon={Zap}
|
||||
kpis={[
|
||||
{ value: "$450M", label: "Assets Under Management" },
|
||||
{ value: "32+", label: "Portfolio Companies" },
|
||||
{ value: "3.2x", label: "Average Return Multiple" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767037322151-j7oipn1a.jpg"
|
||||
imageAlt="Joule VC office and team collaboration space"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Schedule LP Call", href: "#contact" },
|
||||
{ text: "Submit Pitch Deck", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<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"
|
||||
imageAlt="Joule VC team collaboration"
|
||||
imagePosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Our Thesis", href: "#services" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
title="Investment Theses & Value-Add Services"
|
||||
description="We don't just provide capital. We provide strategic support across all functions."
|
||||
tag="Our Focus Areas"
|
||||
tagIcon={Target}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "infrastructure",
|
||||
label: "Infrastructure",
|
||||
title: "Cloud, databases, security tools, and developer platforms",
|
||||
items: [
|
||||
"Pre-seed to Series B stage",
|
||||
"B2B SaaS focus",
|
||||
"Global expansion support",
|
||||
"Technical advisory network"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "fintech",
|
||||
label: "FinTech",
|
||||
title: "Payments, lending, trading, and financial infrastructure",
|
||||
items: [
|
||||
"Regulatory expertise in Israel and EU",
|
||||
"Banking relationships established",
|
||||
"Compliance and licensing support",
|
||||
"Cross-border payment guidance"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
label: "Enterprise",
|
||||
title: "B2B software and SaaS platforms for enterprises",
|
||||
items: [
|
||||
"Sales and GTM strategy",
|
||||
"Customer success advisory",
|
||||
"Strategic partnership introductions",
|
||||
"International market entry"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFive
|
||||
title="Our Portfolio Companies"
|
||||
description="Backed companies driving change across infrastructure, fintech, and enterprise sectors"
|
||||
tag="Portfolio"
|
||||
tagIcon={Briefcase}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
|
||||
imageAlt: "Portfolio company founder team",
|
||||
button: { text: "View Details" }
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
|
||||
imageAlt: "Portfolio company office",
|
||||
button: { text: "View Details" }
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
|
||||
imageAlt: "Portfolio company product demo",
|
||||
button: { text: "View Details" }
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
|
||||
imageAlt: "Portfolio company presentation",
|
||||
button: { text: "View Details" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
title="Investment Outcomes & Impact"
|
||||
description="Measurable success across our portfolio"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Cloudmesh",
|
||||
subtitle: "Infrastructure • Founded 2018 • Series B (2021)",
|
||||
category: "Acquired",
|
||||
value: "€240M"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "PayFlow",
|
||||
subtitle: "FinTech • Founded 2019 • Series A (2022)",
|
||||
category: "Active",
|
||||
value: "3.5x ARR Growth"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "DataVault",
|
||||
subtitle: "Enterprise • Founded 2020 • Seed (2021)",
|
||||
category: "Active",
|
||||
value: "$12M ARR"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Joule VC didn't just write a check—they opened doors. Their network and strategic guidance were instrumental in our Series B fundraise and European expansion."
|
||||
author="David Rosenberg, CEO of Cloudmesh"
|
||||
rating={5}
|
||||
useInvertedBackground="noInvert"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "David Rosenberg" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg", alt: "Founder testimonial" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", alt: "Founder testimonial" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767037324057-26x7c3ln.jpg", alt: "Founder testimonial" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Let's Talk About Your Vision"
|
||||
description="Whether you're a founder seeking capital and strategic support, or an institutional investor looking for exposure to Israeli innovation, we'd love to hear from you."
|
||||
tagIcon={Mail}
|
||||
useInvertedBackground="noInvert"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Start Conversation"
|
||||
termsText="We respect your privacy. Unsubscribe at any time. By submitting, you agree to be contacted regarding investment opportunities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Joule VC"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user