Files
675b16c2-73dc-4dc8-8ef2-790…/src/app/page.tsx
2025-12-29 11:22:10 +00:00

334 lines
13 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Zap, Target, Briefcase, TrendingUp, DollarSign, Building2, Users, Star, Mail, Linkedin, Twitter } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="sharp"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="minimal"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Disruptive Fund"
navItems={[
{ name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Invest Now",
href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Disruptive Innovation Awaits"
description="Investing in tomorrow's breakthrough companies. We identify and fund visionary founders building the future."
tag="Israeli VC Fund"
tagIcon={Zap}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg",
imageAlt: "Startup innovation"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890618746-4oj97n04.jpg",
imageAlt: "Venture capital growth"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
imageAlt: "Team collaboration"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
imageAlt: "Investment portfolio"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006147280-74edwk0g.jpg",
imageAlt: "Technology success"
}
]}
buttons={[
{ text: "View Portfolio", href: "portfolio" },
{ text: "Schedule Meeting", href: "contact" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAboutMetric
title="Catalyzing Israeli Tech Excellence"
description={[
"Disruptive Fund is dedicated to empowering early-stage startups from Israel and the region. We provide capital, mentorship, and strategic connections to help founders scale globally. With a track record of backing industry leaders, we focus on deep tech, SaaS, and fintech innovations."
]}
metrics={[
{ label: "Companies Backed", value: "45+" },
{ label: "Unicorns Created", value: "8" }
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardTwo
title="Portfolio Companies"
description="Meet the visionary startups we back and support on their journey to global impact."
tag="Our Investments"
tagIcon={Briefcase}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
gridVariant="uniform-all-items-equal"
products={[
{
id: "1",
brand: "TechVenture",
name: "CloudSync AI Platform",
price: "$50M Series B",
rating: 5,
reviewCount: "150+ Investors",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766242509936-5sra46kr.jpg",
imageAlt: "CloudSync AI Platform"
},
{
id: "2",
brand: "FinNext",
name: "Blockchain Payments",
price: "$30M Series A",
rating: 5,
reviewCount: "80+ Investors",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347536220-k0f3hjlf.jpg",
imageAlt: "FinNext Blockchain"
},
{
id: "3",
brand: "SecureChain",
name: "Cybersecurity Suite",
price: "$25M Seed+",
rating: 5,
reviewCount: "60+ Investors",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006148414-juzo77ws.jpg",
imageAlt: "SecureChain Platform"
},
{
id: "4",
brand: "DataMesh",
name: "Analytics Engine",
price: "$18M Seed",
rating: 5,
reviewCount: "45+ Investors",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399061204-i4k3ygau.jpg",
imageAlt: "DataMesh Analytics"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Impact by Numbers"
description="Real results from backing exceptional founders and companies."
tag="Fund Performance"
tagIcon={TrendingUp}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
gridVariant="uniform-all-items-equal"
metrics={[
{
id: "1",
icon: DollarSign,
title: "Fund Size",
value: "$150M+"
},
{
id: "2",
icon: Building2,
title: "Companies Backed",
value: "45+"
},
{
id: "3",
icon: TrendingUp,
title: "Unicorns Created",
value: "8"
},
{
id: "4",
icon: Users,
title: "Global Reach",
value: "25+ Countries"
}
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
title="Meet Our Team"
description="Experienced investors and operators guiding the next wave of innovation."
tag="Leadership"
tagIcon={Users}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
gridVariant="uniform-all-items-equal"
members={[
{
id: "1",
name: "David Chen",
role: "Managing Partner",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
imageAlt: "David Chen"
},
{
id: "2",
name: "Sarah Goldstein",
role: "Investment Partner",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140102492-vbld5jll.jpg",
imageAlt: "Sarah Goldstein"
},
{
id: "3",
name: "Avi Rosenfeld",
role: "Operating Partner",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735981305-ohmchoon.jpg",
imageAlt: "Avi Rosenfeld"
},
{
id: "4",
name: "Noa Levi",
role: "Principal Analyst",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735982136-fwsz9f0i.jpg",
imageAlt: "Noa Levi"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="What Founders Say"
description="Hear from the innovators we partner with."
tag="Success Stories"
tagIcon={Star}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
showRating={true}
testimonials={[
{
id: "1",
name: "Yonatan Schwartz",
handle: "@yonatan_schwartz",
testimonial: "Disruptive Fund didn't just invest capital—they invested in our vision. Their strategic guidance helped us scale from 5 to 50 people in 18 months.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006149588-l9dz2o1t.jpg",
imageAlt: "Yonatan Schwartz"
},
{
id: "2",
name: "Mira Katz",
handle: "@mira_katz_tech",
testimonial: "The network and connections they provided opened doors we didn't know existed. They're true partners, not just investors.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
imageAlt: "Mira Katz"
},
{
id: "3",
name: "Ronen Mor",
handle: "@ronen_mor",
testimonial: "From negotiating partnerships to refining our go-to-market strategy, the team at Disruptive Fund was invaluable. Highly recommended.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184703623-6mn9btum.jpg",
imageAlt: "Ronen Mor"
},
{
id: "4",
name: "Tali Blumstein",
handle: "@tali_blumstein",
testimonial: "They understand the Israeli startup ecosystem deeply and have the connections to help you break into global markets. A game changer.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006150450-ulk8496g.jpg",
imageAlt: "Tali Blumstein"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get in Touch"
title="Ready to Disrupt?"
description="Join our portfolio of innovative companies. Schedule a meeting with our team or subscribe for the latest fund updates."
tagIcon={Mail}
useInvertedBackground="noInvert"
inputPlaceholder="founder@company.com"
buttonText="Get in Touch"
termsText="We respect your inbox. Unsubscribe at any time from our founder updates."
/>
</div>
<div id="footer" data-section="footer">
<FooterSocial
logoText="Disruptive Fund"
columns={[
{
title: "Fund",
items: [
{ label: "About Us", href: "about" },
{ label: "Portfolio", href: "portfolio" },
{ label: "Team", href: "team" }
]
},
{
title: "Company",
items: [
{ label: "Contact", href: "contact" },
{ label: "Privacy Policy", href: "privacy" },
{ label: "Terms of Service", href: "terms" }
]
},
{
title: "Invest",
items: [
{ label: "Investment Process", href: "invest" },
{ label: "FAQ", href: "faq" },
{ label: "Apply Now", href: "apply" }
]
}
]}
socialLinks={[
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Mail, href: "mailto:info@disruptivefund.com", ariaLabel: "Email" }
]}
copyrightText="© Disruptive Fund, 2025. All rights reserved."
/>
</div>
</ThemeProvider>
);
}