bender/ebbcf462-6c19-4e7d-98c9-403cfcacdfcf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 11:55:06 +00:00
parent 16ea61538b
commit b55a77b03c
1 changed files with 51 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

383
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Products",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Docs",
id: "docs",
},
{
name: "Changelog",
id: "changelog",
},
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Docs", id: "docs" },
{ name: "Changelog", id: "changelog" },
]}
brandName="Nebula"
/>
@@ -58,74 +46,20 @@ export default function LandingPage() {
title="Deploy AI models at the speed of thought"
description="Nebula provides world-class inference infrastructure for developers. Sub-50ms latency for all major LLMs with zero configuration."
testimonials={[
{
name: "Alex Rivet",
handle: "@arivet",
testimonial: "Nebula changed our inference game. Latency dropped by 80% immediately.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/workman-factory-writing-notes_1303-30620.jpg?_wi=1",
},
{
name: "Jordan Smith",
handle: "@jsmith",
testimonial: "The easiest deployment we've ever done. Absolute perfection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=1",
},
{
name: "Maria Garcia",
handle: "@mgarcia",
testimonial: "Sub-50ms is real. Our AI app feels instant for users.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg",
},
{
name: "Leo Kim",
handle: "@leokim",
testimonial: "The observability tools are best-in-class.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-working-it-security-data-monitoring-center_23-2151966688.jpg",
},
{
name: "Sam Wong",
handle: "@samwong",
testimonial: "Incredible infrastructure, highly recommend Nebula.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-helmet-medium-shot_23-2148920603.jpg",
},
{ name: "Alex Rivet", handle: "@arivet", testimonial: "Nebula changed our inference game. Latency dropped by 80% immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workman-factory-writing-notes_1303-30620.jpg" },
{ name: "Jordan Smith", handle: "@jsmith", testimonial: "The easiest deployment we've ever done. Absolute perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg" },
{ name: "Maria Garcia", handle: "@mgarcia", testimonial: "Sub-50ms is real. Our AI app feels instant for users.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg" },
{ name: "Leo Kim", handle: "@leokim", testimonial: "The observability tools are best-in-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-it-security-data-monitoring-center_23-2151966688.jpg" },
{ name: "Sam Wong", handle: "@samwong", testimonial: "Incredible infrastructure, highly recommend Nebula.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-helmet-medium-shot_23-2148920603.jpg" }
]}
buttons={[
{
text: "Get Started",
href: "#",
},
{
text: "Watch Demo",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg?_wi=1"
buttons={[{ text: "Get Started", href: "#" }, { text: "Watch Demo", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
alt: "developer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/workman-factory-writing-notes_1303-30620.jpg",
alt: "product manager headshot",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
alt: "cto headshot",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg",
alt: "data scientist",
},
{
src: "http://img.b2bpic.net/free-photo/man-working-it-security-data-monitoring-center_23-2151966688.jpg",
alt: "engineer portrait",
},
{ src: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg", alt: "developer portrait" },
{ src: "http://img.b2bpic.net/free-photo/workman-factory-writing-notes_1303-30620.jpg", alt: "product manager headshot" },
{ src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "cto headshot" },
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-entrepreneur-standing-office-looking-camera_637285-2744.jpg", alt: "data scientist" },
{ src: "http://img.b2bpic.net/free-photo/man-working-it-security-data-monitoring-center_23-2151966688.jpg", alt: "engineer portrait" }
]}
avatarText="Trusted by 10,000+ developers"
/>
@@ -150,65 +84,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Sub-50ms Latency",
description: "Global edge optimization ensuring lowest possible round-trip time.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg",
},
items: [
{
text: "Industry-leading speeds",
icon: Zap,
},
{
text: "Real-time responses",
icon: Clock,
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg?_wi=2",
imageAlt: "futuristic ai dashboard",
title: "Sub-50ms Latency", description: "Global edge optimization ensuring lowest possible round-trip time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg" },
items: [{ text: "Industry-leading speeds", icon: Zap }, { text: "Real-time responses", icon: Clock }],
reverse: false
},
{
title: "Model Agnostic",
description: "Seamlessly integrate with GPT-4, Llama, Claude, and more via one endpoint.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
},
items: [
{
text: "Standardized API",
icon: Box,
},
{
text: "Multiple model support",
icon: Layers,
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/workman-factory-writing-notes_1303-30620.jpg?_wi=2",
imageAlt: "futuristic ai dashboard",
title: "Model Agnostic", description: "Seamlessly integrate with GPT-4, Llama, Claude, and more via one endpoint.", media: { imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
items: [{ text: "Standardized API", icon: Box }, { text: "Multiple model support", icon: Layers }],
reverse: true
},
{
title: "Auto-scaling Infrastructure",
description: "Hands-off scaling based on demand, handling millions of requests per second.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
},
items: [
{
text: "Instant scale",
icon: TrendingUp,
},
{
text: "Reliable uptime",
icon: Shield,
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=2",
imageAlt: "futuristic ai dashboard",
},
title: "Auto-scaling Infrastructure", description: "Hands-off scaling based on demand, handling millions of requests per second.", media: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg" },
items: [{ text: "Instant scale", icon: TrendingUp }, { text: "Reliable uptime", icon: Shield }],
reverse: false
}
]}
title="Everything you need to ship AI"
description="Powerful tools designed to accelerate your AI product journey from prototype to enterprise."
@@ -221,30 +110,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Clock,
title: "Average Latency",
value: "42ms",
},
{
id: "m2",
icon: ShieldCheck,
title: "Uptime",
value: "99.99%",
},
{
id: "m3",
icon: Activity,
title: "Daily Calls",
value: "2.3B",
},
{
id: "m4",
icon: Globe,
title: "Regions",
value: "150+",
},
{ id: "m1", icon: Clock, title: "Average Latency", value: "42ms" },
{ id: "m2", icon: ShieldCheck, title: "Uptime", value: "99.99%" },
{ id: "m3", icon: Activity, title: "Daily Calls", value: "2.3B" },
{ id: "m4", icon: Globe, title: "Regions", value: "150+" },
]}
title="Performance at scale"
description="Proven numbers that matter for your production workload."
@@ -257,41 +126,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex Rivet",
role: "CEO @ TechCorp",
testimonial: "Nebula changed our inference game.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg",
},
{
id: "t2",
name: "Jordan Smith",
role: "CTO @ Labs",
testimonial: "The easiest deployment we've ever done.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-people-taking-selfie_23-2148911793.jpg",
},
{
id: "t3",
name: "Maria Garcia",
role: "PM @ Growth",
testimonial: "Our AI app feels instant for users.",
imageSrc: "http://img.b2bpic.net/free-photo/female-executive-manager-team_1262-1470.jpg",
},
{
id: "t4",
name: "Leo Kim",
role: "Dev @ XYZ",
testimonial: "The observability tools are elite.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-computer-with-data-analysis-security-screen_23-2151967413.jpg",
},
{
id: "t5",
name: "Sam Wong",
role: "Lead @ Alpha",
testimonial: "Incredible infrastructure, highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
},
{ id: "t1", name: "Alex Rivet", role: "CEO @ TechCorp", testimonial: "Nebula changed our inference game.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg" },
{ id: "t2", name: "Jordan Smith", role: "CTO @ Labs", testimonial: "The easiest deployment we've ever done.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-people-taking-selfie_23-2148911793.jpg" },
{ id: "t3", name: "Maria Garcia", role: "PM @ Growth", testimonial: "Our AI app feels instant for users.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-manager-team_1262-1470.jpg" },
{ id: "t4", name: "Leo Kim", role: "Dev @ XYZ", testimonial: "The observability tools are elite.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-computer-with-data-analysis-security-screen_23-2151967413.jpg" },
{ id: "t5", name: "Sam Wong", role: "Lead @ Alpha", testimonial: "Incredible infrastructure, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg" },
]}
title="Trusted by developers"
description="What our users say about the Nebula experience."
@@ -304,39 +143,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Hobby",
price: "$0",
subtitle: "For prototyping",
features: [
"1k calls/mo",
"Community support",
"Standard model",
],
},
{
id: "p2",
badge: "Pro",
price: "$29",
subtitle: "For production",
features: [
"1M calls/mo",
"Priority support",
"Advanced models",
],
},
{
id: "p3",
badge: "Enterprise",
price: "Custom",
subtitle: "For high volume",
features: [
"Unlimited calls",
"Dedicated engineer",
"Custom SLAs",
],
},
{ id: "p1", badge: "Hobby", price: "$0", subtitle: "For prototyping", features: ["1k calls/mo", "Community support", "Standard model"] },
{ id: "p2", badge: "Pro", price: "$29", subtitle: "For production", features: ["1M calls/mo", "Priority support", "Advanced models"] },
{ id: "p3", badge: "Enterprise", price: "Custom", subtitle: "For high volume", features: ["Unlimited calls", "Dedicated engineer", "Custom SLAs"] },
]}
title="Transparent pricing"
description="Scale your production without hidden surprises."
@@ -348,41 +157,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is Nebula safe?",
content: "Yes, we prioritize security and compliance above all else.",
},
{
id: "f2",
title: "Do you support GPT-4?",
content: "Yes, we support all major LLMs including the latest GPT models.",
},
{
id: "f3",
title: "Can I cancel anytime?",
content: "Absolutely, our billing is flexible and transparent.",
},
{
id: "f4",
title: "How fast is latency?",
content: "Our average latency is well below 50ms globally.",
},
{
id: "f5",
title: "Is there a free trial?",
content: "Yes, our Hobby tier is free to get started.",
},
{
id: "f6",
title: "Need help?",
content: "Reach out via our discord or contact support.",
},
{
id: "f7",
title: "Where is data stored?",
content: "We offer multi-region storage to ensure compliance.",
},
{ id: "f1", title: "Is Nebula safe?", content: "Yes, we prioritize security and compliance above all else." },
{ id: "f2", title: "Do you support GPT-4?", content: "Yes, we support all major LLMs including the latest GPT models." },
{ id: "f3", title: "Can I cancel anytime?", content: "Absolutely, our billing is flexible and transparent." },
{ id: "f4", title: "How fast is latency?", content: "Our average latency is well below 50ms globally." },
{ id: "f5", title: "Is there a free trial?", content: "Yes, our Hobby tier is free to get started." },
{ id: "f6", title: "Need help?", content: "Reach out via our discord or contact support." },
{ id: "f7", title: "Where is data stored?", content: "We offer multi-region storage to ensure compliance." },
]}
title="Common questions"
description="Everything you need to know about Nebula."
@@ -393,9 +174,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Contact"
title="Ready to build the future?"
description="Join thousands of developers already building with Nebula."
@@ -406,71 +185,11 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Nebula"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#",
},
{
label: "Pricing",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Docs",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "X (Twitter)",
href: "#",
},
{
label: "Discord",
href: "#",
},
],
},
{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
{ title: "Resources", items: [{ label: "Docs", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
{ title: "Connect", items: [{ label: "X (Twitter)", href: "#" }, { label: "Discord", href: "#" }] },
]}
/>
</div>