Update src/app/page.tsx
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -33,22 +33,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
brandName="BridgeMind"
|
||||
/>
|
||||
</div>
|
||||
@@ -56,48 +48,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Vibe Coding for Builders."
|
||||
description="The AI coding platform for builders who ship software at the speed of thought."
|
||||
tag="NEW: BridgeSpace 3.0"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shipping",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Shipping", href: "#pricing"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2338.jpg",
|
||||
imageAlt: "Scene 1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2338.jpg", imageAlt: "Scene 1"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg",
|
||||
imageAlt: "Scene 2",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", imageAlt: "Scene 2"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-cybersecurity-expert-looking-company-security-vulnerabilities_482257-125918.jpg",
|
||||
imageAlt: "Scene 3",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/startup-cybersecurity-expert-looking-company-security-vulnerabilities_482257-125918.jpg", imageAlt: "Scene 3"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14900.jpg",
|
||||
imageAlt: "Scene 4",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-analyzing-stock-market-charts-financial-data-electronic-board_169016-14900.jpg", imageAlt: "Scene 4"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg",
|
||||
imageAlt: "Scene 5",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg", imageAlt: "Scene 5"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18934.jpg",
|
||||
imageAlt: "Scene 6",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18934.jpg", imageAlt: "Scene 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,25 +81,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10,000+",
|
||||
title: "Active Builders",
|
||||
description: "Shipping daily",
|
||||
icon: Users,
|
||||
id: "1", value: "10,000+", title: "Active Builders", description: "Shipping daily", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "71,000+",
|
||||
title: "Feature Subscriptions",
|
||||
description: "Active in production",
|
||||
icon: CheckCircle,
|
||||
id: "2", value: "71,000+", title: "Feature Subscriptions", description: "Active in production", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "30,000+",
|
||||
title: "Followers",
|
||||
description: "Building the future",
|
||||
icon: Star,
|
||||
id: "3", value: "30,000+", title: "Followers", description: "Building the future", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Trusted by Builders Worldwide"
|
||||
@@ -141,8 +100,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Four products. One workflow."
|
||||
description={[
|
||||
"Everything a builder needs to go from intent to production — with agent teammates at every step of the ship loop.",
|
||||
]}
|
||||
"Everything a builder needs to go from intent to production — with agent teammates at every step of the ship loop."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,32 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Cursor Integration",
|
||||
tags: [
|
||||
"Native",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chatbot-conversation-vectorart_78370-4107.jpg",
|
||||
},
|
||||
id: "1", title: "Cursor Integration", tags: [
|
||||
"Native", "AI"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chatbot-conversation-vectorart_78370-4107.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Memory Protocol",
|
||||
tags: [
|
||||
"Fast",
|
||||
"Secure",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-white-background_187299-40208.jpg",
|
||||
},
|
||||
id: "2", title: "Memory Protocol", tags: [
|
||||
"Fast", "Secure"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-white-background_187299-40208.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Task Orchestration",
|
||||
tags: [
|
||||
"Automated",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/v-model-software-development-isometric-composition-with-text-captions-attached-conceptual-images-letter-sections-vector-illustration_1284-81994.jpg",
|
||||
},
|
||||
id: "3", title: "Task Orchestration", tags: [
|
||||
"Automated", "Reliable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/v-model-software-development-isometric-composition-with-text-captions-attached-conceptual-images-letter-sections-vector-illustration_1284-81994.jpg"},
|
||||
]}
|
||||
title="The Agentic Stack."
|
||||
description="Use your favorite AI coding tools. BridgeMind connects them through shared memory, context, and task orchestration — one protocol, every agent."
|
||||
@@ -193,47 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "BridgeSpace",
|
||||
price: "Desktop IDE",
|
||||
variant: "Coding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
|
||||
},
|
||||
id: "1", name: "BridgeSpace", price: "Desktop IDE", variant: "Coding", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "BridgeVoice",
|
||||
price: "Voice Agent",
|
||||
variant: "Audio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg",
|
||||
},
|
||||
id: "2", name: "BridgeVoice", price: "Voice Agent", variant: "Audio", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "BridgeMCP",
|
||||
price: "Shared Memory",
|
||||
variant: "Protocol",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-133727.jpg",
|
||||
},
|
||||
id: "3", name: "BridgeMCP", price: "Shared Memory", variant: "Protocol", imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-133727.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "BridgeCode",
|
||||
price: "Purpose-built",
|
||||
variant: "Engine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg",
|
||||
},
|
||||
id: "4", name: "BridgeCode", price: "Purpose-built", variant: "Engine", imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "BridgeSync",
|
||||
price: "Real-time",
|
||||
variant: "DevOps",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg",
|
||||
},
|
||||
id: "5", name: "BridgeSync", price: "Real-time", variant: "DevOps", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "BridgeFlow",
|
||||
price: "Automated",
|
||||
variant: "Workflow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098542.jpg",
|
||||
},
|
||||
id: "6", name: "BridgeFlow", price: "Automated", variant: "Workflow", imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098542.jpg"},
|
||||
]}
|
||||
title="Our Toolkit"
|
||||
description="Powerful tools built for vibe coding."
|
||||
@@ -247,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah",
|
||||
testimonial: "BridgeMind changed how I code. Unreal.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarah", testimonial: "BridgeMind changed how I code. Unreal.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@chen",
|
||||
testimonial: "The memory protocol is a total game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-creative-office-working_23-2147689379.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@chen", testimonial: "The memory protocol is a total game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-creative-office-working_23-2147689379.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily",
|
||||
testimonial: "Shipping has never been easier than this.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emily", testimonial: "Shipping has never been easier than this.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "My team is 2x faster with these tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165932.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "My team is 2x faster with these tools.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165932.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
handle: "@alex",
|
||||
testimonial: "The best developer tool in a decade.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-monitor-office-with-trading-indexes-showing-latest-prices_482257-83060.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", handle: "@alex", testimonial: "The best developer tool in a decade.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-monitor-office-with-trading-indexes-showing-latest-prices_482257-83060.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Builders are shipping faster."
|
||||
@@ -298,14 +186,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Vercel",
|
||||
"Linear",
|
||||
"GitHub",
|
||||
"Linear",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Vercel", "Linear", "GitHub", "Linear"]}
|
||||
title="Integrated Ecosystem"
|
||||
description="Built for all your existing tools."
|
||||
/>
|
||||
@@ -314,20 +195,14 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Journey."
|
||||
title="Request Your Early Access Pass"
|
||||
description="Get early access and start shipping vibe code."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/swirl-spline-line-abstract-background-desktop-wallpaper_1048-15920.jpg"
|
||||
@@ -338,42 +213,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "BridgeSpace",
|
||||
href: "#",
|
||||
},
|
||||
label: "BridgeSpace", href: "#"},
|
||||
{
|
||||
label: "BridgeVoice",
|
||||
href: "#",
|
||||
},
|
||||
label: "BridgeVoice", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user