Merge version_1 into main #2
123
src/app/page.tsx
123
src/app/page.tsx
@@ -7,8 +7,8 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { Award, Star, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,13 +30,9 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "dashboard"},
|
||||
{
|
||||
name: "Leaderboard",
|
||||
id: "leaderboard",
|
||||
},
|
||||
name: "Leaderboard", id: "leaderboard"},
|
||||
]}
|
||||
brandName="EduTrack"
|
||||
/>
|
||||
@@ -45,18 +41,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Performance Dashboard"
|
||||
description="Track your summative progress with precision. Manage grades, view averages, and compete on the student leaderboard."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Grades",
|
||||
href: "#subject-cards",
|
||||
},
|
||||
text: "View Grades", href: "#subject-cards"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/a-futuristic-dark-mode-dashboard-interfa-1774688242139-1d6d2097.png"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=1"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,39 +60,20 @@ export default function LandingPage() {
|
||||
description="Select a subject to input your summative marks and track your progress in real-time."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "bio",
|
||||
title: "Biology",
|
||||
content: "Track marks across 6 summatives",
|
||||
},
|
||||
id: "bio", title: "Biology", content: "Track marks across 6 summatives"},
|
||||
{
|
||||
id: "cs",
|
||||
title: "Computer Science",
|
||||
content: "Track marks across 6 summatives",
|
||||
},
|
||||
id: "cs", title: "Computer Science", content: "Track marks across 6 summatives"},
|
||||
{
|
||||
id: "eng",
|
||||
title: "English",
|
||||
content: "Track marks across 6 summatives",
|
||||
},
|
||||
id: "eng", title: "English", content: "Track marks across 6 summatives"},
|
||||
{
|
||||
id: "math",
|
||||
title: "Math",
|
||||
content: "Track marks across 6 summatives",
|
||||
},
|
||||
id: "math", title: "Math", content: "Track marks across 6 summatives"},
|
||||
{
|
||||
id: "chem",
|
||||
title: "Chemistry",
|
||||
content: "Track marks across 6 summatives",
|
||||
},
|
||||
id: "chem", title: "Chemistry", content: "Track marks across 6 summatives"},
|
||||
{
|
||||
id: "phys",
|
||||
title: "Physics",
|
||||
content: "Track marks across 6 summatives",
|
||||
},
|
||||
id: "phys", title: "Physics", content: "Track marks across 6 summatives"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/a-microscopic-view-of-biological-structu-1774688242351-8c0504d5.png"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,25 +85,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "9.2",
|
||||
title: "Student 1",
|
||||
description: "1st Place",
|
||||
icon: Award,
|
||||
id: "m1", value: "9.2", title: "Student 1", description: "1st Place", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8.9",
|
||||
title: "Student 3",
|
||||
description: "2nd Place",
|
||||
icon: Star,
|
||||
id: "m2", value: "8.9", title: "Student 3", description: "2nd Place", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "8.5",
|
||||
title: "Student 4",
|
||||
description: "3rd Place",
|
||||
icon: TrendingUp,
|
||||
id: "m3", value: "8.5", title: "Student 4", description: "3rd Place", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Overall Leaderboard"
|
||||
@@ -145,30 +107,15 @@ export default function LandingPage() {
|
||||
description="Got questions about how to track your progress?"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How are grades calculated?",
|
||||
content: "Grades are calculated using a weighted average of your summative submissions.",
|
||||
},
|
||||
id: "q1", title: "How are grades calculated?", content: "Grades are calculated using a weighted average of your summative submissions."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I update my grades?",
|
||||
content: "Yes, simply click the subject card and edit your mark input fields.",
|
||||
},
|
||||
id: "q2", title: "Can I update my grades?", content: "Yes, simply click the subject card and edit your mark input fields."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data private?",
|
||||
content: "Absolutely, all data is stored locally and securely for your eyes only.",
|
||||
},
|
||||
id: "q3", title: "Is my data private?", content: "Absolutely, all data is stored locally and securely for your eyes only."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What if a grade is missing?",
|
||||
content: "Missing grades will be excluded from your cumulative average until updated.",
|
||||
},
|
||||
id: "q4", title: "What if a grade is missing?", content: "Missing grades will be excluded from your cumulative average until updated."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "How does the leaderboard work?",
|
||||
content: "The leaderboard aggregates scores from all participating students anonymously.",
|
||||
},
|
||||
id: "q5", title: "How does the leaderboard work?", content: "The leaderboard aggregates scores from all participating students anonymously."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,35 +130,15 @@ export default function LandingPage() {
|
||||
description="Meet the minds behind EduTrack."
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/minimalist-typography-and-paper-texture--1774688240966-41cace0b.png",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", role: "Lead Architect", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/minimalist-typography-and-paper-texture--1774688240966-41cace0b.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Smith",
|
||||
role: "Data Analyst",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/abstract-geometric-shapes-and-mathematic-1774688241023-3ca65c4d.png",
|
||||
},
|
||||
id: "t2", name: "Jordan Smith", role: "Data Analyst", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/abstract-geometric-shapes-and-mathematic-1774688241023-3ca65c4d.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey Doe",
|
||||
role: "UI/UX Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/abstract-lines-of-code-and-digital-nodes-1774688242063-f9569966.png",
|
||||
},
|
||||
id: "t3", name: "Casey Doe", role: "UI/UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/abstract-lines-of-code-and-digital-nodes-1774688242063-f9569966.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Riley Quinn",
|
||||
role: "Full Stack Dev",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/particle-physics-visualization-with-ligh-1774688241954-511880ca.png",
|
||||
},
|
||||
id: "t4", name: "Riley Quinn", role: "Full Stack Dev", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/particle-physics-visualization-with-ligh-1774688241954-511880ca.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam Taylor",
|
||||
role: "Researcher",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/abstract-chemistry-molecular-structure-g-1774688242231-aa35e596.png",
|
||||
},
|
||||
id: "t5", name: "Sam Taylor", role: "Researcher", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZEGkYUtMsv2pnVxx6aKSlY0GD/abstract-chemistry-molecular-structure-g-1774688242231-aa35e596.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user