Merge version_1 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,104 +32,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="QariAnalyze"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "99%", label: "Accuracy"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Sheikhs Analyzed",
|
||||
},
|
||||
value: "50+", label: "Sheikhs Analyzed"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Reciters Helped",
|
||||
},
|
||||
value: "10k+", label: "Reciters Helped"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Analyze My Voice",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Analyze My Voice", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=1"
|
||||
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/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/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/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/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/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: "Instant Pitch Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Style Comparison",
|
||||
},
|
||||
type: "text", text: "AI-Driven Style Comparison"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert-Level Diagnostics",
|
||||
},
|
||||
type: "text", text: "Expert-Level Diagnostics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Private Feedback",
|
||||
},
|
||||
type: "text", text: "Secure Private Feedback"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Breath Control Analysis",
|
||||
},
|
||||
type: "text", text: "Breath Control Analysis"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,21 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No manual estimation",
|
||||
"Zero guesswork",
|
||||
"Objective feedback",
|
||||
"No long waiting times",
|
||||
"No complex setup required",
|
||||
],
|
||||
"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",
|
||||
],
|
||||
"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."
|
||||
@@ -179,25 +130,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "440Hz",
|
||||
title: "Base Pitch",
|
||||
description: "Your baseline vocal frequency",
|
||||
icon: Music,
|
||||
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: "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: "m3", value: "1.2s", title: "Avg Breath", description: "Consistent cadence timing", icon: Timer,
|
||||
},
|
||||
]}
|
||||
title="Your Performance Metrics"
|
||||
@@ -212,39 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Starter",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"3 analyses/month",
|
||||
"Standard classification",
|
||||
"Sheikh recommendations",
|
||||
],
|
||||
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",
|
||||
},
|
||||
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",
|
||||
],
|
||||
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?_wi=2",
|
||||
imageAlt: "Female student using sound mixer",
|
||||
},
|
||||
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."
|
||||
@@ -258,40 +175,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -305,24 +197,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it accurate?",
|
||||
content: "Our AI is tuned specifically for the Arabic phonetics.",
|
||||
},
|
||||
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: "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: "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>
|
||||
|
||||
@@ -332,29 +216,19 @@ export default function LandingPage() {
|
||||
logoText="QariAnalyze"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user