Add src/app/teacher-portal/page.tsx

src/app/page.tsx

@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Features", id: "features" },
-          id: "hero",
+        { name: "Dashboard", id: "dashboard" },
-        },
+        { name: "Teacher Portal", id: "teacher-portal" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Dashboard",
-          id: "dashboard",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="GradeFlow"
     />
@@ -56,12 +45,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="GradeFlow System"
       description="The seamless platform for educators to manage grades and students to track their academic success with instant, clear feedback."
-      buttons={[
+      buttons={[{ text: "Get Started", href: "#contact" }]}
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/person-her-home-office-reading-news-research-papers-with-green-screen_482257-119393.jpg"
       imageAlt="Grading System Dashboard"
     />
@@ -73,24 +57,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Teacher Controls", description: "Easily create, update, and delete student grades with our intuitive batch editing tools.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg", imageAlt: "Grading Management" },
-          title: "Teacher Controls",
+        { title: "Student Portal", description: "Clean, distraction-free views for students to review results and provide direct constructive feedback.", imageSrc: "http://img.b2bpic.net/free-photo/assessment-strategy-evaluation-prioritize-icons_53876-120703.jpg", imageAlt: "Student Dashboard" },
-          description: "Easily create, update, and delete student grades with our intuitive batch editing tools.",
+        { title: "Insightful Analytics", description: "Track classroom performance trends effortlessly with automated data visualization.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg", imageAlt: "Analytics Panel" },
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg",
-          imageAlt: "Grading Management",
-        },
-        {
-          title: "Student Portal",
-          description: "Clean, distraction-free views for students to review results and provide direct constructive feedback.",
-          imageSrc: "http://img.b2bpic.net/free-photo/assessment-strategy-evaluation-prioritize-icons_53876-120703.jpg",
-          imageAlt: "Student Dashboard",
-        },
-        {
-          title: "Insightful Analytics",
-          description: "Track classroom performance trends effortlessly with automated data visualization.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg",
-          imageAlt: "Analytics Panel",
-        },
       ]}
       title="Powerful Features"
       description="Simplified academic management for the modern classroom."
@@ -104,60 +73,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", brand: "Student", name: "Alice Johnson", price: "Grade: 95", rating: 5, reviewCount: "Feedback: Excellent work", imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg" },
-          id: "1",
+        { id: "2", brand: "Student", name: "Bob Smith", price: "Grade: 88", rating: 4, reviewCount: "Feedback: Keep it up", imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg" },
-          brand: "Student",
+        { id: "3", brand: "Student", name: "Charlie Davis", price: "Grade: 72", rating: 3, reviewCount: "Feedback: Needs practice", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13242.jpg" },
-          name: "Alice Johnson",
-          price: "Grade: 95",
-          rating: 5,
-          reviewCount: "Feedback: Excellent work",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
-        },
-        {
-          id: "2",
-          brand: "Student",
-          name: "Bob Smith",
-          price: "Grade: 88",
-          rating: 4,
-          reviewCount: "Feedback: Keep it up",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",
-        },
-        {
-          id: "3",
-          brand: "Student",
-          name: "Charlie Davis",
-          price: "Grade: 72",
-          rating: 3,
-          reviewCount: "Feedback: Needs practice",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13242.jpg",
-        },
-        {
-          id: "4",
-          brand: "Student",
-          name: "Diana Prince",
-          price: "Grade: 99",
-          rating: 5,
-          reviewCount: "Feedback: Outstanding",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-clever-caucasian-scholar-posing-with-her-textbooks-library_482257-123312.jpg",
-        },
-        {
-          id: "5",
-          brand: "Student",
-          name: "Ethan Hunt",
-          price: "Grade: 81",
-          rating: 4,
-          reviewCount: "Feedback: Very solid",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-with-textbook_23-2147666880.jpg",
-        },
-        {
-          id: "6",
-          brand: "Student",
-          name: "Fiona Glen",
-          price: "Grade: 65",
-          rating: 2,
-          reviewCount: "Feedback: Request help",
-          imageSrc: "http://img.b2bpic.net/free-photo/i-try-my-best-get-good-marks_329181-10505.jpg",
-        },
       ]}
       title="Result Management"
       description="View and manage records with precision and efficiency."
@@ -171,27 +89,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "98%", title: "Student Satisfaction", description: "High engagement rate with our feedback loops.", icon: CheckCircle },
-          id: "m1",
+        { id: "m2", value: "500+", title: "Grades Processed", description: "Efficiently handled in the current semester.", icon: Award },
-          value: "98%",
+        { id: "m3", value: "24/7", title: "System Uptime", description: "Always accessible for teachers and students.", icon: Shield },
-          title: "Student Satisfaction",
-          description: "High engagement rate with our feedback loops.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Grades Processed",
-          description: "Efficiently handled in the current semester.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "System Uptime",
-          description: "Always accessible for teachers and students.",
-          icon: Shield,
-        },
       ]}
       title="Academic Impact"
       description="Measuring excellence in every classroom."
@@ -204,41 +104,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Miller", role: "Principal", testimonial: "GradeFlow changed the way we handle result reporting. It is incredibly intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-teacher-classroom_23-2151696443.jpg" },
-          id: "1",
+        { id: "2", name: "James Wilson", role: "Math Teacher", testimonial: "The batch editing features saved me hours every single week.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg" },
-          name: "Sarah Miller",
-          role: "Principal",
-          testimonial: "GradeFlow changed the way we handle result reporting. It is incredibly intuitive.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-teacher-classroom_23-2151696443.jpg",
-        },
-        {
-          id: "2",
-          name: "James Wilson",
-          role: "Math Teacher",
-          testimonial: "The batch editing features saved me hours every single week.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          role: "High School Student",
-          testimonial: "Getting feedback directly on my grades makes learning much easier.",
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-notebook-hands-beautiful-woman_329181-9851.jpg",
-        },
-        {
-          id: "4",
-          name: "David Brown",
-          role: "History Teacher",
-          testimonial: "Reporting is finally seamless and transparent for both students and parents.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg",
-        },
-        {
-          id: "5",
-          name: "Sophia Martinez",
-          role: "Science Teacher",
-          testimonial: "GradeFlow is the gold standard for classroom management software today.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
       ]}
       title="Educator Feedback"
       description="What our user community has to say."
@@ -250,21 +117,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "How do I add a new student result?", content: "Simply navigate to the teacher dashboard, select 'Add Result', fill in the student data and grade, then save." },
-          id: "f1",
-          title: "How do I add a new student result?",
-          content: "Simply navigate to the teacher dashboard, select 'Add Result', fill in the student data and grade, then save.",
-        },
-        {
-          id: "f2",
-          title: "Can students provide anonymous feedback?",
-          content: "Yes, our feedback system is designed for constructive anonymous input from students to teachers.",
-        },
-        {
-          id: "f3",
-          title: "Is the system secure?",
-          content: "We prioritize data security with enterprise-grade encryption for all student information.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/scholarship-application-document-contract-form-concept_53876-124985.jpg"
       mediaAnimation="slide-up"
@@ -277,60 +130,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       text="Ready to transform your grading process? Contact us for a custom demo today."
-      buttons={[
+      buttons={[{ text: "Request a Demo" }]}
-        {
-          text: "Request a Demo",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Dashboard", href: "#dashboard" }] },
-          title: "Product",
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Dashboard",
-              href: "#dashboard",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="GradeFlow"
     />

src/app/teacher-portal/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function TeacherPortal() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="grid"
+        cardStyle="solid"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Features", id: "/#features" },
+            { name: "Dashboard", id: "/#dashboard" },
+            { name: "Teacher Portal", id: "/teacher-portal" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="GradeFlow"
+        />
+      </div>
+      <div className="pt-32 pb-20 min-h-screen">
+        <div className="max-w-4xl mx-auto px-6">
+          <h1 className="text-5xl font-bold mb-6">Teacher Portal</h1>
+          <p className="text-lg mb-8">Restricted access: Only authorized teachers can add, edit, and update student results.</p>
+          <div className="bg-card p-8 rounded border shadow-sm">
+            <p>Form interface for teacher authentication would be integrated here.</p>
+          </div>
+        </div>
+      </div>
+      <div id="footer" data-section="footer">
+          <FooterBase
+          columns={[
+            { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Dashboard", href: "/#dashboard" }] },
+            { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "/#contact" }] },
+          ]}
+          logoText="GradeFlow"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}