236 lines
12 KiB
TypeScript
236 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Zap, Shield, Globe, Cpu } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Products", id: "#products" },
|
|
{ name: "Features", id: "#features" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
]}
|
|
brandName="BridgeMind"
|
|
button={{
|
|
text: "Get Started", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "animated-grid"}}
|
|
logoText="BridgeMind AI"
|
|
description="Ship production-grade software at the speed of thought. Reduce your deployment cycles by 80% with our agentic management platform."
|
|
buttons={[
|
|
{
|
|
text: "Start Shipping", href: "#contact"},
|
|
{
|
|
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"
|
|
imageAlt="dark developer dashboard ui"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "BridgeSpace", price: "Full-stack cloud-native coding environment", 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-to-code intent processing", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047616.jpg"},
|
|
{
|
|
id: "p3", name: "BridgeMCP", price: "Unified cross-agent data sharing", 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: "Core agent logic execution engine", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg"},
|
|
{
|
|
id: "p5", name: "BridgeSwarm", price: "Autonomous multi-agent orchestration", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-labor-day-landing-page-template_23-2150617044.jpg"},
|
|
{
|
|
id: "p6", name: "Agentic Stack", price: "End-to-end deployment pipeline", 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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Empowering your vision"
|
|
description="BridgeMind AI is designed to augment human intuition with agentic precision."
|
|
subdescription="We bridge the gap between prompt and production through advanced agent coordination protocols."
|
|
icon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="dark developer dashboard ui"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
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: "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: "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: "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="Built for scale, tuned for speed"
|
|
description="Our core infrastructure ensures your development lifecycle is fluid and error-free."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
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: "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: "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"},
|
|
]}
|
|
title="Engineers are shipping faster"
|
|
description="Real feedback from the community. No scripts, just power users."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
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: "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."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get started with your first agent"
|
|
description="Request access or partner with our engineering team."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Name", 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"
|
|
imageAlt="abstract tech particles"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="BridgeMind AI"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Platform", href: "#products"},
|
|
{
|
|
label: "Security", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Docs", href: "#"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |