+ We believe in the power of notetaking, not notetakers. Meetings should
+ be moments of presence, not passive attendance.{" "}
+ 
+
+ AI changes it. Instead of{" "} + + {" "} + scribbling{" "} + {" "} + notes, it gives us the power to be present. +
+
+ But we give it control over our meetings. What happens with all our
+ calls and chats then? Services sunset{" "}
+
+ 
+ {" "}
+ constantly, models change, progress is unstoppable.
+
+ We believe in owning your data, doesn't matter where it lives. More + + {" "} + important{" "} + {" "} + is what you bring from every meeting, every call, every chat. +
+
+
+ 
+ Char
+ 
+ {" "}
+ exists to preserve what makes us human: conversations that spark
+ ideas, collaborations that move work forward. We build tools that
+ amplify human agency, not replace it.
+
+ No ghost bots. No silent note lurkers. Just people,{" "}
+
+ thinking{" "}
+ 
{" "}
+
+ together.
+
+ Hyprnote +
+John Jeong, Yujong Lee
++
Loved by professionals at
@@ -712,6 +1043,9 @@ export function HowItWorksSection() { const [typedText1, setTypedText1] = useState(""); const [typedText2, setTypedText2] = useState(""); const [enhancedLines, setEnhancedLines] = useState(0); + const [activeTab, setActiveTab] = useState< + "notes" | "summary" | "transcription" + >("notes"); const text1 = "metrisc w/ john"; const text2 = "stakehlder mtg"; @@ -721,6 +1055,7 @@ export function HowItWorksSection() { setTypedText1(""); setTypedText2(""); setEnhancedLines(0); + setActiveTab("notes"); let currentIndex1 = 0; setTimeout(() => { @@ -740,27 +1075,31 @@ export function HowItWorksSection() { clearInterval(interval2); setTimeout(() => { - setEnhancedLines(1); + setActiveTab("summary"); + setTimeout(() => { - setEnhancedLines(2); + setEnhancedLines(1); setTimeout(() => { - setEnhancedLines(3); + setEnhancedLines(2); setTimeout(() => { - setEnhancedLines(4); + setEnhancedLines(3); setTimeout(() => { - setEnhancedLines(5); + setEnhancedLines(4); setTimeout(() => { - setEnhancedLines(6); + setEnhancedLines(5); setTimeout(() => { - setEnhancedLines(7); - setTimeout(() => runAnimation(), 1000); + setEnhancedLines(6); + setTimeout(() => { + setEnhancedLines(7); + setTimeout(() => runAnimation(), 2000); + }, 800); }, 800); }, 800); }, 800); }, 800); }, 800); - }, 800); - }, 500); + }, 300); + }, 800); } }, 50); } @@ -773,23 +1112,48 @@ export function HowItWorksSection() { return (- How it works +
+ All your meetings stay yours. +
+
+ We believe that file is more important than software.
+ All saves locally, in plain markdown
+ .md
- While you take notes, Char - listens and keeps track of everything that happens during the - meeting. -
+- After the meeting is over,{" "} - Char combines your notes with transcripts to create a perfect - summary. -
-
- = 2 ? "opacity-100" : "opacity-0",
- )}
+ ])}
>
Sarah presented the new mobile UI update, which includes a
streamlined navigation bar and improved button placements
@@ -895,149 +1248,400 @@ export function HowItWorksSection() {
- While you take notes, Char - listens and keeps track of everything that happens during the - meeting. +
+ Use local models or use Your Own key +
++ Hyprnote work with various transcription models right on your + device, even without internet.
+ + Meeting.12.03.26-11.32.wav +
+14:30:25
+ Upload records or existing transcripts +
++ Hyprnote work with various transcription models right on your + device, even without internet +
+1-1 with Joanna
++ AI Notetaker joined the call. +
+ No bot on calls +
++ Char is connecting right to your system audio and get every word + perfectly, no faceless bots join your meetings. +
- After the meeting is over,{" "}
- Char combines your notes with transcripts to create a perfect
- summary.
+export function AISection() {
+ const researchStatuses = [
+ "Exploring meetings",
+ "Analysing",
+ "Generating summary",
+ ];
+ const [statusIndex, setStatusIndex] = useState(0);
+
+ useEffect(() => {
+ const interval = setInterval(() => {
+ setStatusIndex((prev) => (prev + 1) % researchStatuses.length);
+ }, 1200);
+ return () => clearInterval(interval);
+ }, []);
+
+ return (
+
+ Ask, give tasks to execute and grow your team knowledge base.
+
+ Automate follow-up tasks across your tools without manual data
+ entry.
+ Get instant answers from your current calls and previous meetings.
+ John Jeong's progress
+ Chat with your AI assistant to learn more about the people you're
+ meeting with.
+
+ Add people from meetings in contacts, grow knowledge about your chats
+ and context of previous meetings
+
+ Import contacts and watch them come alive with context once you
+ actually meet.
+
+ Connect your calendar for intelligent meeting preparation and
+ automatic note organization.
+
+ Today at 10:00 AM · 30 minutes
+
+ Discussed Q1 roadmap, decided to prioritize mobile app.
+ Sarah to review designs by Jan 15.
+
+ Get more from every note with AI assistant
+
+
+ Workflows and integrations
+
+
- Mobile UI Update and API Adjustments
-
-
-
+ Ask questions in realtime
+
+
- New Dashboard – Urgent Priority
+
+ Deep research of your chats
+
+
+ Char grows with you
+
+
+ Your contacts in one place
+
+
+
+ 
+
+ Calendar
+
+
+
+
+ Weekly Team Sync
-
-
+
+ Last meeting context
+
+