add all
This commit is contained in:
@@ -25,8 +25,7 @@ function Header() {
|
||||
<div className="max-w-lg">
|
||||
<h2 className="text-2xl font-medium tracking-tight">Our mission</h2>
|
||||
<p className="mt-6 text-sm/6 text-gray-600">
|
||||
At Radiant, we are dedicated to transforming the way revenue
|
||||
organizations source and close deals. Our mission is to provide our
|
||||
At Indaba, we are dedicated to transforming the way communities engage and collaborate. Our mission is to provide our
|
||||
customers with an unfair advantage over both their competitors and
|
||||
potential customers through insight and analysis. We’ll stop at
|
||||
nothing to get you the data you need to close a deal.
|
||||
@@ -135,8 +134,7 @@ function Team() {
|
||||
Founded by an all-star team.
|
||||
</Heading>
|
||||
<Lead className="mt-6 max-w-3xl">
|
||||
Radiant is founded by two of the best sellers in the business and backed
|
||||
by investors who look the other way.
|
||||
Indaba is founded by community leaders and backed by investors who believe in the power of meaningful participation.
|
||||
</Lead>
|
||||
<div className="mt-12 grid grid-cols-1 gap-12 lg:grid-cols-2">
|
||||
<div className="max-w-lg">
|
||||
@@ -147,13 +145,13 @@ function Team() {
|
||||
offers, they had an idea: what if they shared data to win deals and
|
||||
split the commission behind their companies’ backs? It turned out to
|
||||
be an incredible success, and that idea became the kernel for
|
||||
Radiant.
|
||||
Indaba.
|
||||
</p>
|
||||
<p className="mt-8 text-sm/6 text-gray-600">
|
||||
Today, Radiant transforms revenue organizations by harnessing
|
||||
illegally acquired customer and competitor data, using it to provide
|
||||
extraordinary leverage. More than 30,000 companies rely on Radiant
|
||||
to undercut their competitors and extort their customers, all
|
||||
Today, Indaba transforms communities by harnessing
|
||||
collective wisdom and collaborative action, using it to create
|
||||
meaningful change. More than 30,000 communities rely on Indaba
|
||||
to engage their members and drive positive impact, all
|
||||
through a single integrated platform.
|
||||
</p>
|
||||
<div className="mt-6">
|
||||
|
||||
@@ -3,8 +3,8 @@ import type { Metadata } from 'next'
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: {
|
||||
template: '%s - Radiant',
|
||||
default: 'Radiant - Close every deal',
|
||||
template: '%s - Indaba',
|
||||
default: 'Indaba - The Platform for Purposeful Participation',
|
||||
},
|
||||
}
|
||||
|
||||
@@ -23,7 +23,7 @@ export default function RootLayout({
|
||||
<link
|
||||
rel="alternate"
|
||||
type="application/rss+xml"
|
||||
title="The Radiant Blog"
|
||||
title="The Indaba Blog"
|
||||
href="/blog/feed.xml"
|
||||
/>
|
||||
</head>
|
||||
|
||||
177
src/app/page.tsx
177
src/app/page.tsx
@@ -16,40 +16,41 @@ import { Testimonials } from '@/components/testimonials'
|
||||
import { Heading, Subheading } from '@/components/text'
|
||||
import { ChevronRightIcon } from '@heroicons/react/16/solid'
|
||||
import type { Metadata } from 'next'
|
||||
import Portfolio from '@/components/portfolio'
|
||||
import { IndabaOs } from '@/components/indabaos'
|
||||
|
||||
export const metadata: Metadata = {
|
||||
description:
|
||||
'Radiant helps you sell more by revealing sensitive information about your customers.',
|
||||
'Indaba is the platform that adds an "Engage" button to the Internet, inviting meaningful participation and contribution.',
|
||||
}
|
||||
|
||||
function Hero() {
|
||||
return (
|
||||
<div className="relative">
|
||||
<Gradient className="absolute inset-2 bottom-0 rounded-4xl ring-1 ring-black/5 ring-inset" />
|
||||
<Gradient className="absolute inset-2 bottom-0 rounded-4xl ring-1 ring-black/5 ring-inset " />
|
||||
<Container className="relative">
|
||||
<Navbar
|
||||
banner={
|
||||
<Link
|
||||
href="/blog/radiant-raises-100m-series-a-from-tailwind-ventures"
|
||||
className="flex items-center gap-1 rounded-full bg-fuchsia-950/35 px-3 py-0.5 text-sm/6 font-medium text-white data-hover:bg-fuchsia-950/30"
|
||||
href="/blog"
|
||||
className="flex items-center gap-1 rounded-full bg-indigo-800/35 px-4 py-0.5 text-sm/6 font-medium text-white data-hover:bg-indigo-800/50"
|
||||
>
|
||||
Radiant raises $100M Series A from Tailwind Ventures
|
||||
Join the Indaba Community
|
||||
<ChevronRightIcon className="size-4" />
|
||||
</Link>
|
||||
}
|
||||
/>
|
||||
<div className="pt-16 pb-24 sm:pt-24 sm:pb-32 md:pt-32 md:pb-48">
|
||||
<h1 className="font-display text-6xl/[0.9] font-medium tracking-tight text-balance text-gray-950 sm:text-8xl/[0.8] md:text-9xl/[0.8]">
|
||||
Close every deal.
|
||||
<div className="pt-16 pb-24 lg:pt-24 lg:pb-24 md: max-w-2xl lg:max-w-5xl">
|
||||
<h1 className="font-display text-5xl/[0.9] font-medium tracking-tight text-balance text-white lg:text-8xl text-6xl leading-tighter">
|
||||
The Platform for Purposeful Participation
|
||||
</h1>
|
||||
<p className="mt-8 max-w-lg text-xl/7 font-medium text-gray-950/75 sm:text-2xl/8">
|
||||
Radiant helps you sell more by revealing sensitive information about
|
||||
your customers.
|
||||
<p className="mt-8 max-w-3xl text-xl/5 font-light text-gray-150 lg:text-xl/7 text-gray-100">
|
||||
Indaba is the platform that adds an "Engage" button to the Internet. While most platforms offer "Like," or "Comment," Indaba invites people to take responsibility, contribute meaningfully, and become part of the solution.
|
||||
</p>
|
||||
<div className="mt-12 flex flex-col gap-x-6 gap-y-4 sm:flex-row">
|
||||
<Button href="#">Get started</Button>
|
||||
<Button href="#">Get Involved</Button>
|
||||
<Button variant="secondary" href="/pricing">
|
||||
See pricing
|
||||
See Projects
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -58,37 +59,43 @@ function Hero() {
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function FeatureSection() {
|
||||
return (
|
||||
<div className="overflow-hidden">
|
||||
<Container className="pb-24">
|
||||
<Heading as="h2" className="max-w-3xl">
|
||||
A snapshot of your entire sales pipeline.
|
||||
Deliver transformational experiences anywhere
|
||||
</Heading>
|
||||
<Screenshot
|
||||
width={1216}
|
||||
height={768}
|
||||
src="/screenshots/app.png"
|
||||
className="mt-16 h-144 sm:h-auto sm:w-304"
|
||||
className="mt-12 h-144 sm:h-auto sm:w-304"
|
||||
/>
|
||||
</Container>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
function BentoSection() {
|
||||
return (
|
||||
<Container>
|
||||
<Subheading>Sales</Subheading>
|
||||
<Subheading>Features</Subheading>
|
||||
<Heading as="h3" className="mt-2 max-w-3xl">
|
||||
Know more about your customers than they do.
|
||||
Empowering meaningful participation.
|
||||
</Heading>
|
||||
|
||||
<div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
|
||||
<BentoCard
|
||||
eyebrow="Insight"
|
||||
title="Get perfect clarity"
|
||||
description="Radiant uses social engineering to build a detailed financial picture of your leads. Know their budget, compensation package, social security number, and more."
|
||||
eyebrow="Community"
|
||||
title="Foster Engagement"
|
||||
description="Indaba creates spaces for meaningful dialogue and collaboration, helping communities come together to address shared challenges."
|
||||
graphic={
|
||||
<div className="h-80 bg-[url(/screenshots/profile.png)] bg-size-[1000px_560px] bg-position-[left_-109px_top_-112px] bg-no-repeat" />
|
||||
}
|
||||
@@ -96,9 +103,9 @@ function BentoSection() {
|
||||
className="max-lg:rounded-t-4xl lg:col-span-3 lg:rounded-tl-4xl"
|
||||
/>
|
||||
<BentoCard
|
||||
eyebrow="Analysis"
|
||||
title="Undercut your competitors"
|
||||
description="With our advanced data mining, you’ll know which companies your leads are talking to and exactly how much they’re being charged."
|
||||
eyebrow="Impact"
|
||||
title="Drive Real Change"
|
||||
description="Indaba empowers communities to identify challenges and work together on sustainable solutions through structured participation."
|
||||
graphic={
|
||||
<div className="absolute inset-0 bg-[url(/screenshots/competitors.png)] bg-size-[1100px_650px] bg-position-[left_-38px_top_-73px] bg-no-repeat" />
|
||||
}
|
||||
@@ -106,9 +113,9 @@ function BentoSection() {
|
||||
className="lg:col-span-3 lg:rounded-tr-4xl"
|
||||
/>
|
||||
<BentoCard
|
||||
eyebrow="Speed"
|
||||
title="Built for power users"
|
||||
description="It’s never been faster to cold email your entire contact list using our streamlined keyboard shortcuts."
|
||||
eyebrow="Tools"
|
||||
title="Powerful Features"
|
||||
description="Access intuitive tools designed to facilitate meaningful discussions, decision-making, and collaborative action within your community."
|
||||
graphic={
|
||||
<div className="flex size-full pt-10 pl-10">
|
||||
<Keyboard highlighted={['LeftCommand', 'LeftShift', 'D']} />
|
||||
@@ -117,16 +124,16 @@ function BentoSection() {
|
||||
className="lg:col-span-2 lg:rounded-bl-4xl"
|
||||
/>
|
||||
<BentoCard
|
||||
eyebrow="Source"
|
||||
title="Get the furthest reach"
|
||||
description="Bypass those inconvenient privacy laws to source leads from the most unexpected places."
|
||||
eyebrow="Connect"
|
||||
title="Build Networks"
|
||||
description="Connect with like-minded individuals and organizations committed to creating positive change in their communities."
|
||||
graphic={<LogoCluster />}
|
||||
className="lg:col-span-2"
|
||||
/>
|
||||
<BentoCard
|
||||
eyebrow="Limitless"
|
||||
title="Sell globally"
|
||||
description="Radiant helps you sell in locations currently under international embargo."
|
||||
eyebrow="Global"
|
||||
title="Worldwide Impact"
|
||||
description="Join a global movement of communities using Indaba to drive meaningful change and sustainable development."
|
||||
graphic={<Map />}
|
||||
className="max-lg:rounded-b-4xl lg:col-span-2 lg:rounded-br-4xl"
|
||||
/>
|
||||
@@ -135,76 +142,76 @@ function BentoSection() {
|
||||
)
|
||||
}
|
||||
|
||||
const stats = [
|
||||
{ id: 1, name: 'Lessons delivered', value: '+4,000,000,000' },
|
||||
{ id: 2, name: 'Educational resources', value: '+90,000,000' },
|
||||
{ id: 3, name: 'Spent on infrastructure & content development', value: '+$60,000,000' },
|
||||
]
|
||||
|
||||
|
||||
function DarkBentoSection() {
|
||||
return (
|
||||
<div className="mx-2 mt-2 rounded-4xl bg-gray-900 py-32">
|
||||
<Container>
|
||||
<Subheading dark>Outreach</Subheading>
|
||||
<Heading as="h3" dark className="mt-2 max-w-3xl">
|
||||
Customer outreach has never been easier.
|
||||
</Heading>
|
||||
<div className="pt-24 pb-12">
|
||||
<div className="mx-auto max-w-8xl px-6 lg:px-8">
|
||||
<div className="rounded-4xl bg-indigo-50 dark:bg-indigo-800/50 px-6 py-24 lg:rounded-3xl lg:px-16">
|
||||
<div className="flex flex-col gap-y-20 lg:flex-row lg:gap-x-12">
|
||||
{/* Left: Text Column */}
|
||||
<div className="lg:basis-5/12">
|
||||
<Subheading>About Indaba</Subheading>
|
||||
<Heading as="h3" className="mt-2 max-w-2xl">
|
||||
A Movement to Reimagine Learning for All
|
||||
</Heading>
|
||||
<p className="mt-8 text-xl/4 font-light text-gray-600 dark:text-gray-200 leading-normal lg:text-xl/6">
|
||||
Indaba is a social business on a mission to empower young people to be resilient, reach their full potential,
|
||||
and contribute to the common good. We’re building a global ecosystem for holistic learning — accessible online
|
||||
and offline, affordable to the many, and grounded in culture, care, and collaboration.
|
||||
</p>
|
||||
<div className="mt-8 flex flex-col gap-x-6 gap-y-4 sm:flex-row">
|
||||
<Button href="#">About Us</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
|
||||
<BentoCard
|
||||
dark
|
||||
eyebrow="Networking"
|
||||
title="Sell at the speed of light"
|
||||
description="Our RadiantAI chat assistants analyze the sentiment of your conversations in real time, ensuring you're always one step ahead."
|
||||
graphic={
|
||||
<div className="h-80 bg-[url(/screenshots/networking.png)] bg-size-[851px_344px] bg-no-repeat" />
|
||||
}
|
||||
fade={['top']}
|
||||
className="max-lg:rounded-t-4xl lg:col-span-4 lg:rounded-tl-4xl"
|
||||
/>
|
||||
<BentoCard
|
||||
dark
|
||||
eyebrow="Integrations"
|
||||
title="Meet leads where they are"
|
||||
description="With thousands of integrations, no one will be able to escape your cold outreach."
|
||||
graphic={<LogoTimeline />}
|
||||
// `overflow-visible!` is needed to work around a Chrome bug that disables the mask on the graphic.
|
||||
className="z-10 overflow-visible! lg:col-span-2 lg:rounded-tr-4xl"
|
||||
/>
|
||||
<BentoCard
|
||||
dark
|
||||
eyebrow="Meetings"
|
||||
title="Smart call scheduling"
|
||||
description="Automatically insert intro calls into your leads' calendars without their consent."
|
||||
graphic={<LinkedAvatars />}
|
||||
className="lg:col-span-2 lg:rounded-bl-4xl"
|
||||
/>
|
||||
<BentoCard
|
||||
dark
|
||||
eyebrow="Engagement"
|
||||
title="Become a thought leader"
|
||||
description="RadiantAI automatically writes LinkedIn posts that relate current events to B2B sales, helping you build a reputation as a thought leader."
|
||||
graphic={
|
||||
<div className="h-80 bg-[url(/screenshots/engagement.png)] bg-size-[851px_344px] bg-no-repeat" />
|
||||
}
|
||||
fade={['top']}
|
||||
className="max-lg:rounded-b-4xl lg:col-span-4 lg:rounded-br-4xl"
|
||||
/>
|
||||
{/* Right: Stats Column */}
|
||||
<div className="lg:basis-7/12 lg:pl-16">
|
||||
<dl className="grid grid-cols-1 gap-x-12 gap-y-10">
|
||||
{stats.map((stat) => (
|
||||
<div key={stat.id} className="flex flex-col gap-y-1">
|
||||
<dt className="text-base text-gray-600 dark:text-gray-300">{stat.name}</dt>
|
||||
<dd className="text-4xl lg:text-7xl font-semibold bg-linear-145 from-[#490ae7] from-10% via-[#9592ff] via-50% to-[#4605b0] to-90% bg-clip-text text-transparent">
|
||||
{stat.value}
|
||||
</dd>
|
||||
{stat.name && (
|
||||
<dd className="mt-2 text-sm lg:text-base font-light text-gray-600 dark:text-gray-300">
|
||||
{stat.name}
|
||||
</dd>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="overflow-hidden">
|
||||
<Hero />
|
||||
<main>
|
||||
<Container className="mt-10">
|
||||
<Container className="mt-24">
|
||||
<LogoCloud />
|
||||
</Container>
|
||||
<div className="bg-linear-to-b from-white from-50% to-gray-100 py-32">
|
||||
<FeatureSection />
|
||||
<BentoSection />
|
||||
</div>
|
||||
<DarkBentoSection />
|
||||
<div className="bg-linear-to-b from-white from-50% to-gray-100 py-24">
|
||||
<Testimonials />
|
||||
</div>
|
||||
<Portfolio />
|
||||
<IndabaOs />
|
||||
</main>
|
||||
<Testimonials />
|
||||
<Footer />
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user