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

Merge version_3 into main #2

Merged
development merged 3 commits from version_3 into main 2026-01-03 06:49:23 +00:00
Conversation 0 Commits 3 Files Changed 3 +89 -107
3 changed files with 89 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/globals.css
View File

@@ -4,13 +4,13 @@
/* Base units */
/* --vw is set by ThemeProvider */
--background: #f8fcff;;
--background: #f8faff;;
--card: #ffffff;;
--foreground: #00101f;;
--primary-cta: #409fff;;
--foreground: #1a1a2e;;
--primary-cta: #3b82f6;;
--secondary-cta: #ffffff;;
--accent: #c7e2fc;;
--background-accent: #9bcfff;;
--accent: #d5c6ff;;
--background-accent: #b394fa;;
/* text sizing - set by ThemeProvider */
/* --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 { Rubik } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const rubik = Rubik({
variable: "--font-rubik",
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
@@ -43,7 +43,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={rubik.variable}
className={inter.variable}
>
<Tag />
{children}

178
src/app/page.tsx
View File

@@ -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={[
{