Merge version_1 into main #1
223
src/app/page.tsx
223
src/app/page.tsx
@@ -30,139 +30,83 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Smart Campus Issue Intelligence System"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Smart Campus Issue Intelligence System"
|
||||
description="Streamline campus maintenance and administrative requests with our intelligent issue reporting and management platform."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg",
|
||||
imageAlt: "Analytics overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg", imageAlt: "Analytics overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-business-colleagues-reviewing-statistics-sales-data_482257-89491.jpg",
|
||||
imageAlt: "Resolution workflow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-business-colleagues-reviewing-statistics-sales-data_482257-89491.jpg", imageAlt: "Resolution workflow"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-african-businesswoman-checking-statistics-graph-tablet-pc_482257-2022.jpg",
|
||||
imageAlt: "Admin view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-african-businesswoman-checking-statistics-graph-tablet-pc_482257-2022.jpg", imageAlt: "Admin view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252462.jpg",
|
||||
imageAlt: "Student view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252462.jpg", imageAlt: "Student view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg",
|
||||
imageAlt: "Reporting view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg", imageAlt: "Reporting view"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-entrepreneur-holding-tablet-computer-with-marketing-statistics-screen-multiethnic-businesspeople-working-marketing-project-sharing-paper-with-company-turnover-business-meeting_482257-37046.jpg",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-entrepreneur-holding-tablet-computer-with-marketing-statistics-screen-multiethnic-businesspeople-working-marketing-project-sharing-paper-with-company-turnover-business-meeting_482257-37046.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg",
|
||||
imageAlt: "Analytics overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg", imageAlt: "Analytics overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg",
|
||||
imageAlt: "Resolution workflow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg", imageAlt: "Resolution workflow"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg",
|
||||
imageAlt: "Admin view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg", imageAlt: "Admin view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252495.jpg",
|
||||
imageAlt: "Student view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252495.jpg", imageAlt: "Student view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252466.jpg",
|
||||
imageAlt: "Reporting view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252466.jpg", imageAlt: "Reporting view"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign In",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sign In", href: "#contact"},
|
||||
{
|
||||
text: "Register",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Register", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-125578.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-125578.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/executive-assistant-looking-wristwatch-office-checking-time-working-after-hours-business-development-young-adult-analyzing-financial-statistics-computer-startup-growth_482257-63092.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/executive-assistant-looking-wristwatch-office-checking-time-working-after-hours-business-development-young-adult-analyzing-financial-statistics-computer-startup-growth_482257-63092.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-senior-person-while-learning_23-2149072423.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-senior-person-while-learning_23-2149072423.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-watching-financial-report-laptop_1262-3707.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-watching-financial-report-laptop_1262-3707.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 500+ active campus members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Campus Facilities",
|
||||
},
|
||||
type: "text", text: "Campus Facilities"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Infrastructure",
|
||||
},
|
||||
type: "text", text: "Digital Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Issue Tracking",
|
||||
},
|
||||
type: "text", text: "Issue Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Student Services",
|
||||
},
|
||||
type: "text", text: "Student Services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,26 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Student Feedback",
|
||||
description: "Enable easy reporting for students to voice issues directly.",
|
||||
tag: "Reporting",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-education-25-line-filled-icon-pack-such-as-learning-education-invite-video-multimedia_1142-23225.jpg",
|
||||
},
|
||||
id: "1", title: "Student Feedback", description: "Enable easy reporting for students to voice issues directly.", tag: "Reporting", imageSrc: "http://img.b2bpic.net/free-vector/creative-education-25-line-filled-icon-pack-such-as-learning-education-invite-video-multimedia_1142-23225.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Resolution",
|
||||
description: "Automated ticketing workflows to ensure quick turnaround times.",
|
||||
tag: "Efficiency",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/time-management-icons-set_98292-6719.jpg",
|
||||
},
|
||||
id: "2", title: "Fast Resolution", description: "Automated ticketing workflows to ensure quick turnaround times.", tag: "Efficiency", imageSrc: "http://img.b2bpic.net/free-vector/time-management-icons-set_98292-6719.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Admin Dashboard",
|
||||
description: "Full visibility into campus-wide issues with powerful reporting tools.",
|
||||
tag: "Admin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-three-giant-filing-cabinets_1156-269.jpg",
|
||||
},
|
||||
id: "3", title: "Admin Dashboard", description: "Full visibility into campus-wide issues with powerful reporting tools.", tag: "Admin", imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-three-giant-filing-cabinets_1156-269.jpg"},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to manage your campus effectively."
|
||||
@@ -207,20 +136,11 @@ export default function LandingPage() {
|
||||
tag="Live Statistics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Issues Resolved",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Issues Resolved"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Active Departments",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Active Departments"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -233,45 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "This system has revolutionized how we report facility issues on campus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-enthusiastic-hispanic-male-student-searching-job-consider-career-opportu_1258-113382.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "This system has revolutionized how we report facility issues on campus.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-enthusiastic-hispanic-male-student-searching-job-consider-career-opportu_1258-113382.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Alan Grant",
|
||||
handle: "@drgrant",
|
||||
testimonial: "Incredible tool for administration to track department requests.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
id: "2", name: "Dr. Alan Grant", handle: "@drgrant", testimonial: "Incredible tool for administration to track department requests.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jason Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Easy to use and very fast resolution time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
},
|
||||
id: "3", name: "Jason Lee", handle: "@jlee", testimonial: "Easy to use and very fast resolution time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Maria Rossi",
|
||||
handle: "@mrossi",
|
||||
testimonial: "Finally a centralized system that actually works well.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-holding-documents_23-2148513888.jpg",
|
||||
},
|
||||
id: "4", name: "Maria Rossi", handle: "@mrossi", testimonial: "Finally a centralized system that actually works well.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-holding-documents_23-2148513888.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Baker",
|
||||
handle: "@tbaker",
|
||||
testimonial: "Highly recommended for all campus facilities staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blond-woman-student-standing-near-her-campus-with-notebooks-documents-wearing_1258-205470.jpg",
|
||||
},
|
||||
id: "5", name: "Tom Baker", handle: "@tbaker", testimonial: "Highly recommended for all campus facilities staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blond-woman-student-standing-near-her-campus-with-notebooks-documents-wearing_1258-205470.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Campus Community Voices"
|
||||
@@ -285,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I register?",
|
||||
content: "You can register by clicking the Register button on our sign-in page.",
|
||||
},
|
||||
id: "q1", title: "How do I register?", content: "You can register by clicking the Register button on our sign-in page."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Who can access this system?",
|
||||
content: "The system is open to all students, faculty, and administrative staff.",
|
||||
},
|
||||
id: "q2", title: "Who can access this system?", content: "The system is open to all students, faculty, and administrative staff."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "We prioritize data privacy and use secure authentication methods.",
|
||||
},
|
||||
id: "q3", title: "Is my data secure?", content: "We prioritize data privacy and use secure authentication methods."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-student-browsed-mobile-phone-walking-city-street_231208-1202.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -312,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Authentication"
|
||||
title="Get Started Today"
|
||||
description="Sign in to manage your campus issues or register for an account."
|
||||
@@ -324,13 +209,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Smart Campus Issue Intelligence System"
|
||||
leftLink={{
|
||||
text: "Terms and Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms and Conditions", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user