191 lines
10 KiB
TypeScript
191 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, DollarSign, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Story", id: "story" },
|
|
{ name: "Product", id: "product" },
|
|
{ name: "Traction", id: "metrics" },
|
|
{ name: "Investors", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Founder"
|
|
bottomLeftText="Available for meetings"
|
|
bottomRightText="seed@example.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Building the future of [industry]"
|
|
description="Founder on a mission to solve one of the most pressing problems in [space]. Currently raising seed round."
|
|
tag="Founder"
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg"
|
|
imageAlt="founder professional portrait startup entrepreneur business"
|
|
buttons={[
|
|
{ text: "Explore Vision", href: "story" },
|
|
{ text: "View Pitch Deck", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="story" data-section="story">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Why I'm building this" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Read Full Story", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<FeatureCardNine
|
|
title="Product Innovation"
|
|
description="Core features that deliver unprecedented value to users"
|
|
showStepNumbers={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Proprietary Technology", description: "Unique technical advantage that creates defensible moat and scales efficiently", phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Market Fit", description: "Validated product-market fit with demonstrated user demand and retention metrics", phoneOne: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg" }
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Traction & Growth"
|
|
description="Key indicators of product-market fit and business momentum"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "50K+", title: "Users", description: "Active monthly users growing 20% MoM", icon: TrendingUp
|
|
},
|
|
{
|
|
id: "2", value: "$500K", title: "ARR", description: "Annual recurring revenue with 40% net retention", icon: DollarSign
|
|
},
|
|
{
|
|
id: "3", value: "6", title: "Months", description: "Path to profitability at current burn rate", icon: Zap
|
|
},
|
|
{
|
|
id: "4", value: "100%", title: "Paid", description: "Revenue from paying customers, zero free tier", icon: Award
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Investor Confidence"
|
|
description="What leading investors and industry experts say"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "Partner, Sequoia Capital", testimonial: "This founder has the rare combination of deep domain expertise and execution capability. The product demonstrates clear market leadership.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "investor professional headshot portrait business"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Rodriguez", handle: "Managing Director, Benchmark", testimonial: "One of the strongest founding teams we've evaluated this year. The market opportunity and team quality are exceptional.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "investor ceo business headshot portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Wang", handle: "Partner, Andreessen Horowitz", testimonial: "The technology is defensible, the team executes relentlessly, and the market is enormous. This is a rare opportunity.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "venture capitalist investor professional headshot"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", handle: "Founder, Lightspeed Venture", testimonial: "Exceptional clarity of vision combined with practical execution. The founder understands both the business and the user deeply.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "entrepreneur investor mentor business portrait"
|
|
},
|
|
{
|
|
id: "5", name: "Emily Thompson", handle: "Operating Partner, Insight Partners", testimonial: "The metrics speak for themselves. But what impresses me most is the founder's ability to adapt quickly and maintain focus.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "investor professional headshot portrait business"
|
|
},
|
|
{
|
|
id: "6", name: "Alexander Mueller", handle: "General Partner, Accel", testimonial: "We see this founder as a potential category-defining founder. The execution, vision, and capital efficiency are all world-class.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "investor ceo business headshot portrait"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to discuss investment, partnerships, or the future of [industry]? Let's connect."
|
|
animationType="reveal-blur"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Schedule Call", href: "mailto:seed@example.com" },
|
|
{ text: "Download Deck", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-vector/gradient-blur-pink-blue-abstract-background_53876-117324.jpg"
|
|
imageAlt="abstract minimal gradient background modern"
|
|
logoText="Founder"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "product" },
|
|
{ label: "Use Cases", href: "product" },
|
|
{ label: "Security", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "Story", href: "story" },
|
|
{ label: "Press", href: "credibility" },
|
|
{ label: "Investors", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Email", href: "mailto:seed@example.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Founder. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |