Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Overview", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Support", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="ExamFlow"
|
||||
/>
|
||||
@@ -49,70 +44,20 @@ export default function LandingPage() {
|
||||
title="Streamline Your Examination Lifecycle"
|
||||
description="Secure, centralized data collection for professors, surveillance teams, and administrators. Manage exams with precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dr. Aris Thorne",
|
||||
handle: "@university-lead",
|
||||
testimonial: "The exam surveillance integration is seamless and highly secure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@admin-office",
|
||||
testimonial: "Centralizing corrector feedback has reduced our processing time by 40%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus Vane",
|
||||
handle: "@chief-exams",
|
||||
testimonial: "This system provides the visibility we need to ensure exam integrity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@head-prof",
|
||||
testimonial: "An essential tool for modern examination centers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094646.jpg",
|
||||
},
|
||||
{
|
||||
name: "James O'Neill",
|
||||
handle: "@testing-center",
|
||||
testimonial: "Fantastic interface for coordinating personnel across campuses.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner-working_23-2148828330.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Dr. Aris Thorne", handle: "@university-lead", testimonial: "The exam surveillance integration is seamless and highly secure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg" },
|
||||
{ name: "Sarah Jenkins", handle: "@admin-office", testimonial: "Centralizing corrector feedback has reduced our processing time by 40%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg" },
|
||||
{ name: "Marcus Vane", handle: "@chief-exams", testimonial: "This system provides the visibility we need to ensure exam integrity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg" },
|
||||
{ name: "Elena Rossi", handle: "@head-prof", testimonial: "An essential tool for modern examination centers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094646.jpg" },
|
||||
{ name: "James O'Neill", handle: "@testing-center", testimonial: "Fantastic interface for coordinating personnel across campuses.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-owner-working_23-2148828330.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-desk-colorful-post-its_23-2149386368.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
||||
alt: "Middle aged hispanic business person",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-library_1262-2398.jpg",
|
||||
alt: "Portrait of smiling senior businessman on library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6130.jpg",
|
||||
alt: "Bearded grey-haired elderly man dressed in formal suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg",
|
||||
alt: "Senior man looking at camera in dental office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg",
|
||||
alt: "Beautiful business woman portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg", alt: "Middle aged hispanic business person" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-library_1262-2398.jpg", alt: "Portrait of smiling senior businessman on library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6130.jpg", alt: "Bearded grey-haired elderly man dressed in formal suit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg", alt: "Senior man looking at camera in dental office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", alt: "Beautiful business woman portrait" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Institutions"
|
||||
/>
|
||||
@@ -122,7 +67,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Modernizing Exam Administration"
|
||||
description="We provide the infrastructure for professors, surveillance staff, and center chiefs to collaborate securely and efficiently."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,77 +77,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Professor Dashboard",
|
||||
description: "Streamlined exam data collection and automated submission tracking.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Real-time updates",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure access",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast upload",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg?_wi=2",
|
||||
imageAlt: "software dashboard analytics",
|
||||
title: "Professor Dashboard", description: "Streamlined exam data collection and automated submission tracking.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
|
||||
items: [{ icon: CheckCircle, text: "Real-time updates" }, { icon: Shield, text: "Secure access" }, { icon: Zap, text: "Fast upload" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Surveillance Coordination",
|
||||
description: "Deploy surveillance personnel efficiently across all exam centers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445172.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Staff management",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Site mapping",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Schedule alerts",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg?_wi=2",
|
||||
imageAlt: "software dashboard analytics",
|
||||
title: "Surveillance Coordination", description: "Deploy surveillance personnel efficiently across all exam centers.", media: { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445172.jpg" },
|
||||
items: [{ icon: Users, text: "Staff management" }, { icon: MapPin, text: "Site mapping" }, { icon: Clock, text: "Schedule alerts" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Corrector Management",
|
||||
description: "Unified workflow for mark entry and grade verification by correctors.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pencil-near-sheets-smartphone-ruler-protractor_23-2148036989.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Digital grading",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Report generation",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Auto-validation",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg?_wi=2",
|
||||
imageAlt: "software dashboard analytics",
|
||||
},
|
||||
title: "Corrector Management", description: "Unified workflow for mark entry and grade verification by correctors.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pencil-near-sheets-smartphone-ruler-protractor_23-2148036989.jpg" },
|
||||
items: [{ icon: PenTool, text: "Digital grading" }, { icon: FileText, text: "Report generation" }, { icon: Award, text: "Auto-validation" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Robust Features for Education"
|
||||
description="Comprehensive tools for managing every aspect of the examination process."
|
||||
@@ -212,30 +99,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Exams Managed",
|
||||
description: "Successfully coordinated annual volume",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable access during peak season",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/declining-performance-chart-with-downward-arrow_23-2152012408.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Institutions",
|
||||
description: "Schools actively using our software",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45476.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Exams Managed", description: "Successfully coordinated annual volume", imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Reliable access during peak season", imageSrc: "http://img.b2bpic.net/free-photo/declining-performance-chart-with-downward-arrow_23-2152012408.jpg" },
|
||||
{ id: "m3", value: "500+", title: "Institutions", description: "Schools actively using our software", imageSrc: "http://img.b2bpic.net/free-vector/set-laptop-computer-with-electronic-business-icons_24911-45476.jpg" }
|
||||
]}
|
||||
title="Impactful Results"
|
||||
description="Our platform is trusted by centers nationwide to handle high-stakes exam logistics."
|
||||
@@ -247,21 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use enterprise-grade encryption for all exam-related data.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can professors work remotely?",
|
||||
content: "Absolutely, our cloud interface supports remote access with multi-factor authentication.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Does it support large-scale deployment?",
|
||||
content: "Our systems are built to scale for national-level exam boards and institutions.",
|
||||
},
|
||||
{ id: "q1", title: "Is my data secure?", content: "Yes, we use enterprise-grade encryption for all exam-related data." },
|
||||
{ id: "q2", title: "Can professors work remotely?", content: "Absolutely, our cloud interface supports remote access with multi-factor authentication." },
|
||||
{ id: "q3", title: "Does it support large-scale deployment?", content: "Our systems are built to scale for national-level exam boards and institutions." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about our exam platform."
|
||||
@@ -271,19 +129,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Transform Your Exams?"
|
||||
description="Get in touch today for a demo or integration plan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@examflow.edu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:support@examflow.edu" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -291,45 +142,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="ExamFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user