Files
14b073b2-cf3e-4708-b597-38d…/src/app/page.tsx
2026-02-19 18:04:42 +00:00

276 lines
16 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, MessageSquare, Target, TrendingUp, Users, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="slide-background"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="mediumLarge"
background="grid"
cardStyle="soft-shadow"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="TechVenture Capital"
navItems={[
{ name: "About", id: "about" },
{ name: "Focus", id: "focus" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Resources", id: "faq" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Start Investing", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="TECHVENTURE CAPITAL"
description="Investing in tomorrow's breakthrough technologies. We identify and fund the most promising AI, fintech, and deep-tech innovators shaping the future of industry."
background={{ variant: "animated-grid" }}
buttons={[
{ text: "Explore Portfolio", href: "#portfolio" },
{ text: "Start Conversation", href: "#contact" }
]}
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-sleek-software-dashboard-interf-1771523933275-3d67309c.png"
imageAlt="Investment analytics dashboard"
frameStyle="browser"
mediaAnimation="slide-up"
buttonAnimation="opacity"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Driving Innovation Through Strategic Investment"
description="TechVenture Capital partners with visionary founders building technologies that reshape industries. Our team combines deep technical expertise with decades of venture capital experience, identifying opportunities others miss."
tag="Our Mission"
tagIcon={Zap}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-professional-team-of-tech-entrepreneur-1771523942831-13847971.png"
imageAlt="Team collaborating on innovation"
buttons={[
{ text: "Learn Our Strategy", href: "#focus" }
]}
useInvertedBackground={true}
/>
</div>
<div id="focus" data-section="focus">
<FeatureCardTwentyOne
title="Investment Focus Areas"
description="We concentrate our expertise and capital across the most transformative sectors of technology."
tag="Strategic Sectors"
tagIcon={Target}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/abstract-visualization-of-technology-and-1771523949673-f917d845.png"
imageAlt="Technology innovation concept"
mediaAnimation="opacity"
accordionItems={[
{
id: "1", title: "Artificial Intelligence & Machine Learning", content: "We back AI-first companies solving complex real-world problems. From enterprise AI platforms to autonomous systems, we invest in teams building the intelligence layer of tomorrow's software."
},
{
id: "2", title: "Fintech & Digital Finance", content: "Disrupting traditional finance through blockchain, payments, lending, and wealth management. We fund founders reimagining how capital moves and wealth is managed globally."
},
{
id: "3", title: "Deep Tech & Hardware", content: "From quantum computing to advanced semiconductors and robotics, we support deep technology companies with the capital and expertise needed to achieve breakthrough innovations."
},
{
id: "4", title: "Climate & Sustainability Tech", content: "Investing in technologies that address climate change and environmental challenges. We support founders building scalable solutions for a sustainable future."
}
]}
buttons={[
{ text: "View Investment Criteria", href: "#" }
]}
useInvertedBackground={false}
mediaPosition="left"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Track Record of Success"
description="Our portfolio companies represent billions in aggregate value creation."
tag="Impact Metrics"
tagIcon={TrendingUp}
metrics={[
{
id: "1", value: "$2.5B+", description: "Assets Under Management"
},
{
id: "2", value: "45+", description: "Portfolio Companies"
},
{
id: "3", value: "8", description: "Unicorn Exits"
},
{
id: "4", value: "15+", description: "Years of Excellence"
}
]}
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne
title="Featured Portfolio Companies"
description="A selection of innovative companies we're backing and believe will define the future of their industries."
tag="Success Stories"
tagIcon={Award}
textboxLayout="default"
products={[
{
id: "1", name: "NeuroSync AI", price: "$500M Valuation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-sleek-ai-machine-learning-startup-offi-1771523958450-bbb5778d.png", imageAlt: "NeuroSync AI - AI Intelligence Platform"
},
{
id: "2", name: "CloudVault", price: "$350M Valuation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-cloud-computing-or-infrastructure-tech-1771523966650-bca42b4b.png", imageAlt: "CloudVault - Infrastructure Solutions"
},
{
id: "3", name: "ChainFlow Finance", price: "$280M Valuation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-fintech-or-blockchain-technology-start-1771523976274-8830e771.png", imageAlt: "ChainFlow Finance - DeFi Platform"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
buttons={[
{ text: "View All Investments", href: "#" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Founders Say"
description="Hear directly from the entrepreneurs we partner with about our investment approach and impact."
tag="Founder Stories"
tagIcon={Users}
textboxLayout="default"
useInvertedBackground={true}
animationType="opacity"
testimonials={[
{
id: "1", name: "Sarah Chen", handle: "CEO, NeuroSync AI", testimonial: "TechVenture didn't just provide capital—they brought strategic expertise and a network that accelerated our growth by years. Their belief in our vision was transformational.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-successful-te-1771523983616-85310d75.png", imageAlt: "Sarah Chen"
},
{
id: "2", name: "Marcus Williams", handle: "Founder, CloudVault", testimonial: "Working with TechVenture Capital opened doors we couldn't have opened alone. Their experience in infrastructure scaling was invaluable to our success.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-venture-capit-1771523990107-a71974df.png", imageAlt: "Marcus Williams"
},
{
id: "3", name: "Elena Rodriguez", handle: "CEO, ChainFlow Finance", testimonial: "From day one, TechVenture understood the fintech landscape and helped us navigate regulatory challenges while scaling. Exceptional partners in every way.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-technology-in-1771523996616-c5873bed.png", imageAlt: "Elena Rodriguez"
},
{
id: "4", name: "James Park", handle: "Founder, QuantumLeap Systems", testimonial: "TechVenture's network of technical advisors and industry connections has been as valuable as their investment. They truly believe in giving founders every advantage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-business-lead-1771524003716-8543da61.png", imageAlt: "James Park"
},
{
id: "5", name: "Amira Hassan", handle: "CEO, GreenTech Solutions", testimonial: "What impressed me most was TechVenture's commitment to sustainability and impact alongside returns. They align incentives with purpose.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-tech-industry-1771524010634-62042339.png", imageAlt: "Amira Hassan"
},
{
id: "6", name: "David Liu", handle: "Founder, NextGen Analytics", testimonial: "TechVenture has been more than investors—they've been mentors, advisors, and champions of our mission. Truly exceptional partners.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-headshot-of-a-successful-en-1771524017293-60799b20.png", imageAlt: "David Liu"
}
]}
speed={40}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Get answers to common questions about investing with TechVenture Capital."
faqs={[
{
id: "1", title: "What is your typical investment size?", content: "We invest from $2M to $25M in Series A through Series C rounds, though we remain flexible for exceptional founder teams and opportunities."
},
{
id: "2", title: "How do you approach founder support?", content: "Beyond capital, we provide strategic guidance, network introductions, and operational expertise. We assign founders a dedicated partner who remains deeply involved in key decisions."
},
{
id: "3", title: "What industries do you focus on?", content: "We concentrate on AI/ML, fintech, deep tech, and climate-tech companies that address massive market opportunities and require significant technical innovation."
},
{
id: "4", title: "How long does your investment process take?", content: "Our streamlined process typically takes 4-8 weeks from initial meeting to term sheet. We move quickly for companies that fit our thesis."
},
{
id: "5", title: "Do you take board seats?", content: "Yes, we typically take a board seat in companies we invest in, ensuring ongoing partnership and visibility into key decisions and milestones."
},
{
id: "6", title: "What geographic markets do you focus on?", content: "While based in Silicon Valley, we invest globally. We have deep relationships in major tech hubs including San Francisco, New York, London, Singapore, and Toronto."
}
]}
textPosition="left"
useInvertedBackground={false}
faqsAnimation="slide-up"
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get In Touch"
tagIcon={MessageSquare}
title="Start Your Investment Journey"
description="Ready to discuss your funding needs? Connect with our team to explore whether TechVenture Capital is the right partner for your company."
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
inputPlaceholder="your@company.com"
buttonText="Schedule Call"
termsText="By reaching out, you agree to our Privacy Policy. We'll respond within 2 business days."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#" },
{ label: "Career Opportunities", href: "#" },
{ label: "Blog", href: "#" }
]
},
{
title: "Invest", items: [
{ label: "Investment Thesis", href: "#focus" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "Apply for Funding", href: "#contact" },
{ label: "Resources", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Investment Disclaimer", href: "#" },
{ label: "Contact", href: "#contact" }
]
}
]}
bottomLeftText="© 2025 TechVenture Capital. All rights reserved."
bottomRightText="Investing in Tomorrow's Innovation"
/>
</div>
</ThemeProvider>
);
}