Update src/app/page.tsx
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -1,6 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
@@ -26,142 +27,145 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NoteGenius AI"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Transform Your Meetings with AI-Powered Notes"
|
||||
description="Capture every insight, automate summaries, and streamline collaboration for your B2B team. Focus on strategy, not transcription."
|
||||
background={{ variant: 'downward-rays-animated-grid' }}
|
||||
tag="NoteGenius AI"
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=1"
|
||||
imageAlt="NoteGenius AI Dashboard Preview"
|
||||
tagAnimation="entrance-slide"
|
||||
buttonAnimation="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Unlock Unprecedented Productivity"
|
||||
description="NoteGenius AI revolutionizes how B2B teams manage information, turning unstructured conversations into actionable intelligence. Our advanced AI listens, learns, and delivers precise summaries, freeing your team to innovate faster."
|
||||
tag="About NoteGenius AI"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=2"
|
||||
imageAlt="AI powered note taking software interface"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="entrance-slide"
|
||||
buttonAnimation="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Intelligent Features Designed for Business"
|
||||
description="Experience the next generation of notetaking with AI that works as hard as you do."
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Automated Summarization", description: "Get concise, accurate summaries of lengthy meetings and discussions, highlighting key decisions and action items." },
|
||||
{ icon: Users, title: "Real-time Collaboration", description: "Share notes, insights, and actions with your team instantly, fostering seamless communication and project alignment." },
|
||||
{ icon: ShieldCheck, title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and peace of mind." },
|
||||
{ icon: Workflow, title: "Seamless Integrations", description: "Connect NoteGenius AI with your favorite tools like CRM, project management, and communication platforms." },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Core Capabilities"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Proven Impact & Performance"
|
||||
description="See how NoteGenius AI delivers measurable results for businesses like yours."
|
||||
metrics={[
|
||||
{ id: "1", icon: Smile, title: "User Satisfaction", value: "98.5%" },
|
||||
{ id: "2", icon: Clock, title: "Time Saved per Week", value: "5+ Hrs" },
|
||||
{ id: "3", icon: CheckCircle, title: "Decision Accuracy", value: "99.9%" },
|
||||
]}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Our Results"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Trusted by Leading B2B Companies"
|
||||
description="Hear directly from the businesses transforming their workflows with NoteGenius AI."
|
||||
testimonials={[
|
||||
{ id: "1", title: "\"A Game-Changer for Our Sales Team!\"", quote: "NoteGenius AI has revolutionized how our sales team prepares for calls and follows up. The automated summaries are incredibly accurate and save us hours every week. Highly recommended for any B2B organization.", name: "Sarah Johnson", role: "CEO, Innovate Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-sarah-johnson-1771701002847-37f53070.png", imageAlt: "Sarah Johnson, CEO Innovate Solutions" },
|
||||
{ id: "2", title: "\"Enhanced Our Project Management Workflow\"", quote: "Integrating NoteGenius AI into our project meetings has drastically improved our action item tracking and overall team alignment. Decisions are clearer, and projects move faster than ever before.", name: "Michael Chen", role: "CTO, Global Tech Ventures", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-michael-chen--1771701003064-abe03de7.png", imageAlt: "Michael Chen, CTO Global Tech Ventures" },
|
||||
{ id: "3", title: "\"The Best Investment for Team Productivity\"", quote: "We've seen a significant boost in our marketing team's productivity since adopting NoteGenius AI. The ability to quickly extract insights from brainstorming sessions is invaluable. It's a must-have tool.", name: "Emily Davis", role: "Marketing Director, Growth Strategies Inc.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-emily-davis-m-1771701002472-0dfdf5d1.png", imageAlt: "Emily Davis, Marketing Director Growth Strategies Inc." },
|
||||
{ id: "4", title: "\"Seamless Integration and Unmatched Accuracy\"", quote: "NoteGenius AI's seamless integration with our existing tools and its exceptional accuracy in capturing complex discussions have made it an indispensable part of our daily operations. It truly understands our business context.", name: "David Lee", role: "Head of Product, Nexus Innovations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-david-lee-hea-1771701002701-33cc7c47.png", imageAlt: "David Lee, Head of Product Nexus Innovations" },
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Customer Success Stories"
|
||||
tagAnimation="entrance-slide"
|
||||
buttonAnimation="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about NoteGenius AI."
|
||||
faqs={[
|
||||
{ id: "1", title: "What kind of meetings can NoteGenius AI transcribe?", content: "NoteGenius AI is designed to transcribe a wide range of business meetings, including sales calls, internal team syncs, client presentations, and strategy sessions." },
|
||||
{ id: "2", title: "How does NoteGenius AI ensure data security?", content: "We prioritize your data's security with end-to-end encryption, regular security audits, and compliance with global data protection regulations like GDPR and CCPA." },
|
||||
{ id: "3", title: "Can I integrate NoteGenius AI with my existing tools?", content: "Yes, NoteGenius AI offers robust integration capabilities with popular CRM platforms, project management tools, and communication applications. We also provide an API for custom integrations." },
|
||||
{ id: "4", title: "Is there a limit to how long a meeting can be?", content: "Our advanced infrastructure is built to handle meetings of varying lengths. Please refer to our pricing plans for specific details on recording duration limits per plan." },
|
||||
{ id: "5", title: "How accurate are the AI summaries?", content: "NoteGenius AI leverages state-of-the-art natural language processing (NLP) to achieve highly accurate summaries, with ongoing improvements based on user feedback and advanced learning models." },
|
||||
{ id: "6", title: "Do you offer custom enterprise solutions?", content: "Absolutely. For larger enterprises with unique requirements, we offer tailored solutions and dedicated support. Please contact our sales team to discuss your specific needs." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Need Help?"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to Revolutionize Your Notetaking?"
|
||||
description="Connect with our team to discover how NoteGenius AI can empower your business."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Business Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs...", rows: 5, required: false }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stylized-illustration-of-a-diverse-tea-1771701003795-99c299cf.png"
|
||||
imageAlt="Diverse team collaborating with AI notetaking tools"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="left"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png?_wi=3"
|
||||
imageAlt="NoteGenius AI Dashboard Footer"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "/careers" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "#faq" }] },
|
||||
]}
|
||||
logoText="NoteGenius AI"
|
||||
copyrightText="© 2024 NoteGenius AI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NoteGenius AI"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Transform Your Meetings with AI-Powered Notes"
|
||||
description="Capture every insight, automate summaries, and streamline collaboration for your B2B team. Focus on strategy, not transcription."
|
||||
background={{ variant: 'downward-rays-animated-grid' }}
|
||||
tag="NoteGenius AI"
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png"
|
||||
imageAlt="NoteGenius AI Dashboard Preview"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Unlock Unprecedented Productivity"
|
||||
description="NoteGenius AI revolutionizes how B2B teams manage information, turning unstructured conversations into actionable intelligence. Our advanced AI listens, learns, and delivers precise summaries, freeing your team to innovate faster."
|
||||
tag="About NoteGenius AI"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png"
|
||||
imageAlt="AI powered note taking software interface"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Intelligent Features Designed for Business"
|
||||
description="Experience the next generation of notetaking with AI that works as hard as you do."
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Automated Summarization", description: "Get concise, accurate summaries of lengthy meetings and discussions, highlighting key decisions and action items." },
|
||||
{ icon: Users, title: "Real-time Collaboration", description: "Share notes, insights, and actions with your team instantly, fostering seamless communication and project alignment." },
|
||||
{ icon: ShieldCheck, title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and peace of mind." },
|
||||
{ icon: Workflow, title: "Seamless Integrations", description: "Connect NoteGenius AI with your favorite tools like CRM, project management, and communication platforms." },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Core Capabilities"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Proven Impact & Performance"
|
||||
description="See how NoteGenius AI delivers measurable results for businesses like yours."
|
||||
metrics={[
|
||||
{ id: "1", icon: Smile, title: "User Satisfaction", value: "98.5%" },
|
||||
{ id: "2", icon: Clock, title: "Time Saved per Week", value: "5+ Hrs" },
|
||||
{ id: "3", icon: CheckCircle, title: "Decision Accuracy", value: "99.9%" },
|
||||
]}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Our Results"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Trusted by Leading B2B Companies"
|
||||
description="Hear directly from the businesses transforming their workflows with NoteGenius AI."
|
||||
testimonials={[
|
||||
{ id: "1", title: "\"A Game-Changer for Our Sales Team!\"", quote: "NoteGenius AI has revolutionized how our sales team prepares for calls and follows up. The automated summaries are incredibly accurate and save us hours every week. Highly recommended for any B2B organization.", name: "Sarah Johnson", role: "CEO, Innovate Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-sarah-johnson-1771701002847-37f53070.png", imageAlt: "Sarah Johnson, CEO Innovate Solutions" },
|
||||
{ id: "2", title: "\"Enhanced Our Project Management Workflow\"", quote: "Integrating NoteGenius AI into our project meetings has drastically improved our action item tracking and overall team alignment. Decisions are clearer, and projects move faster than ever before.", name: "Michael Chen", role: "CTO, Global Tech Ventures", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-michael-chen--1771701003064-abe03de7.png", imageAlt: "Michael Chen, CTO Global Tech Ventures" },
|
||||
{ id: "3", title: "\"The Best Investment for Team Productivity\"", quote: "We've seen a significant boost in our marketing team's productivity since adopting NoteGenius AI. The ability to quickly extract insights from brainstorming sessions is invaluable. It's a must-have tool.", name: "Emily Davis", role: "Marketing Director, Growth Strategies Inc.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-emily-davis-m-1771701002472-0dfdf5d1.png", imageAlt: "Emily Davis, Marketing Director Growth Strategies Inc." },
|
||||
{ id: "4", title: "\"Seamless Integration and Unmatched Accuracy\"", quote: "NoteGenius AI's seamless integration with our existing tools and its exceptional accuracy in capturing complex discussions have made it an indispensable part of our daily operations. It truly understands our business context.", name: "David Lee", role: "Head of Product, Nexus Innovations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-david-lee-hea-1771701002701-33cc7c47.png", imageAlt: "David Lee, Head of Product Nexus Innovations" },
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Customer Success Stories"
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about NoteGenius AI."
|
||||
faqs={[
|
||||
{ id: "1", title: "What kind of meetings can NoteGenius AI transcribe?", content: "NoteGenius AI is designed to transcribe a wide range of business meetings, including sales calls, internal team syncs, client presentations, and strategy sessions." },
|
||||
{ id: "2", title: "How does NoteGenius AI ensure data security?", content: "We prioritize your data's security with end-to-end encryption, regular security audits, and compliance with global data protection regulations like GDPR and CCPA." },
|
||||
{ id: "3", title: "Can I integrate NoteGenius AI with my existing tools?", content: "Yes, NoteGenius AI offers robust integration capabilities with popular CRM platforms, project management tools, and communication applications. We also provide an API for custom integrations." },
|
||||
{ id: "4", title: "Is there a limit to how long a meeting can be?", content: "Our advanced infrastructure is built to handle meetings of varying lengths. Please refer to our pricing plans for specific details on recording duration limits per plan." },
|
||||
{ id: "5", title: "How accurate are the AI summaries?", content: "NoteGenius AI leverages state-of-the-art natural language processing (NLP) to achieve highly accurate summaries, with ongoing improvements based on user feedback and advanced learning models." },
|
||||
{ id: "6", title: "Do you offer custom enterprise solutions?", content: "Absolutely. For larger enterprises with unique requirements, we offer tailored solutions and dedicated support. Please contact our sales team to discuss your specific needs." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Need Help?"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready to Revolutionize Your Notetaking?"
|
||||
description="Connect with our team to discover how NoteGenius AI can empower your business."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Business Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs...", rows: 5, required: false }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-stylized-illustration-of-a-diverse-tea-1771701003795-99c299cf.png"
|
||||
imageAlt="Diverse team collaborating with AI notetaking tools"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="left"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-clean-modern-ai-notetaking-dashboard-i-1771701006792-1be35ae6.png"
|
||||
imageAlt="NoteGenius AI Dashboard Footer"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "/careers" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "/blog" }, { label: "Support", href: "#faq" }] },
|
||||
]}
|
||||
logoText="NoteGenius AI"
|
||||
copyrightText="© 2024 NoteGenius AI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user