Meeting Notes Landing Page
A landing page for Parley, a Mac meeting notes app, with a tabbed app hero, animated features, how it works, devices, team, CTA, and footer.
About Meeting Notes Landing Page
A full landing page for Parley, a meeting notes app that records and transcribes calls on your Mac. Every section uses the same brand, type, and buttons, so the page reads as one pitch. It works in light and dark mode.
The hero shows the real app in a window. Tabs switch between the recording, transcript, summary, ask, and search views. Below it, six feature cards each play a short loop: a keyboard shortcut, call app detection, speaker names, action items, local-only storage, and search.
Then comes a three-step how it works section, a devices section with a MacBook, iPhone, and iPad, a team section with photos you can drag, a CTA for teams, a scrolling wall of app logos, and a dark footer.
One command installs the page at app/meeting-notes-landing-page/page.tsx and each section at components/meeting-notes-landing-page/, so you can reorder sections or swap the copy for your own product.
Sections in this page
Each section is written for this page and installs as its own component.
- 01Navbar
components/meeting-notes-landing-page/navbar.tsx - 02Hero with app window
components/meeting-notes-landing-page/hero.tsx - 03Features
components/meeting-notes-landing-page/features.tsx - 04How it works
components/meeting-notes-landing-page/how-it-works.tsx - 05Devices
components/meeting-notes-landing-page/devices.tsx - 06Team
components/meeting-notes-landing-page/team.tsx - 07Call to action
components/meeting-notes-landing-page/cta.tsx - 08Logo wall
components/meeting-notes-landing-page/logo-wall.tsx - 09Footer
components/meeting-notes-landing-page/footer.tsx
Frequently asked questions
- How do I install the Meeting Notes Landing Page?
- Run npx shadcn@latest add @aceternity/meeting-notes-landing-page in your terminal. Before installing, add the Aceternity Pro registry to your components.json and set your API token as the ACETERNITY_PRO_TOKEN environment variable. The CLI installs the page file, all 9 section components, and their dependencies in one step.
- Can I change the sections in the Meeting Notes Landing Page?
- Yes. Every section is a separate component in components/meeting-notes-landing-page, and the page file only imports and orders them. All sections share one brand and one voice, so you can replace the copy in one pass. Reorder or remove sections by editing the page file.
- Is this page included with All-Access?
- Yes. Pages are included with the Aceternity UI All-Access plan. With All-Access you can preview the page, read every file, and install it with the shadcn CLI.
- What frameworks does this page work with?
- The page is built for Next.js with the App Router, React, TypeScript, Tailwind CSS v4, and Motion. The sections are plain React components, so they also work in any React-based framework, such as TanStack Start, Vite, React Router, Remix, or Astro with React, when Tailwind CSS and Motion are set up.
Install needs the Aceternity registry in your components.json. Set up the CLI · All pages
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
