Files
af3e64a7-0016-4053-b3ce-7b5…/src/app/page.tsx
2026-03-02 18:13:22 +00:00

199 lines
10 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { TrendingUp, Target, Award, Users, Briefcase, BarChart3, PieChart, Shield } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="medium"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
{/* Navigation */}
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Elevation Capital"
navItems={[
{ name: "About", id: "about" },
{ name: "Strategy", id: "strategy" },
{ name: "Team", id: "team" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Strategic Capital. Exceptional Returns."
description="Partnering with visionary founders and established enterprises to unlock value through strategic investment and operational excellence."
tag="Premium Investing"
tagIcon={TrendingUp}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
imageSrc="http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"
imageAlt="Elevation Capital headquarters"
mediaAnimation="blur-reveal"
testimonials={[
{
name: "Marcus Johnson", handle: "CEO, NextGen Industries", testimonial: "Elevation Capital's strategic guidance transformed our business trajectory. Their deep industry expertise and network opened doors we didn't know existed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
name: "Sarah Chen", handle: "Founder, CloudScale", testimonial: "Beyond capital, they provided mentorship and connections that accelerated our growth by three years. Truly exceptional partners.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[
{ text: "Explore Opportunities", href: "/portfolio" },
{ text: "Get in Touch", href: "/contact" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* About Section */}
<div id="about" data-section="about">
<TextSplitAbout
title="About Elevation Capital"
description={[
"Founded in 2015, Elevation Capital has established itself as a premier provider of growth capital and strategic guidance to high-potential companies across technology, healthcare, and financial services sectors. We've successfully invested in over 50 portfolio companies with a combined valuation exceeding $8 billion.", "Our investment philosophy centers on three core principles: identifying exceptional management teams, supporting sustainable growth strategies, and creating lasting value through operational improvements and strategic partnerships.", "With a dedicated team of 25+ investment professionals, we combine rigorous analytical discipline with entrepreneurial insight to drive meaningful returns for our investors and transformational growth for our portfolio companies."]}
showBorder={true}
useInvertedBackground={false}
buttons={[
{ text: "Learn Our Strategy", href: "/about" },
{ text: "Meet the Team", href: "/about" },
]}
buttonAnimation="slide-up"
/>
</div>
{/* Strategy Section */}
<div id="strategy" data-section="strategy">
<FeatureCardNine
title="Our Investment Strategy"
description="We deploy a multi-faceted approach combining market analysis, operational excellence, and strategic positioning."
tag="Investment Approach"
tagIcon={Target}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
showStepNumbers={true}
features={[
{
id: 1,
title: "Sector Expertise", description: "Deep domain knowledge in high-growth sectors allows us to identify market leaders and emerging opportunities with precision and confidence.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"},
},
{
id: 2,
title: "Operational Excellence", description: "Our operational team implements best practices, streamlines processes, and builds scalable systems to drive profitability and sustainable growth.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"},
},
{
id: 3,
title: "Strategic Networking", description: "Leveraging our extensive network of industry leaders, customers, and partners, we create synergies and open strategic doors for portfolio companies.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-employee-receiving-food-delivery-her-desk_482257-122580.jpg"},
},
]}
/>
</div>
{/* Metrics Section */}
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Track Record of Excellence"
description="Our proven investment returns demonstrate our commitment to value creation and exceptional performance."
tag="Performance"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "8.5", title: "Billion", description: "Total portfolio valuation across 50+ companies", icon: TrendingUp,
},
{
id: "2", value: "4.2", title: "x", description: "Average return multiple on successful exits", icon: BarChart3,
},
{
id: "3", value: "18", title: "%", description: "Average IRR across all investments", icon: PieChart,
},
{
id: "4", value: "92", title: "%", description: "Portfolio company survival rate post-investment", icon: Shield,
},
]}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
/>
</div>
{/* Portfolio Companies Section */}
<div id="portfolio" data-section="portfolio">
<SocialProofOne
title="Portfolio Companies"
description="We partner with exceptional companies driving innovation across key industries and markets."
tag="Our Companies"
tagIcon={Briefcase}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
names={[
"CloudScale", "NextGen Industries", "Quantum Dynamics", "FinTech Solutions", "HealthTech Innovations", "DataCore Analytics", "SecureNet Systems", "GreenEnergy Global"]}
speed={35}
showCard={true}
buttonAnimation="slide-up"
/>
</div>
{/* Contact Section */}
<div id="contact" data-section="contact">
<ContactText
text="Ready to explore partnership opportunities? Let's discuss how Elevation Capital can accelerate your growth and create exceptional value."
animationType="entrance-slide"
background={{ variant: "circleGradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Schedule a Meeting", href: "/contact" },
{ text: "Send a Proposal", href: "/contact" },
]}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Elevation Capital"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ThemeProvider>
);
}