bender/4dd20621-33ef-4507-b80d-5c5ab95a4205
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-03-04 16:09:45 +00:00
Conversation 0 Commits 1 Files Changed 1 +62 -24
1 changed files with 62 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/app/page.tsx
View File

@@ -2,24 +2,19 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Zap, Shuffle, Network, Infinity, TrendingUp, Target, Lock, BarChart3, Clock, AlertCircle, Gamepad2, Trophy, Star, HelpCircle, Mail } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Zap, Shuffle, Network, Infinity, TrendingUp, Target, Lock, BarChart3, Clock, AlertCircle, Gamepad2, Trophy, Star, HelpCircle, Mail, Award } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
];
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -39,9 +34,9 @@ export default function HomePage() {
brandName="MentIQ"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
{ name: "Contact", id: "#contact" }
]}
button={{
text: "Start Learning", href: "/auth/signup"
@@ -72,10 +67,9 @@ export default function HomePage() {
ratingText="Trusted by thousands of students"
buttons={[
{ text: "Start Free Trial", href: "/auth/signup" },
{ text: "View Demo", href: "/features" }
{ text: "View Demo", href: "#features" }
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -86,7 +80,7 @@ export default function HomePage() {
metrics={[
{ icon: TrendingUp, label: "Student Improvement", value: "87%" },
{ icon: Infinity, label: "Questions Generated", value: "Infinite" },
{ icon: Trophy, label: "Curriculum Aligned", value: "Class 1–12" },
{ icon: Award, label: "Curriculum Aligned", value: "Class 1–12" },
{ icon: Zap, label: "Daily Active Students", value: "50K+" }
]}
metricsAnimation="slide-up"
@@ -172,6 +166,34 @@ export default function HomePage() {
/>
</div>
{/* Metrics Section */}
<div id="metrics" data-section="metrics">
<MetricCardTen
title="Key Performance Indicators"
description="See how MentIQ students improve their mathematics skills"
tag="Student Success"
tagIcon={Trophy}
tagAnimation="slide-up"
metrics={[
{
id: "1", title: "Average Accuracy Improvement", subtitle: "After 4 weeks of practice", category: "Performance", value: "+34%", buttons: [{ text: "View Details" }]
},
{
id: "2", title: "Daily Challenge Participation", subtitle: "Active students competing daily", category: "Engagement", value: "73%", buttons: [{ text: "View Leaderboard" }]
},
{
id: "3", title: "Average Session Duration", subtitle: "Sustained engagement indicator", category: "Retention", value: "28 min", buttons: [{ text: "View Trends" }]
},
{
id: "4", title: "30-Day Retention Rate", subtitle: "Students returning after first week", category: "Retention", value: "86%", buttons: [{ text: "View Analytics" }]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
@@ -235,14 +257,30 @@ export default function HomePage() {
/>
</div>
{/* Contact Section */}
<div id="contact" data-section="contact">
<ContactCenter
tag="Newsletter"
title="Stay Updated with MentIQ"
description="Subscribe to receive the latest features, learning tips, and leaderboard updates directly in your inbox. Join thousands of students optimizing their math skills."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="your.email@example.com"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime from newsletter settings."
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Learning Modes", href: "/product" },
{ label: "Features", href: "#features" },
{ label: "Learning Modes", href: "#product" },
{ label: "Pricing", href: "/pricing" },
{ label: "Dashboard", href: "/dashboard" }
]
@@ -252,7 +290,7 @@ export default function HomePage() {
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
{ label: "Contact", href: "/contact" }
{ label: "Contact", href: "#contact" }
]
},
{