Update src/app/page.tsx

This commit is contained in:
2026-03-03 03:45:37 +00:00
parent 5a99d099e3
commit b6cbd4bbee

View File

@@ -37,8 +37,7 @@ export default function HomePage() {
const footerColumns = [ const footerColumns = [
{ {
title: "Product", title: "Product", items: [
items: [
{ label: "Features", href: "#features" }, { label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" }, { label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" }, { label: "Security", href: "#" },
@@ -46,8 +45,7 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About Us", href: "/about" }, { label: "About Us", href: "/about" },
{ label: "Blog", href: "#" }, { label: "Blog", href: "#" },
{ label: "Careers", href: "#" }, { label: "Careers", href: "#" },
@@ -55,8 +53,7 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ label: "Help Center", href: "#" }, { label: "Help Center", href: "#" },
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "#contact" },
{ label: "Terms", href: "#" }, { label: "Terms", href: "#" },
@@ -92,17 +89,11 @@ export default function HomePage() {
background={{ variant: "downward-rays-static" }} background={{ variant: "downward-rays-static" }}
avatars={[ avatars={[
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-a-diverse-high-schoo-1772509352756-543065f9.png", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-a-diverse-high-schoo-1772509352756-543065f9.png", alt: "Student 1"},
alt: "Student 1",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-another-diverse-high-1772509352585-6fe6b092.png", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-another-diverse-high-1772509352585-6fe6b092.png", alt: "Student 2"},
alt: "Student 2",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-of-a-high-school-student-age--1772509352219-ffad60d3.png", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-of-a-high-school-student-age--1772509352219-ffad60d3.png", alt: "Student 3"},
alt: "Student 3",
},
]} ]}
avatarText="Trusted by 5000+ high school students" avatarText="Trusted by 5000+ high school students"
title="Master Your Grades with Predictive Analytics" title="Master Your Grades with Predictive Analytics"
@@ -134,48 +125,24 @@ export default function HomePage() {
features={[ features={[
{ {
id: 1, id: 1,
tag: "Calculation", tag: "Calculation", title: "Weighted Grade Calculator", subtitle: "Precise grade calculations tailored to your syllabus", description:
title: "Weighted Grade Calculator", "Input your custom grading scale, assignment weights, and individual grades. GradeOptim instantly calculates your weighted GPA with perfect accuracy, accounting for different assignment categories, weights, and your institution's specific grading scale.", imageSrc:
subtitle: "Precise grade calculations tailored to your syllabus", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-clean-interface-mockup-showing-weighte-1772509353351-5d519432.png", imageAlt: "Weighted Grade Calculator Interface"},
description:
"Input your custom grading scale, assignment weights, and individual grades. GradeOptim instantly calculates your weighted GPA with perfect accuracy, accounting for different assignment categories, weights, and your institution's specific grading scale.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-clean-interface-mockup-showing-weighte-1772509353351-5d519432.png?_wi=1",
imageAlt: "Weighted Grade Calculator Interface",
},
{ {
id: 2, id: 2,
tag: "Prediction", tag: "Prediction", title: "GPA Forecasting Engine", subtitle: "Predict your final GPA with AI precision", description:
title: "GPA Forecasting Engine", "Leverage predictive analytics to forecast your end-of-semester GPA. Based on current performance and historical trends, our AI engine provides confidence intervals and identifies at-risk courses before it's too late.", imageSrc:
subtitle: "Predict your final GPA with AI precision", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-predictive-analytics-visualization-sho-1772509353363-a61eeaaa.png", imageAlt: "GPA Forecasting Chart"},
description:
"Leverage predictive analytics to forecast your end-of-semester GPA. Based on current performance and historical trends, our AI engine provides confidence intervals and identifies at-risk courses before it's too late.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-predictive-analytics-visualization-sho-1772509353363-a61eeaaa.png?_wi=1",
imageAlt: "GPA Forecasting Chart",
},
{ {
id: 3, id: 3,
tag: "Simulation", tag: "Simulation", title: "Assignment Weight Simulator", subtitle: "Test different grade scenarios instantly", description:
title: "Assignment Weight Simulator", "Explore how different assignment weights and grades impact your final score. Experiment with 'what-if' scenarios to understand exactly what grades you need in remaining assignments to achieve your target GPA.", imageSrc:
subtitle: "Test different grade scenarios instantly", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-predictive-analytics-visualization-sho-1772509353363-a61eeaaa.png", imageAlt: "Assignment Simulator Interface"},
description:
"Explore how different assignment weights and grades impact your final score. Experiment with 'what-if' scenarios to understand exactly what grades you need in remaining assignments to achieve your target GPA.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-predictive-analytics-visualization-sho-1772509353363-a61eeaaa.png?_wi=2",
imageAlt: "Assignment Simulator Interface",
},
{ {
id: 4, id: 4,
tag: "Intelligence", tag: "Intelligence", title: "Final Exam Score Predictor", subtitle: "Calculate the exact score you need on your final exam", description:
title: "Final Exam Score Predictor", "Get precise final exam requirements instantly. Enter your current grade, target GPA, and final exam weight to discover the minimum score needed to achieve your academic goals. Perfect for strategic exam planning.", imageSrc:
subtitle: "Calculate the exact score you need on your final exam", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-final-exam-score-predictor-tool-interf-1772509353708-028da21d.png", imageAlt: "Exam Score Predictor"},
description:
"Get precise final exam requirements instantly. Enter your current grade, target GPA, and final exam weight to discover the minimum score needed to achieve your academic goals. Perfect for strategic exam planning.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-final-exam-score-predictor-tool-interf-1772509353708-028da21d.png",
imageAlt: "Exam Score Predictor",
},
]} ]}
buttons={[{ text: "Explore Features", href: "#pricing" }]} buttons={[{ text: "Explore Features", href: "#pricing" }]}
/> />
@@ -193,29 +160,14 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
products={[ products={[
{ {
id: "1", id: "1", name: "Performance Trend Graphs", price: "Included", imageSrc:
name: "Performance Trend Graphs", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-predictive-analytics-visualization-sho-1772509353363-a61eeaaa.png", imageAlt: "Performance Trends"},
price: "Included",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-predictive-analytics-visualization-sho-1772509353363-a61eeaaa.png?_wi=3",
imageAlt: "Performance Trends",
},
{ {
id: "2", id: "2", name: "Risk Scoring System", price: "Premium", imageSrc:
name: "Risk Scoring System", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-risk-assessment-dashboard-showing-low--1772509353224-4890197a.png", imageAlt: "Risk Assessment"},
price: "Premium",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-risk-assessment-dashboard-showing-low--1772509353224-4890197a.png",
imageAlt: "Risk Assessment",
},
{ {
id: "3", id: "3", name: "AI Recommendation Engine", price: "Premium", imageSrc:
name: "AI Recommendation Engine", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/an-ai-powered-recommendation-engine-inte-1772509353241-88fb0cf9.png", imageAlt: "AI Recommendations"},
price: "Premium",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/an-ai-powered-recommendation-engine-inte-1772509353241-88fb0cf9.png?_wi=1",
imageAlt: "AI Recommendations",
},
]} ]}
/> />
</div> </div>
@@ -249,57 +201,29 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
plans={[ plans={[
{ {
id: "free", id: "free", price: "Free", name: "Starter", buttons: [
price: "Free",
name: "Starter",
buttons={[
{ text: "Get Started", href: "https://app.gradeoptim.com/signup" }, { text: "Get Started", href: "https://app.gradeoptim.com/signup" },
{ text: "Learn More", href: "#faq" }, { text: "Learn More", href: "#faq" },
]} ],
features={[ features: [
"Basic GPA calculator", "Basic GPA calculator", "Single custom grading scale", "Grade tracking for 1 semester", "Email support"],
"Single custom grading scale",
"Grade tracking for 1 semester",
"Email support",
]}
}, },
{ {
id: "premium", id: "premium", badge: "Most Popular", badgeIcon: Sparkles,
badge: "Most Popular", price: "$8.99/mo", name: "Premium", buttons: [
badgeIcon: Sparkles,
price: "$8.99/mo",
name: "Premium",
buttons={[
{ text: "Start Free Trial", href: "https://app.gradeoptim.com/signup" }, { text: "Start Free Trial", href: "https://app.gradeoptim.com/signup" },
{ text: "Chat to Sales", href: "#contact" }, { text: "Chat to Sales", href: "#contact" },
]} ],
features={[ features: [
"All Starter features", "All Starter features", "Unlimited custom grading scales", "Predictive GPA forecasting", "Performance trend graphs", "Risk scoring system", "AI recommendation engine", "Exam score predictor", "Priority email support"],
"Unlimited custom grading scales",
"Predictive GPA forecasting",
"Performance trend graphs",
"Risk scoring system",
"AI recommendation engine",
"Exam score predictor",
"Priority email support",
]}
}, },
{ {
id: "family", id: "family", price: "$24.99/mo", name: "Family Plan", buttons: [
price: "$24.99/mo",
name: "Family Plan",
buttons={[
{ text: "Start Free Trial", href: "https://app.gradeoptim.com/signup" }, { text: "Start Free Trial", href: "https://app.gradeoptim.com/signup" },
{ text: "Contact Sales", href: "#contact" }, { text: "Contact Sales", href: "#contact" },
]} ],
features={[ features: [
"All Premium features", "All Premium features", "Up to 4 student accounts", "Parental monitoring dashboard", "Student progress reports", "Academic goal tracking", "24/7 priority support"],
"Up to 4 student accounts",
"Parental monitoring dashboard",
"Student progress reports",
"Academic goal tracking",
"24/7 priority support",
]}
}, },
]} ]}
carouselMode="buttons" carouselMode="buttons"
@@ -316,71 +240,29 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Raised my GPA from 3.4 to 3.8", quote:
title: "Raised my GPA from 3.4 to 3.8", "GradeOptim's GPA forecasting showed me exactly which classes needed attention. I improved my study strategy and raised my GPA by 0.4 points in one semester. The risk scoring was incredibly helpful for identifying problem areas early.", name: "Sarah Johnson", role: "High School Junior", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-a-diverse-high-schoo-1772509352756-543065f9.png", imageAlt: "Sarah Johnson"},
"GradeOptim's GPA forecasting showed me exactly which classes needed attention. I improved my study strategy and raised my GPA by 0.4 points in one semester. The risk scoring was incredibly helpful for identifying problem areas early.",
name: "Sarah Johnson",
role: "High School Junior",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-a-diverse-high-schoo-1772509352756-543065f9.png",
imageAlt: "Sarah Johnson",
},
{ {
id: "2", id: "2", title: "Finally understand what grades I need", quote:
title: "Finally understand what grades I need", "The final exam predictor took so much stress out of exam season. Instead of guessing, I knew exactly what score I needed. I scored a 94 on my calculus final because I had a clear target to aim for.", name: "Marcus Chen", role: "High School Senior", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-another-diverse-high-1772509352585-6fe6b092.png", imageAlt: "Marcus Chen"},
"The final exam predictor took so much stress out of exam season. Instead of guessing, I knew exactly what score I needed. I scored a 94 on my calculus final because I had a clear target to aim for.",
name: "Marcus Chen",
role: "High School Senior",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-photo-of-another-diverse-high-1772509352585-6fe6b092.png",
imageAlt: "Marcus Chen",
},
{ {
id: "3", id: "3", title: "The AI recommendations saved me hours", quote:
title: "The AI recommendations saved me hours", "Getting personalized study time allocation recommendations was game-changing. Instead of studying randomly, I now focus my time where it matters most. My grades improved and I actually have more free time!", name: "Jessica Rodriguez", role: "High School Sophomore", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-of-a-high-school-student-age--1772509352219-ffad60d3.png", imageAlt: "Jessica Rodriguez"},
"Getting personalized study time allocation recommendations was game-changing. Instead of studying randomly, I now focus my time where it matters most. My grades improved and I actually have more free time!",
name: "Jessica Rodriguez",
role: "High School Sophomore",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-of-a-high-school-student-age--1772509352219-ffad60d3.png",
imageAlt: "Jessica Rodriguez",
},
{ {
id: "4", id: "4", title: "A tool we recommend to all our students", quote:
title: "A tool we recommend to all our students", "As an academic advisor, I've seen GradeOptim help dozens of students. It demystifies GPA calculation and empowers students to take control of their academic journey. We now recommend it to every student who comes through our office.", name: "Dr. Michael Thompson", role: "Academic Advisor", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-professional-portrait-of-an-educator-o-1772509352613-4f9da576.png", imageAlt: "Dr. Michael Thompson"},
"As an academic advisor, I've seen GradeOptim help dozens of students. It demystifies GPA calculation and empowers students to take control of their academic journey. We now recommend it to every student who comes through our office.",
name: "Dr. Michael Thompson",
role: "Academic Advisor",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-professional-portrait-of-an-educator-o-1772509352613-4f9da576.png",
imageAlt: "Dr. Michael Thompson",
},
{ {
id: "5", id: "5", title: "Perfect for college prep students", quote:
title: "Perfect for college prep students", "My daughter uses GradeOptim to track her college prep classes. It's helped her stay motivated knowing exactly where she stands and what she needs to do to hit her target GPA for college applications.", name: "Patricia Lee", role: "Parent", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-of-an-academic-professional-a-1772509352142-e2efd922.png", imageAlt: "Patricia Lee"},
"My daughter uses GradeOptim to track her college prep classes. It's helped her stay motivated knowing exactly where she stands and what she needs to do to hit her target GPA for college applications.",
name: "Patricia Lee",
role: "Parent",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-portrait-of-an-academic-professional-a-1772509352142-e2efd922.png",
imageAlt: "Patricia Lee",
},
{ {
id: "6", id: "6", title: "Transformed my study habits", quote:
title: "Transformed my study habits", "I went from being a C student to a B+ student using GradeOptim's tools. The weighted grade calculator showed me which assignments matter most, and I focused my energy accordingly. This app is absolutely worth the investment!", name: "Alex Kim", role: "High School Freshman", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-diverse-high-school-student-portrait-a-1772509352406-d4f9c570.png", imageAlt: "Alex Kim"},
"I went from being a C student to a B+ student using GradeOptim's tools. The weighted grade calculator showed me which assignments matter most, and I focused my energy accordingly. This app is absolutely worth the investment!",
name: "Alex Kim",
role: "High School Freshman",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-diverse-high-school-student-portrait-a-1772509352406-d4f9c570.png",
imageAlt: "Alex Kim",
},
]} ]}
/> />
</div> </div>
@@ -401,7 +283,7 @@ export default function HomePage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-subtle-modern-educational-background-i-1772509353273-4ef8c2ce.png?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APzrAl8FUR6Sq885GZcTzaJsFb/a-subtle-modern-educational-background-i-1772509353273-4ef8c2ce.png"
imageAlt="Academic Success Background" imageAlt="Academic Success Background"
logoText="GradeOptim" logoText="GradeOptim"
copyrightText="© 2025 GradeOptim. All rights reserved." copyrightText="© 2025 GradeOptim. All rights reserved."