Merge version_1 into main #3
139
src/app/page.tsx
139
src/app/page.tsx
@@ -31,66 +31,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="QariAnalyze"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Your Quran Recitation"
|
||||
description="Unlock your potential with precision voice analysis. Receive personalized insights into your pitch, style, and classification compared to world-renowned Sheikhs."
|
||||
kpis={[
|
||||
{
|
||||
value: "99%", label: "Accuracy"},
|
||||
{
|
||||
value: "50+", label: "Sheikhs Analyzed"},
|
||||
{
|
||||
value: "10k+", label: "Reciters Helped"},
|
||||
{ value: "99%", label: "Accuracy" },
|
||||
{ value: "50+", label: "Sheikhs Analyzed" },
|
||||
{ value: "10k+", label: "Reciters Helped" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Analyze My Voice", href: "#features"},
|
||||
]}
|
||||
buttons={[{ text: "Analyze My Voice", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-podcast_23-2149455555.jpg", alt: "Side view man at podcast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/voice-assistant-technology-with-scientist-holding-transparent-tablet-digital-remix_53876-124690.jpg", alt: "Voice assistant technology"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg", alt: "User experience interface"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170101.jpg", alt: "Smart speaker technology"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-playing-with-dry-leaves_23-2148135996.jpg", alt: "Traditional arabic reciter"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-podcast_23-2149455555.jpg", alt: "Side view man at podcast" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/voice-assistant-technology-with-scientist-holding-transparent-tablet-digital-remix_53876-124690.jpg", alt: "Voice assistant technology" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg", alt: "User experience interface" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170101.jpg", alt: "Smart speaker technology" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-girl-playing-with-dry-leaves_23-2148135996.jpg", alt: "Traditional arabic reciter" },
|
||||
]}
|
||||
avatarText="Join our community of over 10,000 reciters."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Instant Pitch Tracking"},
|
||||
{
|
||||
type: "text", text: "AI-Driven Style Comparison"},
|
||||
{
|
||||
type: "text", text: "Expert-Level Diagnostics"},
|
||||
{
|
||||
type: "text", text: "Secure Private Feedback"},
|
||||
{
|
||||
type: "text", text: "Breath Control Analysis"},
|
||||
{ type: "text", text: "Instant Pitch Tracking" },
|
||||
{ type: "text", text: "AI-Driven Style Comparison" },
|
||||
{ type: "text", text: "Expert-Level Diagnostics" },
|
||||
{ type: "text", text: "Secure Private Feedback" },
|
||||
{ type: "text", text: "Breath Control Analysis" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,14 +87,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No manual estimation", "Zero guesswork", "Objective feedback", "No long waiting times", "No complex setup required"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Accurate pitch tracking", "Style classification", "Sheikh-inspired guidance", "Detailed cadence reporting", "Real-time visual feedback"],
|
||||
}}
|
||||
negativeCard={{ items: ["No manual estimation", "Zero guesswork", "Objective feedback", "No long waiting times", "No complex setup required"] }}
|
||||
positiveCard={{ items: ["Accurate pitch tracking", "Style classification", "Sheikh-inspired guidance", "Detailed cadence reporting", "Real-time visual feedback"] }}
|
||||
title="Elevate Your Recitation"
|
||||
description="Compare your technique against traditional styles with our advanced comparative engine."
|
||||
/>
|
||||
@@ -129,15 +101,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "440Hz", title: "Base Pitch", description: "Your baseline vocal frequency", icon: Music,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "92%", title: "Style Match", description: "Compatibility with Al-Hosary", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "1.2s", title: "Avg Breath", description: "Consistent cadence timing", icon: Timer,
|
||||
},
|
||||
{ id: "m1", value: "440Hz", title: "Base Pitch", description: "Your baseline vocal frequency", icon: Music },
|
||||
{ id: "m2", value: "92%", title: "Style Match", description: "Compatibility with Al-Hosary", icon: Award },
|
||||
{ id: "m3", value: "1.2s", title: "Avg Breath", description: "Consistent cadence timing", icon: Timer },
|
||||
]}
|
||||
title="Your Performance Metrics"
|
||||
description="Track your progress over time with detailed diagnostic breakdowns."
|
||||
@@ -150,18 +116,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Starter", price: "$0", period: "/mo", features: [
|
||||
"3 analyses/month", "Standard classification", "Sheikh recommendations"],
|
||||
button: {
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64835.jpg", imageAlt: "Female student using sound mixer"},
|
||||
{
|
||||
id: "pro", title: "Professional", price: "$29", period: "/mo", features: [
|
||||
"Unlimited analyses", "Detailed diagnostics", "Style deep-dive", "Export reports", "Priority processing"],
|
||||
button: {
|
||||
text: "Upgrade Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Female student using sound mixer"},
|
||||
{ id: "basic", title: "Starter", price: "$0", period: "/mo", features: ["3 analyses/month", "Standard classification", "Sheikh recommendations"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64835.jpg", imageAlt: "Female student using sound mixer" },
|
||||
{ id: "pro", title: "Professional", price: "$29", period: "/mo", features: ["Unlimited analyses", "Detailed diagnostics", "Style deep-dive", "Export reports", "Priority processing"], button: { text: "Upgrade Now" }, imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Female student using sound mixer" },
|
||||
]}
|
||||
title="Choose Your Path"
|
||||
description="Professional tools for the modern reciter."
|
||||
@@ -174,16 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Ahmed Noor", role: "Student", testimonial: "This tool helped me perfect my pitch.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-playing-with-dry-leaves_23-2148135996.jpg"},
|
||||
{
|
||||
id: "t2", name: "Hassan Ali", role: "Reciter", testimonial: "Incredible accuracy in classification.", imageSrc: "http://img.b2bpic.net/free-photo/adult-serious-businessman-looking-camera_23-2148113003.jpg"},
|
||||
{
|
||||
id: "t3", name: "Yusuf Omar", role: "Teacher", testimonial: "An essential aid for my students.", imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg"},
|
||||
{
|
||||
id: "t4", name: "Fatima Z.", role: "Student", testimonial: "Finally found my style.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-bench_23-2148760481.jpg"},
|
||||
{
|
||||
id: "t5", name: "Omar K.", role: "Reciter", testimonial: "Simple and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-smiling-looking-pleased_482257-101369.jpg"},
|
||||
{ id: "t1", name: "Ahmed Noor", role: "Student", testimonial: "This tool helped me perfect my pitch.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-playing-with-dry-leaves_23-2148135996.jpg" },
|
||||
{ id: "t2", name: "Hassan Ali", role: "Reciter", testimonial: "Incredible accuracy in classification.", imageSrc: "http://img.b2bpic.net/free-photo/adult-serious-businessman-looking-camera_23-2148113003.jpg" },
|
||||
{ id: "t3", name: "Yusuf Omar", role: "Teacher", testimonial: "An essential aid for my students.", imageSrc: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg" },
|
||||
{ id: "t4", name: "Fatima Z.", role: "Student", testimonial: "Finally found my style.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-bench_23-2148760481.jpg" },
|
||||
{ id: "t5", name: "Omar K.", role: "Reciter", testimonial: "Simple and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-smiling-looking-pleased_482257-101369.jpg" },
|
||||
]}
|
||||
title="Trusted by Reciters"
|
||||
description="Voices from the community."
|
||||
@@ -192,21 +143,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
animationType="slide-up"
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is it accurate?", content: "Our AI is tuned specifically for the Arabic phonetics."},
|
||||
{
|
||||
id: "f2", title: "How does it work?", content: "Record and analyze in seconds."},
|
||||
{
|
||||
id: "f3", title: "Is my data private?", content: "Completely private and secure."},
|
||||
{ id: "f1", title: "Is it accurate?", content: "Our AI is tuned specifically for the Arabic phonetics." },
|
||||
{ id: "f2", title: "How does it work?", content: "Record and analyze in seconds." },
|
||||
{ id: "f3", title: "Is my data private?", content: "Completely private and secure." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -217,18 +164,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user