Update src/app/page.tsx
This commit is contained in:
178
src/app/page.tsx
178
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Directory",
|
||||
id: "/directory",
|
||||
},
|
||||
name: "Directory", id: "/directory"},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
name: "Admin", id: "/admin"},
|
||||
]}
|
||||
brandName="SchoolPortal"
|
||||
/>
|
||||
@@ -48,112 +42,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to SchoolPortal"
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Success at SchoolPortal"
|
||||
description="Your gateway to academic excellence, student achievements, and community updates."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-students-cramming-outdoor_23-2149649347.jpg",
|
||||
imageAlt: "School Life",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-students-cramming-outdoor_23-2149649347.jpg", imageAlt: "School Life"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-students-walking-together_23-2149647057.jpg",
|
||||
imageAlt: "Campus Life 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-students-walking-together_23-2149647057.jpg", imageAlt: "Campus Life 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-friends-reading-near-railing_23-2147864036.jpg",
|
||||
imageAlt: "Campus Life 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-friends-reading-near-railing_23-2147864036.jpg", imageAlt: "Campus Life 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3256.jpg",
|
||||
imageAlt: "Campus Life 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3256.jpg", imageAlt: "Campus Life 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-smartphones-standing-outside_23-2147657153.jpg",
|
||||
imageAlt: "Campus Life 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-smartphones-standing-outside_23-2147657153.jpg", imageAlt: "Campus Life 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg",
|
||||
imageAlt: "Campus Life 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-objects-company-background-papers_1304-2624.jpg", imageAlt: "Campus Life 6"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg",
|
||||
imageAlt: "Academic Excellence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg", imageAlt: "Academic Excellence"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-stairs-university_23-2147666465.jpg",
|
||||
imageAlt: "Academic Excellence 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-stairs-university_23-2147666465.jpg", imageAlt: "Academic Excellence 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-model-example-work_53876-14372.jpg",
|
||||
imageAlt: "Academic Excellence 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-model-example-work_53876-14372.jpg", imageAlt: "Academic Excellence 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee-outdoors-city_23-2149023743.jpg",
|
||||
imageAlt: "Academic Excellence 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee-outdoors-city_23-2149023743.jpg", imageAlt: "Academic Excellence 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-outer-corridor-with-shadows-beams_181624-21152.jpg",
|
||||
imageAlt: "Academic Excellence 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-outer-corridor-with-shadows-beams_181624-21152.jpg", imageAlt: "Academic Excellence 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adults-walking-together-outside_23-2149033744.jpg",
|
||||
imageAlt: "Academic Excellence 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adults-walking-together-outside_23-2149033744.jpg", imageAlt: "Academic Excellence 6"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign In",
|
||||
href: "/login",
|
||||
},
|
||||
text: "Sign In", href: "/login"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg",
|
||||
alt: "Pretty girl with a nice smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg", alt: "Pretty girl with a nice smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg",
|
||||
alt: "Cheerful Waitress with Charming Smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg", alt: "Cheerful Waitress with Charming Smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
|
||||
alt: "Medium shot woman holding books",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg", alt: "Medium shot woman holding books"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman-front-view_23-2148725154.jpg",
|
||||
alt: "Blonde businesswoman front view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman-front-view_23-2148725154.jpg", alt: "Blonde businesswoman front view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379353.jpg",
|
||||
alt: "School scene with queer teens",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379353.jpg", alt: "School scene with queer teens"},
|
||||
]}
|
||||
avatarText="Join our community of over 5,000 active students and staff."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Academic Excellence",
|
||||
},
|
||||
type: "text", text: "Academic Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Growth",
|
||||
},
|
||||
type: "text", text: "Community Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Learning",
|
||||
},
|
||||
type: "text", text: "Innovative Learning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Management",
|
||||
},
|
||||
type: "text", text: "Secure Management"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Student Pride",
|
||||
},
|
||||
type: "text", text: "Student Pride"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,40 +122,15 @@ export default function LandingPage() {
|
||||
description="Hear directly from our community members about their experience at SchoolPortal."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Miller",
|
||||
role: "Parent",
|
||||
testimonial: "Excellent platform for keeping track of academic progress.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-mature-woman-covered-blanket-holding-book_171337-19318.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Miller", role: "Parent", testimonial: "Excellent platform for keeping track of academic progress.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-mature-woman-covered-blanket-holding-book_171337-19318.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Chen",
|
||||
role: "Teacher",
|
||||
testimonial: "Seamless management tools for the modern classroom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Chen", role: "Teacher", testimonial: "Seamless management tools for the modern classroom.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie D.",
|
||||
role: "Student",
|
||||
testimonial: "Easy to access resources and campus updates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-glasses-library_23-2148680197.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie D.", role: "Student", testimonial: "Easy to access resources and campus updates.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-glasses-library_23-2148680197.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana V.",
|
||||
role: "Alumni",
|
||||
testimonial: "So proud to see how far the school portal has evolved.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-wearing-glasses_329181-13387.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana V.", role: "Alumni", testimonial: "So proud to see how far the school portal has evolved.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-wearing-glasses_329181-13387.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward S.",
|
||||
role: "Administrator",
|
||||
testimonial: "Reliable and secure, exactly what we needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-clenching-fists-happy-excited-rejoicing-her-success-standing-orange-wall_141793-47856.jpg",
|
||||
},
|
||||
id: "t5", name: "Edward S.", role: "Administrator", testimonial: "Reliable and secure, exactly what we needed.", imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-clenching-fists-happy-excited-rejoicing-her-success-standing-orange-wall_141793-47856.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -222,30 +144,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I reset my password?",
|
||||
content: "You can request a password reset from the login page by clicking the 'Forgot Password' link.",
|
||||
},
|
||||
id: "f1", title: "How do I reset my password?", content: "You can request a password reset from the login page by clicking the 'Forgot Password' link."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where can I find my grades?",
|
||||
content: "Grades are available in the student dashboard under the 'Academic Records' tab.",
|
||||
},
|
||||
id: "f2", title: "Where can I find my grades?", content: "Grades are available in the student dashboard under the 'Academic Records' tab."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I register for events?",
|
||||
content: "Visit the events calendar in the student portal to register for upcoming school activities.",
|
||||
},
|
||||
id: "f3", title: "How do I register for events?", content: "Visit the events calendar in the student portal to register for upcoming school activities."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Who can I contact for IT support?",
|
||||
content: "IT support is available through the contact form on this website or the help desk in building B.",
|
||||
},
|
||||
id: "f4", title: "Who can I contact for IT support?", content: "IT support is available through the contact form on this website or the help desk in building B."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Are accounts secure?",
|
||||
content: "Yes, we utilize enterprise-grade encryption to protect all student and staff data.",
|
||||
},
|
||||
id: "f5", title: "Are accounts secure?", content: "Yes, we utilize enterprise-grade encryption to protect all student and staff data."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,16 +161,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Need Assistance?"
|
||||
description="Contact our administration office for any inquiries or support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user