Merge version_1 into main #2
379
src/app/page.tsx
379
src/app/page.tsx
@@ -16,287 +16,120 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Staff",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "News",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Login",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EduPortal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Staff", id: "team" },
|
||||
{ name: "News", id: "blog" },
|
||||
{ name: "Login", id: "contact" }
|
||||
]}
|
||||
brandName="EduPortal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Empowering Tomorrow's Leaders"
|
||||
description="Excellence in education begins here. Join our vibrant community of learners and educators striving for academic success and personal growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dr. Smith",
|
||||
handle: "@schoolprincipal",
|
||||
testimonial: "A truly transformative learning environment for every student.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-walking-together-outdoor-field_23-2149334512.jpg?_wi=1",
|
||||
imageAlt: "modern school campus library entrance",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@parent",
|
||||
testimonial: "Best school my kids have ever attended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-readers-table-library_23-2147678929.jpg?_wi=1",
|
||||
imageAlt: "school classroom whiteboard lesson",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@alumni",
|
||||
testimonial: "The faculty here really changed my perspective.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-work-modern-office_641386-173.jpg?_wi=1",
|
||||
imageAlt: "science lab experiments chemistry classroom",
|
||||
},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@student",
|
||||
testimonial: "Classes are engaging and always challenging.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girls-sitting-grass_23-2148355531.jpg?_wi=1",
|
||||
imageAlt: "sports track race athletics field",
|
||||
},
|
||||
{
|
||||
name: "John Miller",
|
||||
handle: "@alumni",
|
||||
testimonial: "The resources provided here are unparalleled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg?_wi=1",
|
||||
imageAlt: "smiling school teacher professional portrait",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-walking-together-outdoor-field_23-2149334512.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg",
|
||||
alt: "Student profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831079.jpg",
|
||||
alt: "Student profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-checking-homework-students-pointing-with-index-finger-camera-looking-confident_141793-133298.jpg",
|
||||
alt: "Student profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-readers-table-library_23-2147678929.jpg",
|
||||
alt: "Student profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-young-people-work-modern-office_641386-173.jpg",
|
||||
alt: "Student profile",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Empowering Tomorrow's Leaders"
|
||||
description="Excellence in education begins here. Join our vibrant community of learners and educators striving for academic success and personal growth."
|
||||
testimonials={[
|
||||
{ name: "Dr. Smith", handle: "@schoolprincipal", testimonial: "A truly transformative learning environment for every student.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-walking-together-outdoor-field_23-2149334512.jpg", imageAlt: "modern school campus library entrance" },
|
||||
{ name: "Jane Doe", handle: "@parent", testimonial: "Best school my kids have ever attended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-readers-table-library_23-2147678929.jpg", imageAlt: "school classroom whiteboard lesson" },
|
||||
{ name: "Mark Wilson", handle: "@alumni", testimonial: "The faculty here really changed my perspective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-work-modern-office_641386-173.jpg", imageAlt: "science lab experiments chemistry classroom" },
|
||||
{ name: "Sarah Lee", handle: "@student", testimonial: "Classes are engaging and always challenging.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girls-sitting-grass_23-2148355531.jpg", imageAlt: "sports track race athletics field" },
|
||||
{ name: "John Miller", handle: "@alumni", testimonial: "The resources provided here are unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg", imageAlt: "smiling school teacher professional portrait" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-walking-together-outdoor-field_23-2149334512.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg", alt: "Student profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831079.jpg", alt: "Student profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-checking-homework-students-pointing-with-index-finger-camera-looking-confident_141793-133298.jpg", alt: "Student profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-readers-table-library_23-2147678929.jpg", alt: "Student profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-young-people-work-modern-office_641386-173.jpg", alt: "Student profile" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Excellence" },
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Community" },
|
||||
{ type: "text", text: "Integrity" },
|
||||
{ type: "text", text: "Growth" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "Head of Science",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Smith",
|
||||
role: "Principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831079.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Arts Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-checking-homework-students-pointing-with-index-finger-camera-looking-confident_141793-133298.jpg",
|
||||
},
|
||||
]}
|
||||
title="Faculty Directory"
|
||||
description="Meet the dedicated experts committed to student excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{ id: "1", name: "Alice Johnson", role: "Head of Science", imageSrc: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg" },
|
||||
{ id: "2", name: "Robert Smith", role: "Principal", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831079.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Arts Instructor", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-checking-homework-students-pointing-with-index-finger-camera-looking-confident_141793-133298.jpg" }
|
||||
]}
|
||||
title="Faculty Directory"
|
||||
description="Meet the dedicated experts committed to student excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News & Events"
|
||||
description="Stay updated with school activities, achievements, and announcements."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Academic",
|
||||
title: "New Science Lab Opening",
|
||||
excerpt: "State-of-the-art facility for students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-readers-table-library_23-2147678929.jpg?_wi=2",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg",
|
||||
date: "Oct 15",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Science",
|
||||
title: "National Science Fair Winners",
|
||||
excerpt: "Congratulations to our brilliant team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-work-modern-office_641386-173.jpg?_wi=2",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831079.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Events",
|
||||
title: "Annual Sports Day Success",
|
||||
excerpt: "A day of teamwork and athleticism.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girls-sitting-grass_23-2148355531.jpg?_wi=2",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-checking-homework-students-pointing-with-index-finger-camera-looking-confident_141793-133298.jpg",
|
||||
date: "Oct 10",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News & Events"
|
||||
description="Stay updated with school activities, achievements, and announcements."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Academic", title: "New Science Lab Opening", excerpt: "State-of-the-art facility for students.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-readers-table-library_23-2147678929.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/excited-teen-girl-having-idea-library_23-2147860669.jpg", date: "Oct 15" },
|
||||
{ id: "b2", category: "Science", title: "National Science Fair Winners", excerpt: "Congratulations to our brilliant team.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-work-modern-office_641386-173.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831079.jpg", date: "Oct 12" },
|
||||
{ id: "b3", category: "Events", title: "Annual Sports Day Success", excerpt: "A day of teamwork and athleticism.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-girls-sitting-grass_23-2148355531.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-checking-homework-students-pointing-with-index-finger-camera-looking-confident_141793-133298.jpg", date: "Oct 10" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Login / Contact"
|
||||
description="Access the parent portal or reach out to our administration office directly."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "password",
|
||||
type: "password",
|
||||
placeholder: "Password",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-walking-together-outdoor-field_23-2149334512.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Login / Contact"
|
||||
description="Access the parent portal or reach out to our administration office directly."
|
||||
inputs={[
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "password", type: "password", placeholder: "Password", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-walking-together-outdoor-field_23-2149334512.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-view-church-building_23-2150582380.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "School History",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Vision",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Library",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Student Portal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-view-church-building_23-2150582380.jpg"
|
||||
columns={[
|
||||
{ title: "About", items: [{ label: "School History", href: "#" }, { label: "Vision", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Library", href: "#" }, { label: "Student Portal", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#" }, { label: "Admissions", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user