Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Zap } from "lucide-react";
|
||||
import { Zap, Shield, Globe, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,49 +32,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="BridgeMind"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
logoText="BridgeMind AI"
|
||||
description="The AI coding platform for builders who ship software at the speed of thought. Your agents, managed by intent."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shipping",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Shipping", href: "#contact"},
|
||||
{
|
||||
text: "Join Discord",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Discord", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg"
|
||||
imageAlt="dark developer dashboard ui"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -87,26 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
title: "Engineers",
|
||||
description: "Active users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-arrow-icon-isolated_53876-71266.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "10,000+", title: "Engineers", description: "Active users", imageSrc: "http://img.b2bpic.net/free-photo/growth-arrow-icon-isolated_53876-71266.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "71,000+",
|
||||
title: "Subscribers",
|
||||
description: "Community members",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg?_wi=1",
|
||||
},
|
||||
id: "m2", value: "71,000+", title: "Subscribers", description: "Community members", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30,000+",
|
||||
title: "Followers",
|
||||
description: "Social impact",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg",
|
||||
},
|
||||
id: "m3", value: "30,000+", title: "Followers", description: "Social impact", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg"},
|
||||
]}
|
||||
title="Trusted by Builders"
|
||||
description="Proven scale and reliability in modern AI development ecosystems."
|
||||
@@ -121,41 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "BridgeSpace",
|
||||
price: "The Vibe IDE",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-software-developer-thinking-ways-upgrade-encryption-program-pensive-network-engineer-reflecting-failed-data-processing-operation-security-system-unknown-breach_482257-43029.jpg",
|
||||
},
|
||||
id: "p1", name: "BridgeSpace", price: "The Vibe IDE", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-software-developer-thinking-ways-upgrade-encryption-program-pensive-network-engineer-reflecting-failed-data-processing-operation-security-system-unknown-breach_482257-43029.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "BridgeVoice",
|
||||
price: "Voice Intent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047616.jpg",
|
||||
},
|
||||
id: "p2", name: "BridgeVoice", price: "Voice Intent", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047616.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "BridgeMCP",
|
||||
price: "Shared Context",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg",
|
||||
},
|
||||
id: "p3", name: "BridgeMCP", price: "Shared Context", imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "BridgeCode",
|
||||
price: "Agent Core",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg",
|
||||
},
|
||||
id: "p4", name: "BridgeCode", price: "Agent Core", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "BridgeSwarm",
|
||||
price: "Team Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-labor-day-landing-page-template_23-2150617044.jpg",
|
||||
},
|
||||
id: "p5", name: "BridgeSwarm", price: "Team Engineering", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-labor-day-landing-page-template_23-2150617044.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Agentic Stack",
|
||||
price: "Integrated Stack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
|
||||
},
|
||||
id: "p6", name: "Agentic Stack", price: "Integrated Stack", imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg"},
|
||||
]}
|
||||
title="Four Products. One Workflow."
|
||||
description="Everything a builder needs to go from intent to production."
|
||||
@@ -182,33 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Intent-based Routing",
|
||||
description: "Your intent is correctly parsed and routed to specialized agents.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",
|
||||
imageAlt: "Closeup of a black computer keyboard and DEL button",
|
||||
},
|
||||
title: "Intent-based Routing", description: "Your intent is correctly parsed and routed to specialized agents.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg", imageAlt: "Closeup of a black computer keyboard and DEL button"},
|
||||
{
|
||||
title: "Production-ready Agents",
|
||||
description: "Automated guardrails and production-grade validation for every agent commit.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg?_wi=2",
|
||||
imageAlt: "Closeup of a black computer keyboard and DEL button",
|
||||
},
|
||||
title: "Production-ready Agents", description: "Automated guardrails and production-grade validation for every agent commit.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg", imageAlt: "Closeup of a black computer keyboard and DEL button"},
|
||||
{
|
||||
title: "Agentic Protocol",
|
||||
description: "Universal connectivity for any AI agent ecosystem.",
|
||||
buttonIcon: "Globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-arrow-icon-isolated_53876-71266.jpg?_wi=2",
|
||||
imageAlt: "Closeup of a black computer keyboard and DEL button",
|
||||
},
|
||||
title: "Agentic Protocol", description: "Universal connectivity for any AI agent ecosystem.", buttonIcon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-arrow-icon-isolated_53876-71266.jpg", imageAlt: "Closeup of a black computer keyboard and DEL button"},
|
||||
{
|
||||
title: "Zero-collision Architecture",
|
||||
description: "Multi-agent coordination without conflicting logic.",
|
||||
buttonIcon: "Cpu",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg?_wi=2",
|
||||
imageAlt: "Closeup of a black computer keyboard and DEL button",
|
||||
},
|
||||
title: "Zero-collision Architecture", description: "Multi-agent coordination without conflicting logic.", buttonIcon: Cpu,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202843.jpg", imageAlt: "Closeup of a black computer keyboard and DEL button"},
|
||||
]}
|
||||
title="Built for scale, tuned for speed"
|
||||
description="Our core infrastructure ensures your development lifecycle is fluid and error-free."
|
||||
@@ -222,40 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "BridgeMind changed how I ship code daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "BridgeMind changed how I ship code daily.", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Unparalleled agent coordination capabilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Unparalleled agent coordination capabilities.", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Finally, the agent stack that works as promised.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-works-computer-late-night_169016-14891.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Finally, the agent stack that works as promised.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-works-computer-late-night_169016-14891.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "BridgeMind is the core of our dev environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "BridgeMind is the core of our dev environment.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Incredible productivity gains within weeks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex Smith", handle: "@asmith", testimonial: "Incredible productivity gains within weeks.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg"},
|
||||
]}
|
||||
title="Engineers are shipping faster"
|
||||
description="Real feedback from the community. No scripts, just power users."
|
||||
@@ -268,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does BridgeMind integrate?",
|
||||
content: "Our API-first approach integrates with your existing repo structure effortlessly.",
|
||||
},
|
||||
id: "q1", title: "How does BridgeMind integrate?", content: "Our API-first approach integrates with your existing repo structure effortlessly."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the protocol open source?",
|
||||
content: "Yes, our agent protocol is open source and community driven.",
|
||||
},
|
||||
id: "q2", title: "Is the protocol open source?", content: "Yes, our agent protocol is open source and community driven."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I train custom agents?",
|
||||
content: "Absolutely, our agent registry supports custom skill sets and fine-tuned models.",
|
||||
},
|
||||
id: "q3", title: "Can I train custom agents?", content: "Absolutely, our agent registry supports custom skill sets and fine-tuned models."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions from developers and engineering teams."
|
||||
@@ -296,16 +188,10 @@ export default function LandingPage() {
|
||||
description="Request access or partner with our engineering team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Work Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg"
|
||||
@@ -318,42 +204,27 @@ export default function LandingPage() {
|
||||
logoText="BridgeMind AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Platform",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Platform", href: "#products"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Docs", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user