Merge version_1 into main #1
321
src/app/page.tsx
321
src/app/page.tsx
@@ -33,29 +33,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
name: "How It Works", id: "#how-it-works"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Login",
|
||||
onClick: "() => console.log('Login clicked')",
|
||||
text: "Login", onClick: () => console.log('Login clicked'),
|
||||
}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/paper-craft-art-rewind-button_53876-92788.jpg"
|
||||
brandName="NoteForge"
|
||||
@@ -65,73 +54,43 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Transform Your Thoughts into Actionable Text"
|
||||
description="Leverage AI to convert handwritten notes and voice recordings into editable, searchable digital text with unparalleled accuracy. Boost your productivity with NoteForge."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tired-man-computer_23-2147717292.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tired-man-computer_23-2147717292.jpg", alt: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",
|
||||
alt: "Cheerful African American businessman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", alt: "Cheerful African American businessman"},
|
||||
]}
|
||||
avatarText="Loved by 100k+ professionals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started Free", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-black-watercolor-copy-space-pattern-background_23-2148802053.jpg",
|
||||
alt: "Handwritten notes icon",
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-black-watercolor-copy-space-pattern-background_23-2148802053.jpg", alt: "Handwritten notes icon"},
|
||||
{
|
||||
type: "text-icon", text: "Voice Transcription", icon: Mic,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Voice Transcription",
|
||||
icon: Mic,
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692165.jpg", alt: "AI processing icon"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692165.jpg",
|
||||
alt: "AI processing icon",
|
||||
},
|
||||
type: "text", text: "Boost Productivity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Boost Productivity",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/yellow-vitamin-pill-vector-illustration-with-glossy-finish_1308-184537.jpg", alt: "Digital text icon"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-vitamin-pill-vector-illustration-with-glossy-finish_1308-184537.jpg",
|
||||
alt: "Digital text icon",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Sync",
|
||||
icon: Cloud,
|
||||
type: "text-icon", text: "Cloud Sync", icon: Cloud,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
@@ -146,17 +105,11 @@ export default function LandingPage() {
|
||||
description="NoteForge revolutionizes the way you capture and utilize information, turning transient thoughts into permanent, accessible knowledge. Our cutting-edge AI transforms your notes and voice into a searchable, editable format, seamlessly integrating into your workflow."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.8%",
|
||||
title: "Accuracy Rate",
|
||||
},
|
||||
value: "99.8%", title: "Accuracy Rate"},
|
||||
{
|
||||
value: "100k+",
|
||||
title: "Happy Users",
|
||||
},
|
||||
value: "100k+", title: "Happy Users"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Integrations",
|
||||
},
|
||||
value: "50+", title: "Integrations"},
|
||||
]}
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-woman-with-fluorescent-make-up_23-2148410104.jpg"
|
||||
@@ -172,53 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "handwriting-ocr",
|
||||
title: "Handwriting OCR",
|
||||
description: "Upload images of your handwritten notes and watch them transform into editable text instantly. Our OCR is optimized for various styles.",
|
||||
tag: "Smart Scan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-office_1301-3838.jpg",
|
||||
imageAlt: "Handwriting recognition on tablet",
|
||||
},
|
||||
id: "handwriting-ocr", title: "Handwriting OCR", description: "Upload images of your handwritten notes and watch them transform into editable text instantly. Our OCR is optimized for various styles.", tag: "Smart Scan", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-office_1301-3838.jpg", imageAlt: "Handwriting recognition on tablet"},
|
||||
{
|
||||
id: "voice-to-text",
|
||||
title: "Voice-to-Text Transcription",
|
||||
description: "Convert audio recordings to text with high accuracy. Perfect for meetings, lectures, or capturing ideas on the go.",
|
||||
tag: "Audio Magic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphone-graphic-digital-tablet-with-musical-note-screen-with-stylus-pen_23-2147889322.jpg",
|
||||
imageAlt: "Voice to text transcription",
|
||||
},
|
||||
id: "voice-to-text", title: "Voice-to-Text Transcription", description: "Convert audio recordings to text with high accuracy. Perfect for meetings, lectures, or capturing ideas on the go.", tag: "Audio Magic", imageSrc: "http://img.b2bpic.net/free-photo/headphone-graphic-digital-tablet-with-musical-note-screen-with-stylus-pen_23-2147889322.jpg", imageAlt: "Voice to text transcription"},
|
||||
{
|
||||
id: "multi-format-support",
|
||||
title: "Multi-Format Support",
|
||||
description: "Process notes from various sources including images (JPG, PNG) and audio files (MP3, WAV). Flexible input for all your needs.",
|
||||
tag: "Versatile",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/media-icon-flat_1284-5096.jpg",
|
||||
imageAlt: "Multi-format file icons",
|
||||
},
|
||||
id: "multi-format-support", title: "Multi-Format Support", description: "Process notes from various sources including images (JPG, PNG) and audio files (MP3, WAV). Flexible input for all your needs.", tag: "Versatile", imageSrc: "http://img.b2bpic.net/free-vector/media-icon-flat_1284-5096.jpg", imageAlt: "Multi-format file icons"},
|
||||
{
|
||||
id: "cloud-sync",
|
||||
title: "Seamless Cloud Sync",
|
||||
description: "Access your converted notes from any device, anywhere. Your data is always up-to-date and securely stored in the cloud.",
|
||||
tag: "Always On",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-laptop-work-company-innovation-planning-financial-project-business-development-growth-manager-creating-authentic-strategy-accountant-career-close-up_482257-33913.jpg",
|
||||
imageAlt: "Cloud sync across devices",
|
||||
},
|
||||
id: "cloud-sync", title: "Seamless Cloud Sync", description: "Access your converted notes from any device, anywhere. Your data is always up-to-date and securely stored in the cloud.", tag: "Always On", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-laptop-work-company-innovation-planning-financial-project-business-development-growth-manager-creating-authentic-strategy-accountant-career-close-up_482257-33913.jpg", imageAlt: "Cloud sync across devices"},
|
||||
{
|
||||
id: "export-options",
|
||||
title: "Flexible Export Options",
|
||||
description: "Export your transcribed text into popular formats like PDF, TXT, and DOCX, making it easy to integrate with your existing tools.",
|
||||
tag: "Integrate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-with-books-yellow-background_23-2148207606.jpg",
|
||||
imageAlt: "Document export options",
|
||||
},
|
||||
id: "export-options", title: "Flexible Export Options", description: "Export your transcribed text into popular formats like PDF, TXT, and DOCX, making it easy to integrate with your existing tools.", tag: "Integrate", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-with-books-yellow-background_23-2148207606.jpg", imageAlt: "Document export options"},
|
||||
{
|
||||
id: "intelligent-search",
|
||||
title: "Intelligent Search",
|
||||
description: "Quickly find any piece of information within your vast library of notes using advanced AI-powered search capabilities.",
|
||||
tag: "Find Anything",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-something-notebook-while-looking-her-smartphone_23-2149240368.jpg",
|
||||
imageAlt: "Intelligent search magnifying glass",
|
||||
},
|
||||
id: "intelligent-search", title: "Intelligent Search", description: "Quickly find any piece of information within your vast library of notes using advanced AI-powered search capabilities.", tag: "Find Anything", imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-something-notebook-while-looking-her-smartphone_23-2149240368.jpg", imageAlt: "Intelligent search magnifying glass"},
|
||||
]}
|
||||
title="Effortless Conversion at Your Fingertips"
|
||||
description="Our advanced AI ensures every word from your handwritten notes or spoken words is accurately transcribed, ready for editing and sharing. Experience the power of intelligent conversion."
|
||||
@@ -230,22 +147,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"InnovateCorp",
|
||||
"DataStream Analytics",
|
||||
"Synergy Solutions",
|
||||
"Quantus AI",
|
||||
"Velocity Systems",
|
||||
"Nexus Innovations",
|
||||
"Apex Tech",
|
||||
]}
|
||||
"InnovateCorp", "DataStream Analytics", "Synergy Solutions", "Quantus AI", "Velocity Systems", "Nexus Innovations", "Apex Tech"]}
|
||||
title="Trusted by Leading Innovators"
|
||||
description="See why top companies choose NoteForge for their essential documentation and content creation needs, transforming their productivity and data management."
|
||||
tag="Our Partners"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
text: "See Case Studies", href: "#"},
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
@@ -259,29 +167,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "accuracy",
|
||||
icon: CheckCircle,
|
||||
title: "Unrivaled Accuracy",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "accuracy", icon: CheckCircle,
|
||||
title: "Unrivaled Accuracy", value: "99.9%"},
|
||||
{
|
||||
id: "speed",
|
||||
icon: Zap,
|
||||
title: "Blazing Fast Processing",
|
||||
value: "200ms",
|
||||
},
|
||||
id: "speed", icon: Zap,
|
||||
title: "Blazing Fast Processing", value: "200ms"},
|
||||
{
|
||||
id: "privacy",
|
||||
icon: Shield,
|
||||
title: "Ironclad Data Privacy",
|
||||
value: "Secure",
|
||||
},
|
||||
id: "privacy", icon: Shield,
|
||||
title: "Ironclad Data Privacy", value: "Secure"},
|
||||
{
|
||||
id: "reach",
|
||||
icon: Globe,
|
||||
title: "Global Language Support",
|
||||
value: "100+",
|
||||
},
|
||||
id: "reach", icon: Globe,
|
||||
title: "Global Language Support", value: "100+"},
|
||||
]}
|
||||
title="Experience Unmatched Efficiency"
|
||||
description="Our platform is engineered to deliver exceptional performance and reliability, empowering you to achieve more with less effort and complete peace of mind."
|
||||
@@ -295,59 +191,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-trainee-dressed-as-office-worker-holding-hands-her-suit-smiling-camera-confident-standing-against-white-background_176420-48410.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-trainee-dressed-as-office-worker-holding-hands-her-suit-smiling-camera-confident-standing-against-white-background_176420-48410.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Lead Consultant",
|
||||
company: "Solutions Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Lead Consultant", company: "Solutions Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5X",
|
||||
label: "Faster Transcription",
|
||||
},
|
||||
value: "5X", label: "Faster Transcription"},
|
||||
{
|
||||
value: "80%",
|
||||
label: "Time Saved on Notes",
|
||||
},
|
||||
value: "80%", label: "Time Saved on Notes"},
|
||||
{
|
||||
value: "90%",
|
||||
label: "Productivity Boost",
|
||||
},
|
||||
value: "90%", label: "Productivity Boost"},
|
||||
]}
|
||||
title="What Our Users Are Saying"
|
||||
description="Discover how NoteForge has transformed the workflow and productivity of professionals worldwide, making information capture effortless."
|
||||
@@ -360,25 +225,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How accurate is the handwriting conversion?",
|
||||
content: "Our AI-powered OCR boasts an accuracy rate of 99.8%, continuously improving with machine learning. For best results, use clear, legible handwriting.",
|
||||
},
|
||||
id: "faq-1", title: "How accurate is the handwriting conversion?", content: "Our AI-powered OCR boasts an accuracy rate of 99.8%, continuously improving with machine learning. For best results, use clear, legible handwriting."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What file types are supported for voice transcription?",
|
||||
content: "NoteForge supports popular audio formats including MP3, WAV, and AAC, ensuring broad compatibility for your voice recordings.",
|
||||
},
|
||||
id: "faq-2", title: "What file types are supported for voice transcription?", content: "NoteForge supports popular audio formats including MP3, WAV, and AAC, ensuring broad compatibility for your voice recordings."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can I access my notes on multiple devices?",
|
||||
content: "Yes, with seamless cloud synchronization, your notes are accessible and up-to-date across all your devices, including desktop, tablet, and mobile.",
|
||||
},
|
||||
id: "faq-3", title: "Can I access my notes on multiple devices?", content: "Yes, with seamless cloud synchronization, your notes are accessible and up-to-date across all your devices, including desktop, tablet, and mobile."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Is my data secure with NoteForge?",
|
||||
content: "Absolutely. We employ industry-leading encryption and security protocols to ensure your data remains private and protected at all times.",
|
||||
},
|
||||
id: "faq-4", title: "Is my data secure with NoteForge?", content: "Absolutely. We employ industry-leading encryption and security protocols to ensure your data remains private and protected at all times."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/telecommuting-concept_23-2148514431.jpg"
|
||||
imageAlt="People interacting with FAQ section"
|
||||
@@ -393,8 +246,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Stay Connected"
|
||||
title="Join the NoteForge Community"
|
||||
description="Subscribe to our newsletter for the latest updates, productivity tips, and exclusive offers. Don't miss out on new features and insights!"
|
||||
@@ -417,66 +269,39 @@ export default function LandingPage() {
|
||||
logoText="NoteForge"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
label: "How It Works", href: "#how-it-works"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
{
|
||||
label: "Integrations",
|
||||
href: "#",
|
||||
},
|
||||
label: "Integrations", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Support", href: "#faq"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user