Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/features/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ export default function FeaturesPage() {
</div>

{/* Mission Statement */}
<div className="mb-20 bg-gradient-to-r from-slate-800/80 to-slate-700/80 backdrop-blur-sm border border-slate-500 rounded-2xl p-10 tile">
<div className="mb-20 bg-slate-800/50 backdrop-blur-sm border border-slate-600 rounded-2xl p-10 tile">
<h2 className="text-3xl font-bold mb-4 text-white text-center">
Mission
</h2>
Expand Down
2 changes: 1 addition & 1 deletion app/foundations/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ export default function InspirationPage() {
</div>

{/* Summary Box */}
<div className="bg-gradient-to-r from-slate-800/80 to-slate-700/80 backdrop-blur-sm border border-slate-500 rounded-2xl p-10 tile">
<div className="bg-slate-800/50 backdrop-blur-sm border border-slate-600 rounded-2xl p-10 tile">
<h2 className="text-2xl font-bold mb-4 text-white">
VoxKit&apos;s Research-Driven Approach
</h2>
Expand Down
67 changes: 52 additions & 15 deletions app/page.tsx
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
"use client";
import {
Download,
ChevronDown,
Clock,
FileCheck,
FolderSync,
Github,
Users,
} from "lucide-react";
import Image from "next/image";
import WaveSeparator from "../components/WaveSeparator";
import GridButton from "../components/GridButton";
import { Footer, Navbar } from "../layout";

const GITHUB_URL =
"https://github.com/BrainBehaviorAnalyticsLab/voxkit-desktop";

const INTERSPEECH_URL = "https://interspeech2026.org/";

export default function VoxKitLanding() {
const features = [
{
Expand Down Expand Up @@ -92,14 +98,38 @@ export default function VoxKitLanding() {
workflows with zero command-line headaches.
</p>

{/* CTA Buttons */}

<GridButton
href="/installation"
className="text-lg px-8 py-4 rounded-lg text-cyan-400 border-cyan-400"
>
Get Started Today
</GridButton>
{/* Interspeech 2026 Show & Tell badge.
The conference wordmark is dark-on-transparent artwork, so it sits
on a white chip rather than being recoloured to suit the hero.
Below sm the chip stands alone -- the two lines of text do not fit
beside it at that width, and the logo already carries the year. */}
<div className="flex justify-center">
<a
href={INTERSPEECH_URL}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-3 rounded-full border border-cyan-400/40 bg-slate-900/60 backdrop-blur-sm py-1.5 pl-1.5 pr-1.5 sm:pr-5 hover:border-cyan-400/70 transition-colors"
>
<span className="rounded-full bg-white px-2.5 py-1.5">
<Image
src="/interspeech-2026.png"
alt="Interspeech 2026"
width={400}
height={141}
className="h-9 w-auto"
priority
/>
</span>
<span className="hidden sm:block text-sm text-left leading-tight">
<span className="block font-semibold text-white">
Catch our Show &amp; Tell demo
</span>
<span className="block text-slate-400">
ICC Sydney &middot; 27 Sep &ndash; 1 Oct 2026
</span>
</span>
</a>
</div>
</div>
<div className="absolute bottom-0 left-0 right-0 -mb-1">
<WaveSeparator
Expand Down Expand Up @@ -193,16 +223,23 @@ export default function VoxKitLanding() {
</p>
<div className="flex flex-wrap items-center justify-center gap-4">
<GridButton
href="/help/expected-workflow"
className="text-lg px-8 py-4 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 text-white border-white"
href="/installation"
className="text-lg px-8 py-4 rounded-lg text-cyan-400 border-cyan-400"
>
Expected Workflow
Get Started Today
</GridButton>
{/* Secondary to the CTA beside it: the source is for people who
want to read or contribute, not the path a researcher
installing VoxKit takes. */}
<GridButton
href="/installation"
className="text-lg px-8 py-4 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 text-white border-white"
href={GITHUB_URL}
target="_blank"
rel="noopener noreferrer"
className="text-lg px-8 py-4 rounded-lg text-slate-300 border-slate-500"
cellColor="rgba(148, 163, 184, 0.12)"
rippleColor="rgba(203, 213, 225, 0.5)"
>
<Download className="w-5 h-5" /> Install VoxKit
<Github className="w-5 h-5" /> View on GitHub
</GridButton>
</div>
</div>
Expand Down
Binary file added public/interspeech-2026.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading