326 lines
14 KiB
TypeScript
326 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import BlogCardSeven from '@/components/sections/blog/BlogCardSeven';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
|
import { Linkedin, Mail, Twitter } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="minimal"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Capital Partners"
|
|
navItems={[
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Insights", id: "insights" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Schedule Call",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitLarge
|
|
title="Capital for Innovation"
|
|
description="We identify and fund the next generation of transformative companies. Strategic capital, hands-on expertise, and a network of industry leaders."
|
|
tag="Venture Capital"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767044703466-m4tbn51j.jpg"
|
|
imageAlt="Venture capital team in meeting"
|
|
buttons={[
|
|
{ text: "View Portfolio", href: "portfolio" },
|
|
{ text: "Get Started", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "We back " },
|
|
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg", alt: "Technology innovation" },
|
|
{ type: "text", content: " visionary founders building markets" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Our Philosophy", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardSix
|
|
title="Featured Investments"
|
|
description="A selection of transformative companies in our portfolio across fintech, climate, biotech, and enterprise software."
|
|
tag="Portfolio"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "ClimateFlow",
|
|
price: "Series B",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
|
|
imageAlt: "ClimateFlow investment"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "FinCore AI",
|
|
price: "Series A",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
|
|
imageAlt: "FinCore AI investment"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "BioScale",
|
|
price: "Series B",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
|
|
imageAlt: "BioScale investment"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEight
|
|
title="Proven track record of delivering exceptional returns and building category leaders"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg"
|
|
imageAlt="Investment growth chart"
|
|
metrics={[
|
|
{ id: "1", value: "$850M+", title: "Assets Under Management" },
|
|
{ id: "2", value: "45+", title: "Active Portfolio Companies" },
|
|
{ id: "3", value: "8x", title: "Average Return Multiple" },
|
|
{ id: "4", value: "18 years", title: "Track Record" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Experienced operators and investors who have scaled successful companies"
|
|
tag="Our Team"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Chen",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
|
imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Rodriguez",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140102492-vbld5jll.jpg",
|
|
imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "David Patel",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735981305-ohmchoon.jpg",
|
|
imageAlt: "David Patel"
|
|
}
|
|
]}
|
|
memberVariant="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Founders Say"
|
|
description="Hear from the founders and CEOs we've backed on their experience partnering with us"
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alex Kim, CEO of FinCore AI",
|
|
date: "Date: 15 November 2024",
|
|
title: "More than just capital",
|
|
quote: "Capital Partners didn't just write a check. They brought strategic guidance, industry connections, and genuine belief in our vision. Their involvement accelerated our growth by 18 months.",
|
|
tag: "Series A",
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735982136-fwsz9f0i.jpg",
|
|
avatarAlt: "Alex Kim",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
|
|
imageAlt: "Testimonial image"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Lisa Thompson, Founder of ClimateFlow",
|
|
date: "Date: 20 October 2024",
|
|
title: "Partners in every sense",
|
|
quote: "They understood our mission from day one and connected us with sustainability leaders in their network. The partnership has been instrumental in establishing our market position.",
|
|
tag: "Series B",
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006149588-l9dz2o1t.jpg",
|
|
avatarAlt: "Lisa Thompson",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
|
|
imageAlt: "Testimonial image"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James Morrison, CEO of BioScale",
|
|
date: "Date: 08 September 2024",
|
|
title: "Exceptional team and network",
|
|
quote: "What impressed us most was their depth of biotech expertise and their genuine interest in our long-term success rather than quick exits. A true partner.",
|
|
tag: "Series B",
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
|
|
avatarAlt: "James Morrison",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
|
|
imageAlt: "Testimonial image"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Priya Gupta, Founder of DataVault",
|
|
date: "Date: 25 July 2024",
|
|
title: "Strategic guidance at every stage",
|
|
quote: "From product-market fit to scaling internationally, they've been involved at every critical juncture. Their introductions alone have been worth millions in value.",
|
|
tag: "Series A",
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184703623-6mn9btum.jpg",
|
|
avatarAlt: "Priya Gupta",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
|
|
imageAlt: "Testimonial image"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Robert Chen, CEO of CloudSecure",
|
|
date: "Date: 12 June 2024",
|
|
title: "True venture partners",
|
|
quote: "They challenge you to think bigger while providing the resources and networks to execute. Exactly what every founder needs from their lead investor.",
|
|
tag: "Series C",
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735982136-fwsz9f0i.jpg",
|
|
avatarAlt: "Robert Chen",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
|
|
imageAlt: "Testimonial image"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="insights" data-section="insights">
|
|
<BlogCardSeven
|
|
title="Latest Insights"
|
|
description="Our latest research on market trends, founder insights, and investment theses"
|
|
tag="Blog"
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
title: "The Future of Climate Tech: Where Capital Flows in 2025",
|
|
date: "18 January 2025",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
|
|
imageAlt: "Climate tech insights"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Building Defensible Moats in Fintech: Lessons from Our Portfolio",
|
|
date: "05 January 2025",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
|
|
imageAlt: "Fintech insights"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "The New Playbook for Series A Success",
|
|
date: "15 December 2024",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767043239120-nvo76k90.jpg",
|
|
imageAlt: "Series A insights"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Let's Talk"
|
|
description="Interested in partnering with us? We'd love to hear about your vision. Fill out the form and our team will be in touch within 24 hours."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
|
{ name: "stage", type: "text", placeholder: "Funding Stage (e.g., Pre-Seed, Series A)", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your company and vision...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767005005544-ohrshy5z.jpg"
|
|
imageAlt="FAQ support"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSocial
|
|
logoText="Capital Partners"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Portfolio", href: "portfolio" },
|
|
{ label: "Team", href: "team" },
|
|
{ label: "Blog", href: "insights" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{ label: "Investment Thesis", href: "#" },
|
|
{ label: "Founder Resources", href: "#" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
|
{ icon: Mail, href: "mailto:hello@capitalpartners.com", ariaLabel: "Email" }
|
|
]}
|
|
copyrightText="© Capital Partners, Inc. 2025. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |