bender/d848bc74-e7fb-4329-b3f7-eabf02913ccc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 19:00:39 +00:00
parent 470cc2f71e
commit 70fa69e527
1 changed files with 52 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Book, Clock, Star, Trophy, User, Zap } from "lucide-react";
import { Award, Book, Calculator, Clock, Star, Trophy, User, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,18 +32,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Subjects",
id: "#subjects",
},
{
name: "Dashboard",
id: "#dashboard",
},
{
name: "Ask AI",
id: "#ask-ai",
},
{ name: "Subjects", id: "#subjects" },
{ name: "Dashboard", id: "#dashboard" },
{ name: "Ask AI", id: "#ask-ai" },
]}
brandName="Nexus IGCSE"
/>
@@ -51,71 +42,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Master the IGCSE with Nexus AI"
description="Your intelligent guide to O-Level and A-Level success. Personalized lessons, dynamic quizzes, and instant AI-powered explanations designed for top-tier results."
kpis={[
{
value: "1.2M",
label: "Questions Solved",
},
{
value: "98%",
label: "Success Rate",
},
{
value: "24/7",
label: "AI Assistance",
},
{ value: "1.2M", label: "Questions Solved" },
{ value: "98%", label: "Success Rate" },
{ value: "24/7", label: "AI Assistance" },
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-attractive-female-student-eating-cookies-working-with-laptop_181624-15003.jpg",
alt: "Student profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-student-learning-with-laptop_23-2149647135.jpg",
alt: "Student profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/smart-teenager-studying-class_1098-3325.jpg",
alt: "Student profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg",
alt: "Student profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67688.jpg",
alt: "Student profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-attractive-female-student-eating-cookies-working-with-laptop_181624-15003.jpg", alt: "Student profile 1" },
{ src: "http://img.b2bpic.net/free-photo/side-view-student-learning-with-laptop_23-2149647135.jpg", alt: "Student profile 2" },
{ src: "http://img.b2bpic.net/free-photo/smart-teenager-studying-class_1098-3325.jpg", alt: "Student profile 3" },
{ src: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg", alt: "Student profile 4" },
{ src: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67688.jpg", alt: "Student profile 5" },
]}
marqueeItems={[
{
type: "text",
text: "Mathematics",
},
{
type: "text",
text: "Physics",
},
{
type: "text",
text: "Chemistry",
},
{
type: "text",
text: "Biology",
},
{
type: "text",
text: "Computer Science",
},
{ type: "text", text: "Mathematics" },
{ type: "text", text: "Physics" },
{ type: "text", text: "Chemistry" },
{ type: "text", text: "Biology" },
{ type: "text", text: "Computer Science" },
]}
/>
</div>
@@ -128,7 +78,7 @@ export default function LandingPage() {
description="Nexus IGCSE simplifies complex concepts using adaptive logic paths. Whether you are struggling with organic chemistry mechanisms or vector calculus, our engine identifies the exact point of confusion."
subdescription="Built for discipline, designed for speed."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -140,39 +90,19 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "AI Quick-Ask Sidebar",
description: "Interact with a real-time tutor that understands IGCSE curricula.",
bentoComponent: "chat",
aiIcon: Star,
title: "AI Quick-Ask Sidebar", description: "Interact with a real-time tutor that understands IGCSE curricula.", bentoComponent: "chat", aiIcon: Star,
userIcon: User,
exchanges: [
{
userMessage: "Explain stoichiometry",
aiResponse: "Stoichiometry is the quantitative relationship between reactants and products...",
},
userMessage: "Explain stoichiometry", aiResponse: "Stoichiometry is the quantitative relationship between reactants and products..."},
],
placeholder: "Ask a question...",
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
imageAlt: "Student at home taking notes while watching presentation closeup",
placeholder: "Ask a question..."
},
{
title: "Progress Tracking",
description: "Data-driven insights into your mastery levels.",
bentoComponent: "3d-task-list",
items: [
{
icon: Book,
label: "Physics Lesson 1",
time: "Completed",
},
{
icon: Calculator,
label: "Math Logic Quiz",
time: "85%",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
imageAlt: "Student at home taking notes while watching presentation closeup",
title: "Progress Tracking", description: "Data-driven insights into your mastery levels.", bentoComponent: "3d-task-list", title: "Tracking", items: [
{ icon: Book, label: "Physics Lesson 1", time: "Completed" },
{ icon: Calculator, label: "Math Logic Quiz", time: "85%" },
]
},
]}
title="Core Tutoring Engines"
@@ -186,24 +116,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Trophy,
title: "Subjects Mastered",
value: "5",
},
{
id: "m2",
icon: Clock,
title: "Study Hours",
value: "120",
},
{
id: "m3",
icon: Award,
title: "Topics Passed",
value: "45",
},
{ id: "m1", icon: Trophy, title: "Subjects Mastered", value: "5" },
{ id: "m2", icon: Clock, title: "Study Hours", value: "120" },
{ id: "m3", icon: Award, title: "Topics Passed", value: "45" },
]}
title="Academic Performance"
description="Quantifying your progress in real-time."
@@ -215,61 +130,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex J.",
date: "2024-05",
title: "A* in Physics",
quote: "Nexus made the most complex theories simple to understand.",
tag: "Physics",
avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3924.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3",
imageAlt: "student focused on laptop learning",
},
{
id: "t2",
name: "Mia S.",
date: "2024-06",
title: "Math Prodigy",
quote: "The quiz engine really helped me nail my calculus exams.",
tag: "Math",
avatarSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67555.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg?_wi=2",
imageAlt: "student focused on laptop learning",
},
{
id: "t3",
name: "Liam K.",
date: "2024-07",
title: "Top Scorer",
quote: "The AI is better than my school teacher.",
tag: "Chemistry",
avatarSrc: "http://img.b2bpic.net/free-photo/young-student-learning-library_23-2149215396.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-learning-math-school_23-2150470814.jpg",
imageAlt: "student focused on laptop learning",
},
{
id: "t4",
name: "Sarah W.",
date: "2024-08",
title: "Top Tier",
quote: "The discipline mode helps me focus early in the morning.",
tag: "Biology",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-desk-with-laptop_1163-2108.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mockup-smartphone-ai-llm-chatbot-computer-screen_482257-127262.jpg?_wi=1",
imageAlt: "student focused on laptop learning",
},
{
id: "t5",
name: "Jordan P.",
date: "2024-09",
title: "IGCSE Ready",
quote: "Highly recommended for all O-Level students.",
tag: "General",
avatarSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1",
imageAlt: "student focused on laptop learning",
},
{ id: "t1", name: "Alex J.", date: "2024-05", title: "A* in Physics", quote: "Nexus made the most complex theories simple to understand.", tag: "Physics", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3924.jpg" },
{ id: "t2", name: "Mia S.", date: "2024-06", title: "Math Prodigy", quote: "The quiz engine really helped me nail my calculus exams.", tag: "Math", avatarSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67555.jpg" },
{ id: "t3", name: "Liam K.", date: "2024-07", title: "Top Scorer", quote: "The AI is better than my school teacher.", tag: "Chemistry", avatarSrc: "http://img.b2bpic.net/free-photo/young-student-learning-library_23-2149215396.jpg" },
{ id: "t4", name: "Sarah W.", date: "2024-08", title: "Top Tier", quote: "The discipline mode helps me focus early in the morning.", tag: "Biology", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-desk-with-laptop_1163-2108.jpg" },
{ id: "t5", name: "Jordan P.", date: "2024-09", title: "IGCSE Ready", quote: "Highly recommended for all O-Level students.", tag: "General", avatarSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg" },
]}
title="Student Success Stories"
description="Join thousands of students achieving their potential."
@@ -280,44 +145,12 @@ export default function LandingPage() {
<ProductCardThree
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Math Track",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mockup-smartphone-ai-llm-chatbot-computer-screen_482257-127262.jpg?_wi=2",
},
{
id: "p2",
name: "Science Track",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
},
{
id: "p3",
name: "Physics Pro",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2",
},
{
id: "p4",
name: "Chemistry Pro",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169859.jpg",
},
{
id: "p5",
name: "Full Bundle",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
},
{
id: "p6",
name: "English O-Level",
price: "$39",
imageSrc: "http://img.b2bpic.net/free-photo/future-nurses-studying-anatomy-class-notes-university-library_482257-125900.jpg",
},
{ id: "p1", name: "Math Track", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mockup-smartphone-ai-llm-chatbot-computer-screen_482257-127262.jpg" },
{ id: "p2", name: "Science Track", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg" },
{ id: "p3", name: "Physics Pro", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
]}
title="Exclusive Study Tracks"
description="Unlock advanced modules and practice papers."
@@ -329,21 +162,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How does AI tutoring work?",
content: "Our AI analyzes your responses and adapts the curriculum to your learning pace.",
},
{
id: "f2",
title: "Can I save progress?",
content: "Yes, progress is saved locally in your browser storage automatically.",
},
{
id: "f3",
title: "Is this IGCSE certified?",
content: "Our curriculum is based on Cambridge IGCSE standards.",
},
{ id: "f1", title: "How does AI tutoring work?", content: "Our AI analyzes your responses and adapts the curriculum to your learning pace." },
{ id: "f2", title: "Can I save progress?", content: "Yes, progress is saved locally in your browser storage automatically." },
{ id: "f3", title: "Is this IGCSE certified?", content: "Our curriculum is based on Cambridge IGCSE standards." },
]}
title="Common Questions"
description="Everything you need to know about Nexus."
@@ -354,9 +175,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Start Your Mastery Today"
description="Get early access to exclusive modules."
tag="Get Started"
@@ -368,42 +187,21 @@ export default function LandingPage() {
logoText="Nexus IGCSE"
columns={[
{
title: "Platform",
items: [
{
label: "Login",
href: "#",
},
{
label: "Features",
href: "#features",
},
title: "Platform", items: [
{ label: "Login", href: "#" },
{ label: "Features", href: "#features" },
],
},
{
title: "Subjects",
items: [
{
label: "Physics",
href: "#",
},
{
label: "Chemistry",
href: "#",
},
title: "Subjects", items: [
{ label: "Physics", href: "#" },
{ label: "Chemistry", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
title: "Legal", items: [
{ label: "Terms", href: "#" },
{ label: "Privacy", href: "#" },
],
},
]}