development/75bd9da5-0bf5-4631-b035-582eacc141a7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: development:version_1
Branches Tags
development:main development:version_3 development:version_2 development:version_1
..
compare: development:version_3
Branches Tags
development:main development:version_3 development:version_2 development:version_1

4 Commits
version_1 ... version_3

Author SHA1 Message Date
development
3a4485bd9f Update src/app/page.tsx 2026-01-03 06:49:18 +00:00
development
110e712575 Update src/app/layout.tsx 2026-01-03 06:49:17 +00:00
development
6a32d5d31c Update src/app/globals.css 2026-01-03 06:49:16 +00:00
development
4fa88461ac Update src/app/page.tsx 2026-01-03 06:47:03 +00:00
3 changed files with 90 additions and 88 deletions
Expand all files Collapse all files

10
src/app/globals.css
View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #f8fcff;; --background: #f8faff;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #00101f;; --foreground: #1a1a2e;;
--primary-cta: #409fff;; --primary-cta: #3b82f6;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #c7e2fc;; --accent: #d5c6ff;;
--background-accent: #9bcfff;; --background-accent: #b394fa;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

8
src/app/layout.tsx
View File

@@ -1,11 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Rubik } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const rubik = Rubik({ const inter = Inter({
variable: "--font-rubik", variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -43,7 +43,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={rubik.variable} className={inter.variable}
> >
<Tag /> <Tag />
{children} {children}

160
src/app/page.tsx
View File

@@ -1,30 +1,30 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit'; import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import TagAbout from '@/components/sections/about/TagAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TeamCardThree from '@/components/sections/team/TeamCardThree'; import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Linkedin, Twitter, Globe, Zap } from "lucide-react"; import { Linkedin, Twitter, Globe, Zap, Sparkles } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="mediumLarge" sizing="mediumLarge"
background="noiseGradient" background="aurora"
cardStyle="elevated" cardStyle="glass-elevated"
primaryButtonStyle="shadow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="semibold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
@@ -40,44 +40,41 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardSplit <HeroBillboardCarouselSplit
tag="Venture Capital"
title="Fuel Innovation from Atlanta" 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={[ buttons={[
{ text: "Start Your Journey", href: "#contact" }, { text: "Start Your Journey", href: "#contact" },
{ text: "View Portfolio", href: "#portfolio" } { 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>
<div id="approach" data-section="approach"> <div id="approach" data-section="approach">
<InlineImageSplitTextAbout <TagAbout
heading={[ tag="Why us"
{ type: "text", content: "We believe in founders who" }, 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."
{ type: "text", content: "dare to build" }
]}
buttons={[
{ text: "Learn More", href: "#portfolio" }
]}
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="portfolio" data-section="portfolio"> <div id="portfolio" data-section="portfolio">
<MetricCardTwo <MetricCardTen
title="Our Impact" title="Our Impact"
description="Joule VC drives results across portfolio companies" description="Joule VC drives results across portfolio companies"
metrics={[ metrics={[
{ id: "1", value: "$500M+", description: "Capital Deployed" }, { id: "1", title: "Capital Deployed", subtitle: "Supporting innovation worldwide", category: "Investment", value: "$500M+" },
{ id: "2", value: "45+", description: "Portfolio Companies" }, { id: "2", title: "Portfolio Companies", subtitle: "Building the future", category: "Growth", value: "45+" },
{ id: "3", value: "8", description: "Unicorn Exits" }, { id: "3", title: "Unicorn Exits", subtitle: "Industry-transforming successes", category: "Success", value: "8" },
{ id: "4", value: "3x", description: "Average Return" } { id: "4", title: "Average Return", subtitle: "Exceptional investor outcomes", category: "Performance", value: "3x" }
]} ]}
gridVariant="four-items-2x2-equal-grid" carouselMode="auto"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
@@ -85,7 +82,7 @@ export default function LandingPage() {
</div> </div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardThree <TeamCardSix
title="Meet Our Partners" title="Meet Our Partners"
description="Seasoned operators and investors dedicated to founder success" description="Seasoned operators and investors dedicated to founder success"
members={[ members={[
@@ -94,43 +91,53 @@ export default function LandingPage() {
name: "David Chen", name: "David Chen",
role: "Founding Partner", role: "Founding Partner",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
imageAlt: "David Chen, Founding Partner", imageAlt: "David Chen, Founding Partner"
socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Twitter, url: "https://twitter.com" }
]
}, },
{ {
id: "2", id: "2",
name: "Rachel Goldman", name: "Rachel Goldman",
role: "Partner, Operations", role: "Partner, Operations",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
imageAlt: "Rachel Goldman, Partner Operations", imageAlt: "Rachel Goldman, Partner Operations"
socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Twitter, url: "https://twitter.com" }
]
}, },
{ {
id: "3", id: "3",
name: "Michael Shapiro", name: "Michael Shapiro",
role: "Partner, Growth", role: "Partner, Growth",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971803-ej8f6jxf.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971803-ej8f6jxf.jpg",
imageAlt: "Michael Shapiro, Partner Growth", imageAlt: "Michael Shapiro, Partner Growth"
socialLinks: [ },
{ icon: Linkedin, url: "https://linkedin.com" }, {
{ icon: Globe, url: "https://example.com" } 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" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardNine <TestimonialCardTen
title="What Founders Say" title="What Founders Say"
description="Hear from the leaders building tomorrow's companies" description="Hear from the leaders building tomorrow's companies"
textboxLayout="default" textboxLayout="default"
@@ -138,6 +145,7 @@ export default function LandingPage() {
testimonials={[ testimonials={[
{ {
id: "1", 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.", 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", name: "Sarah Ivanova",
role: "CEO & Co-founder", role: "CEO & Co-founder",
@@ -146,6 +154,7 @@ export default function LandingPage() {
}, },
{ {
id: "2", 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.", 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", name: "Yom Tov",
role: "Founder & CTO", role: "Founder & CTO",
@@ -154,6 +163,7 @@ export default function LandingPage() {
}, },
{ {
id: "3", 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.", quote: "The team goes beyond traditional VC duties. They actively help recruit talent, navigate regulations, and connect us with strategic partners.",
name: "Marcus Johnson", name: "Marcus Johnson",
role: "CEO", role: "CEO",
@@ -162,6 +172,7 @@ export default function LandingPage() {
}, },
{ {
id: "4", 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.", 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", name: "Liron Cohen",
role: "Co-founder", role: "Co-founder",
@@ -170,6 +181,7 @@ export default function LandingPage() {
}, },
{ {
id: "5", 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.", 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", name: "Jennifer Wu",
role: "CEO & Founder", role: "CEO & Founder",
@@ -178,6 +190,7 @@ export default function LandingPage() {
}, },
{ {
id: "6", 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.", 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", name: "David Rothstein",
role: "Founder", role: "Founder",
@@ -189,7 +202,7 @@ export default function LandingPage() {
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqBase
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about partnering with Joule VC" description="Everything you need to know about partnering with Joule VC"
textboxLayout="default" textboxLayout="default"
@@ -241,35 +254,24 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactFaq <ContactCenter
ctaTitle="Ready to scale?" tag="Get Started"
ctaDescription="Let's have a conversation about your vision. We're excited to hear from ambitious founders." tagIcon={Sparkles}
ctaButton={{ text: "Schedule a Call", href: "https://calendly.com/joulevc" }} title="Ready to scale?"
ctaIcon={Zap} description="Let's have a conversation about your vision. We're excited to hear from ambitious founders building the future."
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" useInvertedBackground="noInvert"
animationType="slide-up" buttonText="Schedule a Call"
inputPlaceholder="your@email.com"
onSubmit={(email) => {
console.log("Contact submission:", email);
}}
/> />
</div> </div>
<div id="footer" data-section="footer"> <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" logoText="Joule VC"
columns={[ columns={[
{ {