Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,56 +31,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="InnovatorPortfolio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Scaling Software & Ventures"
|
||||
description="Software engineer turned entrepreneur. Architecting high-scale digital infrastructure and building next-generation SaaS products to solve complex global problems."
|
||||
tag="Tech Leadership"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-typing-keyboard-developing-disaster-recovery-plans_482257-128492.jpg",
|
||||
imageAlt: "Modern coding workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
imageAlt: "Professional portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-black-chair-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17240.jpg",
|
||||
imageAlt: "Modern workspace setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg",
|
||||
imageAlt: "Productivity tools on desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/just-minute-we-are-ready-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17298.jpg",
|
||||
imageAlt: "Professional office setup",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-typing-keyboard-developing-disaster-recovery-plans_482257-128492.jpg", imageAlt: "Modern coding workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", imageAlt: "Professional portrait" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -105,31 +74,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scalable Engineering",
|
||||
description: "High-performance software systems design and architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-white-cubes_1048-14244.jpg",
|
||||
},
|
||||
{
|
||||
title: "SaaS Strategy",
|
||||
description: "Building and launching product-led growth strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Integration",
|
||||
description: "Implementing intelligent data solutions for your enterprise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cloud Infrastructure",
|
||||
description: "Deploying robust and secure cloud-native environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-cloud-data-storage-concept-cloudscape-digital-online-service-global-network-web-database-backup-computer-infrastructure_90220-1318.jpg",
|
||||
},
|
||||
{
|
||||
title: "Data Visualization",
|
||||
description: "Turning raw metrics into actionable business insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
},
|
||||
{ title: "Scalable Engineering", description: "High-performance software systems design and architecture.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-white-cubes_1048-14244.jpg" },
|
||||
{ title: "SaaS Strategy", description: "Building and launching product-led growth strategies.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg" },
|
||||
{ title: "AI Integration", description: "Implementing intelligent data solutions for your enterprise.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg" },
|
||||
{ title: "Cloud Infrastructure", description: "Deploying robust and secure cloud-native environments.", imageSrc: "http://img.b2bpic.net/free-photo/server-cloud-data-storage-concept-cloudscape-digital-online-service-global-network-web-database-backup-computer-infrastructure_90220-1318.jpg" },
|
||||
{ title: "Data Visualization", description: "Turning raw metrics into actionable business insights.", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" }
|
||||
]}
|
||||
title="My Expertise"
|
||||
description="Comprehensive engineering and strategic business services for modern growth."
|
||||
@@ -143,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Analytics Pro",
|
||||
price: "SaaS Platform",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TaskFlow",
|
||||
price: "Mobile App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "LaunchPad",
|
||||
price: "Business Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "MetricView",
|
||||
price: "Visual Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "CloudOps",
|
||||
price: "Infrastructure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "EnterpriseLink",
|
||||
price: "Portal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Analytics Pro", price: "SaaS Platform", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" },
|
||||
{ id: "p2", name: "TaskFlow", price: "Mobile App", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg" },
|
||||
{ id: "p3", name: "LaunchPad", price: "Business Tool", imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg" },
|
||||
{ id: "p4", name: "MetricView", price: "Visual Tool", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
{ id: "p5", name: "CloudOps", price: "Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg" },
|
||||
{ id: "p6", name: "EnterpriseLink", price: "Portal", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg" }
|
||||
]}
|
||||
title="Selected Ventures"
|
||||
description="Tech products and platforms I've architected from the ground up."
|
||||
@@ -191,36 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+ years",
|
||||
title: "Engineering",
|
||||
items: [
|
||||
"Complex systems",
|
||||
"Tech stack lead",
|
||||
"Team scaling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5 startups",
|
||||
title: "Launched",
|
||||
items: [
|
||||
"Seed to Series A",
|
||||
"Exit strategy",
|
||||
"Bootstrap expert",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100k+ users",
|
||||
title: "Scale",
|
||||
items: [
|
||||
"High throughput",
|
||||
"Low latency",
|
||||
"Global users",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10+ years", title: "Engineering", items: ["Complex systems", "Tech stack lead", "Team scaling"] },
|
||||
{ id: "m2", value: "5 startups", title: "Launched", items: ["Seed to Series A", "Exit strategy", "Bootstrap expert"] },
|
||||
{ id: "m3", value: "100k+ users", title: "Scale", items: ["High throughput", "Low latency", "Global users"] }
|
||||
]}
|
||||
title="Impact & Reach"
|
||||
description="Measurable results in software development and venture building."
|
||||
@@ -231,61 +123,16 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "InnovateTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "CMO",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-with-dark-curly-hair-sitting-table-with-laptop-dreamily-looking-camera-while-spending-time-modern-cozy-workshop-with-big-windows_574295-504.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
company: "LaunchBase",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
role: "Product Mgr",
|
||||
company: "StreamSoft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "InnovateTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "CTO", company: "CodeFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "CMO", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-with-dark-curly-hair-sitting-table-with-laptop-dreamily-looking-camera-while-spending-time-modern-cozy-workshop-with-big-windows_574295-504.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Partners",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention",
|
||||
},
|
||||
{
|
||||
value: "10x",
|
||||
label: "Efficiency",
|
||||
},
|
||||
{ value: "50+", label: "Partners" },
|
||||
{ value: "95%", label: "Retention" },
|
||||
{ value: "10x", label: "Efficiency" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Building sustainable partnerships and successful technology ventures."
|
||||
@@ -295,18 +142,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Ready to build something great?"
|
||||
description="Let's discuss how we can leverage technology to build your next breakthrough product."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Conversation",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start a Conversation", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -315,32 +155,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-cubes-3d-background_23-2150505290.jpg"
|
||||
logoText="InnovatorPortfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Ventures",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Ventures", href: "#projects" }] },
|
||||
{ title: "Connect", items: [{ label: "LinkedIn", href: "https://linkedin.com" }, { label: "GitHub", href: "https://github.com" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user