Merge version_1 into main #2
@@ -59,7 +59,7 @@ export default function AdminPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -70,9 +70,7 @@ export default function AdminPage() {
|
||||
brandName="EduFlow"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -81,24 +79,15 @@ export default function AdminPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Comprehensive Admin",
|
||||
},
|
||||
type: "text", content: "Comprehensive Admin"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg",
|
||||
alt: "Admin controls",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg", alt: "Admin controls"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Management Suite",
|
||||
},
|
||||
type: "text", content: "Management Suite"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Access Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
text: "Access Dashboard", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -109,23 +98,14 @@ export default function AdminPage() {
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "User Management",
|
||||
description: "Create, manage, and organize user roles across administrators, teachers, and students with granular permission controls.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg?_wi=2",
|
||||
},
|
||||
id: 1,
|
||||
title: "User Management", description: "Create, manage, and organize user roles across administrators, teachers, and students with granular permission controls.", imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "System Analytics",
|
||||
description: "Monitor platform usage, system performance, and user engagement metrics with comprehensive real-time dashboards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg?_wi=3",
|
||||
},
|
||||
id: 2,
|
||||
title: "System Analytics", description: "Monitor platform usage, system performance, and user engagement metrics with comprehensive real-time dashboards.", imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Security & Compliance",
|
||||
description: "Ensure institutional data security with audit logs, access controls, and compliance monitoring tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg?_wi=2",
|
||||
},
|
||||
id: 3,
|
||||
title: "Security & Compliance", description: "Ensure institutional data security with audit logs, access controls, and compliance monitoring tools.", imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg"},
|
||||
]}
|
||||
title="Admin Capabilities"
|
||||
description="Complete institutional control and oversight"
|
||||
|
||||
175
src/app/page.tsx
175
src/app/page.tsx
@@ -61,7 +61,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -72,9 +72,7 @@ export default function HomePage() {
|
||||
brandName="EduFlow"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,52 +84,32 @@ export default function HomePage() {
|
||||
tag="Liquid Glass Design"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062208.jpg?_wi=1",
|
||||
imageAlt: "Main dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062208.jpg", imageAlt: "Main dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg?_wi=1",
|
||||
imageAlt: "Admin panel overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg", imageAlt: "Admin panel overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg?_wi=1",
|
||||
imageAlt: "Teacher portal interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg", imageAlt: "Teacher portal interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg?_wi=1",
|
||||
imageAlt: "Student dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg", imageAlt: "Student dashboard"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg?_wi=2",
|
||||
imageAlt: "Student learning interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg", imageAlt: "Student learning interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg?_wi=2",
|
||||
imageAlt: "Teaching tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg", imageAlt: "Teaching tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg?_wi=2",
|
||||
imageAlt: "Administration controls",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg", imageAlt: "Administration controls"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062208.jpg?_wi=2",
|
||||
imageAlt: "Analytics and reports",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062208.jpg", imageAlt: "Analytics and reports"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch Admin Panel",
|
||||
href: "/admin",
|
||||
},
|
||||
text: "Launch Admin Panel", href: "/admin"},
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Features", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -142,24 +120,15 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Powerful Admin",
|
||||
},
|
||||
type: "text", content: "Powerful Admin"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg",
|
||||
alt: "Admin controls",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359900.jpg", alt: "Admin controls"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Control Center",
|
||||
},
|
||||
type: "text", content: "Control Center"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Admin Dashboard",
|
||||
href: "/admin",
|
||||
},
|
||||
text: "Admin Dashboard", href: "/admin"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -170,24 +139,15 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Intuitive Teacher",
|
||||
},
|
||||
type: "text", content: "Intuitive Teacher"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg",
|
||||
alt: "Teacher interface",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg", alt: "Teacher interface"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Management Portal",
|
||||
},
|
||||
type: "text", content: "Management Portal"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Teacher Portal",
|
||||
href: "/teacher",
|
||||
},
|
||||
text: "Teacher Portal", href: "/teacher"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -198,24 +158,15 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Engaging Student",
|
||||
},
|
||||
type: "text", content: "Engaging Student"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg",
|
||||
alt: "Student dashboard",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg", alt: "Student dashboard"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Learning Dashboard",
|
||||
},
|
||||
type: "text", content: "Learning Dashboard"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Student Dashboard",
|
||||
href: "/student",
|
||||
},
|
||||
text: "Student Dashboard", href: "/student"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -226,29 +177,17 @@ export default function HomePage() {
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Real-Time Analytics",
|
||||
description: "Track student progress and performance metrics in real-time with comprehensive dashboards",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg?_wi=1",
|
||||
},
|
||||
id: 1,
|
||||
title: "Real-Time Analytics", description: "Track student progress and performance metrics in real-time with comprehensive dashboards", imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless Collaboration",
|
||||
description: "Enable smooth communication between students, teachers, and administrators across the platform",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg?_wi=1",
|
||||
},
|
||||
id: 2,
|
||||
title: "Seamless Collaboration", description: "Enable smooth communication between students, teachers, and administrators across the platform", imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Enterprise Security",
|
||||
description: "Bank-grade encryption and security protocols to protect sensitive educational data",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg?_wi=1",
|
||||
},
|
||||
id: 3,
|
||||
title: "Enterprise Security", description: "Bank-grade encryption and security protocols to protect sensitive educational data", imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Custom Reports",
|
||||
description: "Generate detailed reports tailored to administrative, instructional, and student needs",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg?_wi=2",
|
||||
},
|
||||
id: 4,
|
||||
title: "Custom Reports", description: "Generate detailed reports tailored to administrative, instructional, and student needs", imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg"},
|
||||
]}
|
||||
title="Key Features"
|
||||
description="Comprehensive tools designed for every role in your educational ecosystem"
|
||||
@@ -265,53 +204,17 @@ export default function HomePage() {
|
||||
<TestimonialCardTen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Complete Administrative Control",
|
||||
quote: "The admin panel gives us complete visibility and control over the entire institution. Managing user roles, permissions, and resources has never been easier.",
|
||||
name: "Dr. Rajesh Kumar",
|
||||
role: "School Principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Complete Administrative Control", quote: "The admin panel gives us complete visibility and control over the entire institution. Managing user roles, permissions, and resources has never been easier.", name: "Dr. Rajesh Kumar", role: "School Principal", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Teaching Made Simple",
|
||||
quote: "As a teacher, I can focus on what matters most - educating students. The platform handles all the administrative overhead beautifully.",
|
||||
name: "Sarah Chen",
|
||||
role: "Senior Mathematics Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Teaching Made Simple", quote: "As a teacher, I can focus on what matters most - educating students. The platform handles all the administrative overhead beautifully.", name: "Sarah Chen", role: "Senior Mathematics Teacher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Engaging Learning Experience",
|
||||
quote: "The student dashboard is intuitive and motivating. I can easily track my progress and submit assignments through a fluid, modern interface.",
|
||||
name: "Ahmed Hassan",
|
||||
role: "High School Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-young-people_24908-56802.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "Engaging Learning Experience", quote: "The student dashboard is intuitive and motivating. I can easily track my progress and submit assignments through a fluid, modern interface.", name: "Ahmed Hassan", role: "High School Student", imageSrc: "http://img.b2bpic.net/free-vector/happy-young-people_24908-56802.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Seamless Integration",
|
||||
quote: "Implementing EduFlow across our institution was smooth. The support team was exceptional, and the liquid glass design is simply stunning.",
|
||||
name: "Emma Thompson",
|
||||
role: "Educational Technology Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1",
|
||||
},
|
||||
id: "4", title: "Seamless Integration", quote: "Implementing EduFlow across our institution was smooth. The support team was exceptional, and the liquid glass design is simply stunning.", name: "Emma Thompson", role: "Educational Technology Director", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Measurable Improvements",
|
||||
quote: "Since using EduFlow, we've seen a 40% improvement in student engagement and a significant reduction in administrative time.",
|
||||
name: "Prof. Michael Rodriguez",
|
||||
role: "University Dean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Measurable Improvements", quote: "Since using EduFlow, we've seen a 40% improvement in student engagement and a significant reduction in administrative time.", name: "Prof. Michael Rodriguez", role: "University Dean", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Future of Education",
|
||||
quote: "This platform represents the future of educational technology. The fluid design, security, and functionality are unmatched in the market.",
|
||||
name: "Lisa Wang",
|
||||
role: "EdTech Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg?_wi=2",
|
||||
},
|
||||
id: "6", title: "Future of Education", quote: "This platform represents the future of educational technology. The fluid design, security, and functionality are unmatched in the market.", name: "Lisa Wang", role: "EdTech Consultant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg"},
|
||||
]}
|
||||
title="Trusted by Educators"
|
||||
description="Hear from administrators, teachers, and students who have transformed their learning experience"
|
||||
|
||||
@@ -59,7 +59,7 @@ export default function StudentPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -70,9 +70,7 @@ export default function StudentPage() {
|
||||
brandName="EduFlow"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -81,24 +79,15 @@ export default function StudentPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Engaging Student",
|
||||
},
|
||||
type: "text", content: "Engaging Student"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg",
|
||||
alt: "Student dashboard",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/online-education-flat-background_23-2148136767.jpg", alt: "Student dashboard"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Learning Dashboard",
|
||||
},
|
||||
type: "text", content: "Learning Dashboard"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter Dashboard",
|
||||
href: "/student",
|
||||
},
|
||||
text: "Enter Dashboard", href: "/student"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -109,26 +98,14 @@ export default function StudentPage() {
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Learning Progress Tracking",
|
||||
description: "Monitor your academic journey with real-time progress dashboards. Visualize your grades, completed assignments, and learning achievements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg?_wi=5",
|
||||
imageAlt: "Progress tracking interface",
|
||||
},
|
||||
id: 1,
|
||||
title: "Learning Progress Tracking", description: "Monitor your academic journey with real-time progress dashboards. Visualize your grades, completed assignments, and learning achievements.", imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg", imageAlt: "Progress tracking interface"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Collaborative Learning",
|
||||
description: "Connect with classmates through study groups, discussion forums, and peer collaboration tools. Learn together in a supportive community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg?_wi=4",
|
||||
imageAlt: "Collaboration features",
|
||||
},
|
||||
id: 2,
|
||||
title: "Collaborative Learning", description: "Connect with classmates through study groups, discussion forums, and peer collaboration tools. Learn together in a supportive community.", imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg", imageAlt: "Collaboration features"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Personalized Learning Path",
|
||||
description: "Get AI-recommended study materials, practice exercises, and resources tailored to your learning style and pace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg?_wi=4",
|
||||
imageAlt: "Personalized recommendations",
|
||||
},
|
||||
id: 3,
|
||||
title: "Personalized Learning Path", description: "Get AI-recommended study materials, practice exercises, and resources tailored to your learning style and pace.", imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg", imageAlt: "Personalized recommendations"},
|
||||
]}
|
||||
title="Student Learning Features"
|
||||
description="Powerful tools designed to help you succeed in your educational journey"
|
||||
@@ -145,32 +122,11 @@ export default function StudentPage() {
|
||||
<TestimonialCardTen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Engaging Learning Experience",
|
||||
quote: "The student dashboard is intuitive and motivating. I can easily track my progress and submit assignments through a fluid, modern interface.",
|
||||
name: "Ahmed Hassan",
|
||||
role: "High School Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-young-people_24908-56802.jpg?_wi=2",
|
||||
imageAlt: "Ahmed Hassan",
|
||||
},
|
||||
id: "1", title: "Engaging Learning Experience", quote: "The student dashboard is intuitive and motivating. I can easily track my progress and submit assignments through a fluid, modern interface.", name: "Ahmed Hassan", role: "High School Student", imageSrc: "http://img.b2bpic.net/free-vector/happy-young-people_24908-56802.jpg", imageAlt: "Ahmed Hassan"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Future of Education",
|
||||
quote: "This platform represents the future of educational technology. The fluid design, security, and functionality are unmatched. I feel confident learning here.",
|
||||
name: "Lisa Wang",
|
||||
role: "College Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=3",
|
||||
imageAlt: "Lisa Wang",
|
||||
},
|
||||
id: "2", title: "Future of Education", quote: "This platform represents the future of educational technology. The fluid design, security, and functionality are unmatched. I feel confident learning here.", name: "Lisa Wang", role: "College Student", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "Lisa Wang"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Community Support",
|
||||
quote: "Beyond coursework, the collaboration features and supportive community make learning enjoyable. I feel connected to my peers and instructors.",
|
||||
name: "Jordan Martinez",
|
||||
role: "University Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg?_wi=4",
|
||||
imageAlt: "Jordan Martinez",
|
||||
},
|
||||
id: "3", title: "Community Support", quote: "Beyond coursework, the collaboration features and supportive community make learning enjoyable. I feel connected to my peers and instructors.", name: "Jordan Martinez", role: "University Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg", imageAlt: "Jordan Martinez"},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Real experiences from students thriving with EduFlow"
|
||||
|
||||
@@ -59,7 +59,7 @@ export default function TeacherPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -70,9 +70,7 @@ export default function TeacherPage() {
|
||||
brandName="EduFlow"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -81,24 +79,15 @@ export default function TeacherPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Intuitive Teacher",
|
||||
},
|
||||
type: "text", content: "Intuitive Teacher"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg",
|
||||
alt: "Teacher interface",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg", alt: "Teacher interface"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Management Portal",
|
||||
},
|
||||
type: "text", content: "Management Portal"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Portal",
|
||||
href: "/teacher",
|
||||
},
|
||||
text: "Explore Portal", href: "/teacher"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -109,26 +98,14 @@ export default function TeacherPage() {
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Course Management",
|
||||
description: "Create, organize, and manage courses with an intuitive dashboard. Upload materials, set deadlines, and track student submissions effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg?_wi=4",
|
||||
imageAlt: "Course management tools",
|
||||
},
|
||||
id: 1,
|
||||
title: "Course Management", description: "Create, organize, and manage courses with an intuitive dashboard. Upload materials, set deadlines, and track student submissions effortlessly.", imageSrc: "http://img.b2bpic.net/free-vector/analytics-background-design_1300-128.jpg", imageAlt: "Course management tools"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Assessment Tools",
|
||||
description: "Design and deploy assessments with automatic grading, rubrics, and detailed feedback. Track student performance with actionable analytics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg?_wi=3",
|
||||
imageAlt: "Assessment interface",
|
||||
},
|
||||
id: 2,
|
||||
title: "Assessment Tools", description: "Design and deploy assessments with automatic grading, rubrics, and detailed feedback. Track student performance with actionable analytics.", imageSrc: "http://img.b2bpic.net/free-photo/networking-concept-still-life-assortment_23-2149035667.jpg", imageAlt: "Assessment interface"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Communication Hub",
|
||||
description: "Communicate with students through integrated messaging, announcements, and discussion forums. Foster engagement and collaboration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg?_wi=3",
|
||||
imageAlt: "Communication tools",
|
||||
},
|
||||
id: 3,
|
||||
title: "Communication Hub", description: "Communicate with students through integrated messaging, announcements, and discussion forums. Foster engagement and collaboration.", imageSrc: "http://img.b2bpic.net/free-vector/collection-shields-with-ribbons-flat-design_23-2147606230.jpg", imageAlt: "Communication tools"},
|
||||
]}
|
||||
title="Teacher Tools & Features"
|
||||
description="Everything you need to deliver engaging, interactive learning experiences"
|
||||
@@ -145,32 +122,11 @@ export default function TeacherPage() {
|
||||
<TestimonialCardTen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Teaching Made Simple",
|
||||
quote: "As a teacher, I can focus on what matters most - educating students. The platform handles all the administrative overhead beautifully.",
|
||||
name: "Sarah Chen",
|
||||
role: "Senior Mathematics Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg?_wi=3",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "1", title: "Teaching Made Simple", quote: "As a teacher, I can focus on what matters most - educating students. The platform handles all the administrative overhead beautifully.", name: "Sarah Chen", role: "Senior Mathematics Teacher", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Measurable Student Engagement",
|
||||
quote: "Since using EduFlow, I've seen a 40% improvement in student engagement and a significant reduction in administrative time spent on grading and record-keeping.",
|
||||
name: "Prof. Michael Rodriguez",
|
||||
role: "University Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg?_wi=3",
|
||||
imageAlt: "Prof. Rodriguez",
|
||||
},
|
||||
id: "2", title: "Measurable Student Engagement", quote: "Since using EduFlow, I've seen a 40% improvement in student engagement and a significant reduction in administrative time spent on grading and record-keeping.", name: "Prof. Michael Rodriguez", role: "University Instructor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg", imageAlt: "Prof. Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Seamless Integration",
|
||||
quote: "Implementing EduFlow across our institution was smooth. The support team was exceptional, and the liquid glass design is simply stunning.",
|
||||
name: "Emma Thompson",
|
||||
role: "Educational Technology Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=2",
|
||||
imageAlt: "Emma Thompson",
|
||||
},
|
||||
id: "3", title: "Seamless Integration", quote: "Implementing EduFlow across our institution was smooth. The support team was exceptional, and the liquid glass design is simply stunning.", name: "Emma Thompson", role: "Educational Technology Director", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "Emma Thompson"},
|
||||
]}
|
||||
title="Trusted by Educators"
|
||||
description="Hear from teachers who have transformed their classroom experience with EduFlow"
|
||||
|
||||
@@ -1,51 +1,51 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
textClassName?: string;
|
||||
animationDuration?: number;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
textClassName = '',
|
||||
animationDuration = 3,
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * 60} 100`}
|
||||
className={`w-full h-auto ${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
className={`text-4xl font-bold fill-current ${textClassName}`}
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
animation: `fadeInScale ${animationDuration}s ease-out`,
|
||||
}}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
<style>{`
|
||||
@keyframes fadeInScale {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
`}</style>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user