Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -10,7 +10,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { BarChart, DollarSign, Shield, Zap } from "lucide-react";
|
||||
import { BarChart, DollarSign, Shield, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Thesis",
|
||||
id: "#thesis",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Thesis", id: "#thesis" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Miami Capital"
|
||||
/>
|
||||
@@ -53,37 +41,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Scaling Innovation in Miami"
|
||||
description="We partner with visionary founders to build the future of technology in the Americas and beyond."
|
||||
tag="Venture Capital"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png?_wi=1",
|
||||
imageAlt: "Miami Aerial",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png?_wi=1",
|
||||
imageAlt: "Board Meeting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png?_wi=1",
|
||||
imageAlt: "Tech Growth",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/architectural-detail-of-a-modern-buildin-1775350057435-126f5600.png?_wi=1",
|
||||
imageAlt: "Modern Architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sunlight-reflections-on-a-luxury-yacht-d-1775350058361-a8324f74.png?_wi=1",
|
||||
imageAlt: "Biscayne Bay",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-artistic-render-of-network-conn-1775350058751-f235933c.png?_wi=1",
|
||||
imageAlt: "Network Grid",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png", imageAlt: "Miami Aerial" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png", imageAlt: "Board Meeting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png", imageAlt: "Tech Growth" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/architectural-detail-of-a-modern-buildin-1775350057435-126f5600.png", imageAlt: "Modern Architecture" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sunlight-reflections-on-a-luxury-yacht-d-1775350058361-a8324f74.png", imageAlt: "Biscayne Bay" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,19 +60,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Strategic Capital for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sophisticated-office-lounge-with-designe-1775350058089-57978b44.png",
|
||||
alt: "Venture Capital Miami",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " The Future",
|
||||
},
|
||||
{ type: "text", content: "Strategic Capital for " },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sophisticated-office-lounge-with-designe-1775350058089-57978b44.png", alt: "Venture Capital Miami" },
|
||||
{ type: "text", content: " The Future" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,68 +74,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Climate Tech",
|
||||
description: "Supporting resilient infrastructure and sustainable innovation for coastal cities.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png?_wi=2",
|
||||
imageAlt: "Climate Tech",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Renewable Energy",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Infrastructure Resilience",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png?_wi=3",
|
||||
imageAlt: "Aerial view of Miami skyline with modern architecture and luxury oceanfront skyscrapers at sunset. C",
|
||||
title: "Climate Tech", description: "Supporting resilient infrastructure and sustainable innovation for coastal cities.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png", imageAlt: "Climate Tech" },
|
||||
items: [{ icon: Zap, text: "Renewable Energy" }, { icon: Shield, text: "Infrastructure Resilience" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Fintech & Crypto",
|
||||
description: "Harnessing the regulatory and financial ecosystem of the Miami market.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png?_wi=2",
|
||||
imageAlt: "Fintech",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Digital Assets",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Payment Solutions",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png?_wi=3",
|
||||
imageAlt: "Minimalist corporate board meeting with blurred ocean background. High contrast, professional lighti",
|
||||
title: "Fintech & Crypto", description: "Harnessing the regulatory and financial ecosystem of the Miami market.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png", imageAlt: "Fintech" },
|
||||
items: [{ icon: BarChart, text: "Digital Assets" }, { icon: DollarSign, text: "Payment Solutions" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "AI & Automation",
|
||||
description: "Investing in software that drives meaningful efficiency for global enterprise.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png?_wi=2",
|
||||
imageAlt: "AI Growth",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Machine Learning",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Autonomous Workflow",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png?_wi=3",
|
||||
imageAlt: "Abstract view of digital data streams overlapping with Miami palm trees silhouette. High-tech, ventu",
|
||||
},
|
||||
title: "AI & Automation", description: "Investing in software that drives meaningful efficiency for global enterprise.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png", imageAlt: "AI Growth" },
|
||||
items: [{ icon: Cpu, text: "Machine Learning" }, { icon: Cpu, text: "Autonomous Workflow" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Investment Thesis"
|
||||
description="We focus on high-growth sectors where Miami provides a unique strategic advantage."
|
||||
@@ -187,34 +96,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Managing Partner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "General Partner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
role: "Operating Partner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
role: "Principal",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/architectural-detail-of-a-modern-buildin-1775350057435-126f5600.png?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Elena Rodriguez", role: "Managing Partner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png" },
|
||||
{ id: "2", name: "Marcus Thorne", role: "General Partner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png" },
|
||||
{ id: "3", name: "Sarah Chen", role: "Operating Partner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png" },
|
||||
{ id: "4", name: "David Miller", role: "Principal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/architectural-detail-of-a-modern-buildin-1775350057435-126f5600.png" }
|
||||
]}
|
||||
title="Our Partners"
|
||||
description="Experienced operators and investors dedicated to the Miami startup ecosystem."
|
||||
@@ -227,60 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Wang",
|
||||
date: "Oct 2024",
|
||||
title: "Founder, AIx",
|
||||
quote: "The team at Miami Capital provided invaluable strategic guidance during our Series A transition.",
|
||||
tag: "AI Startup",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/architectural-detail-of-a-modern-buildin-1775350057435-126f5600.png?_wi=3",
|
||||
imageAlt: "Architectural detail of a modern building in the Miami design district. Clean lines, geometric shape",
|
||||
id: "1", name: "Alice Wang", date: "Oct 2024", title: "Founder, AIx", quote: "The team at Miami Capital provided invaluable strategic guidance during our Series A transition.", tag: "AI Startup", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/aerial-view-of-miami-skyline-with-modern-1775350056978-9718e11b.png"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
date: "Sept 2024",
|
||||
title: "CEO, EcoTech",
|
||||
quote: "Their deep networks in the coastal tech community have been a force multiplier for our business.",
|
||||
tag: "Climate",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sunlight-reflections-on-a-luxury-yacht-d-1775350058361-a8324f74.png?_wi=2",
|
||||
imageAlt: "Sunlight reflections on a luxury yacht deck in Biscayne Bay. Serene, aspirational, VC lifestyle them",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
date: "Aug 2024",
|
||||
title: "Founder, PayGo",
|
||||
quote: "Hands-on, focused, and always available. A true partner in every sense.",
|
||||
tag: "Fintech",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-view-of-digital-data-streams-ov-1775350058142-89b13ddc.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/abstract-artistic-render-of-network-conn-1775350058751-f235933c.png?_wi=2",
|
||||
imageAlt: "Abstract artistic render of network connections forming a city grid, warm stone color palette. Profe",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Ross",
|
||||
date: "July 2024",
|
||||
title: "CEO, DataFlow",
|
||||
quote: "They understand the unique challenges of building a company in Miami better than anyone else.",
|
||||
tag: "Enterprise",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/architectural-detail-of-a-modern-buildin-1775350057435-126f5600.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sophisticated-office-lounge-with-designe-1775350058089-57978b44.png",
|
||||
imageAlt: "Sophisticated office lounge with designer furniture, open layout, light oak woods and glass. High-en",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Diana Prince",
|
||||
date: "June 2024",
|
||||
title: "Founder, SecureMesh",
|
||||
quote: "Transformative support from day one.",
|
||||
tag: "Security",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/sunlight-reflections-on-a-luxury-yacht-d-1775350058361-a8324f74.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/close-up-of-an-elegant-modern-miami-offi-1775350058938-6b3f3a6d.png?_wi=1",
|
||||
imageAlt: "Close up of an elegant, modern Miami office window overlooking the city, subtle warm lighting.",
|
||||
},
|
||||
id: "2", name: "John Doe", date: "Sept 2024", title: "CEO, EcoTech", quote: "Their deep networks in the coastal tech community have been a force multiplier for our business.", tag: "Climate", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/minimalist-corporate-board-meeting-with--1775350057562-0b1f27db.png"
|
||||
}
|
||||
]}
|
||||
title="Founder Feedback"
|
||||
description="Our portfolio companies share their experience partnering with us."
|
||||
@@ -293,25 +134,11 @@ export default function LandingPage() {
|
||||
title="Start a Conversation"
|
||||
description="Whether you are a founder or an investor, we would love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your email address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your email address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your venture",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/close-up-of-an-elegant-modern-miami-offi-1775350058938-6b3f3a6d.png?_wi=2"
|
||||
textarea={{ name: "message", placeholder: "Tell us about your venture", required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/close-up-of-an-elegant-modern-miami-offi-1775350058938-6b3f3a6d.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,40 +146,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Miami Capital"
|
||||
columns={[
|
||||
{
|
||||
title: "Firm",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Thesis",
|
||||
href: "#thesis",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Firm", items: [{ label: "About Us", href: "#about" }, { label: "Thesis", href: "#thesis" }, { label: "Team", href: "#team" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user