Update src/app/admin/page.tsx

Merge version_1 into main

src/app/admin/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { useState } from "react";
+
+export default function AdminDashboard() {
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+
+  if (!isAuthenticated) {
+    return (
+      <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+      >
+        <div className="min-h-screen flex items-center justify-center p-6">
+          <div className="max-w-md w-full p-8 border rounded-lg">
+            <h1 className="text-2xl font-bold mb-6">Admin Login</h1>
+            <button 
+              onClick={() => setIsAuthenticated(true)}
+              className="w-full py-3 bg-primary text-white rounded"
+            >
+              Login as Administrator
+            </button>
+          </div>
+        </div>
+      </ThemeProvider>
+    );
+  }
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[{ name: "Home", id: "/" }, { name: "Logout", id: "#" }]}
+          brandName="StudyFlow Admin"
+        />
+        <main className="container mx-auto p-8 pt-32">
+          <h1 className="text-4xl font-bold mb-8">User Management</h1>
+          <div className="grid gap-6">
+            <div className="p-6 border rounded-lg">
+              <h2 className="text-xl font-semibold mb-4">System Overview</h2>
+              <p>Active Users: 12,450</p>
+              <p>Total Revenue: $142,000</p>
+            </div>
+            <div className="p-6 border rounded-lg">
+              <h2 className="text-xl font-semibold mb-4">Recent User Actions</h2>
+              <ul className="space-y-2">
+                <li>User #4521 - Upgraded to Plus</li>
+                <li>User #9822 - Password Change</li>
+                <li>User #1102 - Registered</li>
+              </ul>
+            </div>
+          </div>
+        </main>
+        <FooterSimple 
+          columns={[]} 
+          bottomLeftText="© 2025 StudyFlow"
+          bottomRightText="All rights reserved."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -15,6 +15,11 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Calendar, Camera, Clock, GraduationCap, TrendingUp, Users } from "lucide-react";
 
 export default function LandingPage() {
+  const handlePayment = (planId: string) => {
+    // Integration logic for Stripe checkout flow goes here
+    console.log(`Redirecting to Stripe checkout for plan: ${planId}`);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -33,22 +38,14 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
       ]}
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
       brandName="StudyFlow AI"
     />
   </div>
@@ -57,103 +54,55 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Master Your Studies with AI"
       description="StudyFlow AI transforms your learning ecosystem, providing instant homework solutions, smart planners, and personalized tutoring 24/7."
       testimonials={[
         {
-          name: "Alex R.",
-          handle: "@alex_study",
-          testimonial: "This app turned my grades around completely!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=1",
-          imageAlt: "ai student dashboard dark mode",
-        },
+          name: "Alex R.",          handle: "@alex_study",          testimonial: "This app turned my grades around completely!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=1",          imageAlt: "ai student dashboard dark mode"},
         {
-          name: "Jordan P.",
-          handle: "@jp_learns",
-          testimonial: "The AI explanations are so clear and easy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067197.jpg",
-          imageAlt: "ai student dashboard dark mode",
-        },
+          name: "Jordan P.",          handle: "@jp_learns",          testimonial: "The AI explanations are so clear and easy.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067197.jpg",          imageAlt: "ai student dashboard dark mode"},
         {
-          name: "Sam K.",
-          handle: "@sam_study",
-          testimonial: "Finally, a tool that actually understands complex physics problems.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/online-calendar_53876-95302.jpg",
-          imageAlt: "ai student dashboard dark mode",
-        },
+          name: "Sam K.",          handle: "@sam_study",          testimonial: "Finally, a tool that actually understands complex physics problems.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/online-calendar_53876-95302.jpg",          imageAlt: "ai student dashboard dark mode"},
         {
-          name: "Mia L.",
-          handle: "@mia_academic",
-          testimonial: "My study efficiency has doubled since I started.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/shoukder-view-unrecognizable-person-examining-analysis-chart-tablet-pc_1098-18930.jpg",
-          imageAlt: "ai student dashboard dark mode",
-        },
+          name: "Mia L.",          handle: "@mia_academic",          testimonial: "My study efficiency has doubled since I started.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/shoukder-view-unrecognizable-person-examining-analysis-chart-tablet-pc_1098-18930.jpg",          imageAlt: "ai student dashboard dark mode"},
         {
-          name: "Leo T.",
-          handle: "@leo_tech",
-          testimonial: "The personalized schedule keeps me on track every day.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=1",
-          imageAlt: "ai student dashboard dark mode",
-        },
+          name: "Leo T.",          handle: "@leo_tech",          testimonial: "The personalized schedule keeps me on track every day.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=1",          imageAlt: "ai student dashboard dark mode"},
       ]}
       buttons={[
         {
-          text: "Start Free Trial",
-          href: "#contact",
-        },
+          text: "Start Free Trial",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=2"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/focused-self-employed-adult-researching-data-driven-topics-home_482257-120641.jpg",
-          alt: "Student avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/focused-self-employed-adult-researching-data-driven-topics-home_482257-120641.jpg",          alt: "Student avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg",
-          alt: "Student avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg",          alt: "Student avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/stakeholders-president-company-gather-via-video-link_482257-82326.jpg",
-          alt: "Student avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/stakeholders-president-company-gather-via-video-link_482257-82326.jpg",          alt: "Student avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
-          alt: "Student avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",          alt: "Student avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-wooden-figurine-with-academic-cap-notebook_23-2148756544.jpg",
-          alt: "Student avatar 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/top-view-wooden-figurine-with-academic-cap-notebook_23-2148756544.jpg",          alt: "Student avatar 5"},
       ]}
       avatarText="Join 100,000+ students"
       marqueeItems={[
         {
-          type: "text",
-          text: "Mathematics",
-        },
+          type: "text",          text: "Mathematics"},
         {
-          type: "text",
-          text: "Physics",
-        },
+          type: "text",          text: "Physics"},
         {
-          type: "text",
-          text: "Chemistry",
-        },
+          type: "text",          text: "Chemistry"},
         {
-          type: "text",
-          text: "History",
-        },
+          type: "text",          text: "History"},
         {
-          type: "text",
-          text: "Computer Science",
-        },
+          type: "text",          text: "Computer Science"},
       ]}
     />
   </div>
@@ -166,19 +115,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Camera,
-          title: "AI Homework Solver",
-          description: "Snap a photo and get step-by-step explanations instantly.",
-        },
+          title: "AI Homework Solver",          description: "Snap a photo and get step-by-step explanations instantly."},
         {
           icon: Calendar,
-          title: "Smart Study Planner",
-          description: "Personalized schedules that adapt to your progress and deadlines.",
-        },
+          title: "Smart Study Planner",          description: "Personalized schedules that adapt to your progress and deadlines."},
         {
           icon: GraduationCap,
-          title: "AI Quiz Generator",
-          description: "Generate custom quizzes from any material to ensure you're ready.",
-        },
+          title: "AI Quiz Generator",          description: "Generate custom quizzes from any material to ensure you're ready."},
       ]}
       title="Smarter Learning, Faster Results"
       description="Our core suite of tools is designed to bridge the gap between struggling with content and mastering your academic goals."
@@ -190,9 +133,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your All-in-One Study Ecosystem"
       description={[
-        "StudyFlow AI isn't just a solver; it's a productivity powerhouse. From focus modes and distraction blockers to deep performance analytics, we track every aspect of your learning.",
-        "Our advanced AI summarizes dense PDFs into revision sheets, tracks your study streaks with XP and gamification, and provides a platform to compete on leaderboards with friends.",
-      ]}
+        "StudyFlow AI isn't just a solver; it's a productivity powerhouse. From focus modes and distraction blockers to deep performance analytics, we track every aspect of your learning.",        "Our advanced AI summarizes dense PDFs into revision sheets, tracks your study streaks with XP and gamification, and provides a platform to compete on leaderboards with friends."]}
     />
   </div>
 
@@ -203,55 +144,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "free",
-          badge: "Basic",
-          price: "$0",
-          subtitle: "Get started with essentials",
-          buttons: [
+          id: "free",          badge: "Basic",          price: "$0",          subtitle: "Get started with essentials",          buttons: [
             {
-              text: "Sign Up",
-              href: "#contact",
+              text: "Sign Up",              onClick: () => handlePayment("free"),
             },
           ],
           features: [
-            "Limited daily AI questions",
-            "Basic planner",
-            "Ad-supported",
-          ],
+            "Limited daily AI questions",            "Basic planner",            "Ad-supported"],
         },
         {
-          id: "premium",
-          badge: "Pro",
-          price: "$9.99",
-          subtitle: "For focused learners",
-          buttons: [
+          id: "premium",          badge: "Pro",          price: "$9.99",          subtitle: "For focused learners",          buttons: [
             {
-              text: "Upgrade",
-              href: "#contact",
+              text: "Upgrade",              onClick: () => handlePayment("premium"),
             },
           ],
           features: [
-            "Unlimited explanations",
-            "PDF summarization",
-            "No ads",
-          ],
+            "Unlimited explanations",            "PDF summarization",            "No ads"],
         },
         {
-          id: "plus",
-          badge: "Plus",
-          price: "$19.99",
-          subtitle: "For top performers",
-          buttons: [
+          id: "plus",          badge: "Plus",          price: "$19.99",          subtitle: "For top performers",          buttons: [
             {
-              text: "Upgrade",
-              href: "#contact",
+              text: "Upgrade",              onClick: () => handlePayment("plus"),
             },
           ],
           features: [
-            "Voice tutoring",
-            "Exam prediction AI",
-            "Group study rooms",
-          ],
+            "Voice tutoring",            "Exam prediction AI",            "Group study rooms"],
         },
       ]}
       title="Flexible Plans for Every Student"
@@ -267,25 +184,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "45%",
-          title: "Grade Improvement",
-          description: "Average increase in student grades.",
-          icon: TrendingUp,
+          id: "1",          value: "45%",          title: "Grade Improvement",          description: "Average increase in student grades.",          icon: TrendingUp,
         },
         {
-          id: "2",
-          value: "2hrs",
-          title: "Time Saved",
-          description: "Average hours saved per week on homework.",
-          icon: Clock,
+          id: "2",          value: "2hrs",          title: "Time Saved",          description: "Average hours saved per week on homework.",          icon: Clock,
         },
         {
-          id: "3",
-          value: "100k+",
-          title: "Students Helped",
-          description: "Students already acing their exams.",
-          icon: Users,
+          id: "3",          value: "100k+",          title: "Students Helped",          description: "Students already acing their exams.",          icon: Users,
         },
       ]}
       title="Proven Academic Impact"
@@ -300,40 +205,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarah_j",
-          testimonial: "I never understood physics until StudyFlow AI.",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=2",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@sarah_j",          testimonial: "I never understood physics until StudyFlow AI.",          imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=2"},
         {
-          id: "2",
-          name: "Mark L.",
-          handle: "@mark_l",
-          testimonial: "The quiz generator is a total lifesaver for finals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-works-tablet-does-graphic-design-draws-sketch-works-as-freelance-illustrator-dressed-casually-poses-outdoor-uses-electronic-pen-writing_273609-54703.jpg",
-        },
+          id: "2",          name: "Mark L.",          handle: "@mark_l",          testimonial: "The quiz generator is a total lifesaver for finals.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-works-tablet-does-graphic-design-draws-sketch-works-as-freelance-illustrator-dressed-casually-poses-outdoor-uses-electronic-pen-writing_273609-54703.jpg"},
         {
-          id: "3",
-          name: "Elena V.",
-          handle: "@elena_v",
-          testimonial: "Finally, an AI that explains instead of just answering.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-student-boy-sitting-desk-with-school-tools-showing-yes-gesture-isolated-yellow-wall_141793-78126.jpg",
-        },
+          id: "3",          name: "Elena V.",          handle: "@elena_v",          testimonial: "Finally, an AI that explains instead of just answering.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-student-boy-sitting-desk-with-school-tools-showing-yes-gesture-isolated-yellow-wall_141793-78126.jpg"},
         {
-          id: "4",
-          name: "Kevin B.",
-          handle: "@kevin_b",
-          testimonial: "The study planner is incredibly helpful for my schedule.",
-          imageSrc: "http://img.b2bpic.net/free-photo/glad-student-girl-posing-desk-against-pink-wall_273609-20798.jpg",
-        },
+          id: "4",          name: "Kevin B.",          handle: "@kevin_b",          testimonial: "The study planner is incredibly helpful for my schedule.",          imageSrc: "http://img.b2bpic.net/free-photo/glad-student-girl-posing-desk-against-pink-wall_273609-20798.jpg"},
         {
-          id: "5",
-          name: "Chloe T.",
-          handle: "@chloe_t",
-          testimonial: "Gamification makes studying feel like a game now!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-content-student-with-with-books_23-2147655927.jpg",
-        },
+          id: "5",          name: "Chloe T.",          handle: "@chloe_t",          testimonial: "Gamification makes studying feel like a game now!",          imageSrc: "http://img.b2bpic.net/free-photo/young-content-student-with-with-books_23-2147655927.jpg"},
       ]}
       title="Loved by Students Globally"
       description="Hear from students whose grades and confidence skyrocketed after using StudyFlow AI."
@@ -346,20 +226,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Is the app free?",
-          content: "Yes, we offer a robust free plan with daily limitations. You can upgrade for unlimited features.",
-        },
+          id: "q1",          title: "Is the app free?",          content: "Yes, we offer a robust free plan with daily limitations. You can upgrade for unlimited features."},
         {
-          id: "q2",
-          title: "Does it work for math?",
-          content: "Yes, we support math, physics, chemistry, and many more subjects.",
-        },
+          id: "q2",          title: "Does it work for math?",          content: "Yes, we support math, physics, chemistry, and many more subjects."},
         {
-          id: "q3",
-          title: "Can I upload my own notes?",
-          content: "Yes, you can upload PDFs, photos, and handwritten notes for summarization.",
-        },
+          id: "q3",          title: "Can I upload my own notes?",          content: "Yes, you can upload PDFs, photos, and handwritten notes for summarization."},
       ]}
       mediaAnimation="slide-up"
       title="Frequently Asked Questions"
@@ -373,14 +244,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Ready to transform your study habits?"
       buttons={[
         {
-          text: "Download App Now",
-          href: "#",
-        },
+          text: "Download App Now",          href: "#"},
       ]}
     />
   </div>
@@ -389,42 +257,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
@@ -435,4 +288,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}