bender/7aebd03c-e1b8-436e-bad1-8a75fcbb760d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 13:57:47 +00:00
parent 7d501cc210
commit f15b6efb9c
1 changed files with 48 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

321
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Philosophy",
id: "about",
},
{
name: "Teaching",
id: "teaching",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Philosophy", id: "about" },
{ name: "Teaching", id: "teaching" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="EduPortfolio"
/>
@@ -59,64 +44,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Inspiring Student Growth Through Engaged Learning"
description="Dedicated educator with over 8 years of experience fostering critical thinking and academic excellence. Explore my teaching philosophy, credentials, and student success stories."
buttons={[
{
text: "View My Work",
href: "#about",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4ywxnrgz.jpg?_wi=1"
buttons={[{ text: "View My Work", href: "#about" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4ywxnrgz.jpg"
imageAlt="Educator profile picture"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-coffee-cup-office-setting_23-2151964103.jpg",
alt: "Educator profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
alt: "Educator profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/secretary-office_1098-15673.jpg",
alt: "Educator profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-business-woman-using-tablet-table_23-2148095761.jpg",
alt: "Educator profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
alt: "Educator profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-coffee-cup-office-setting_23-2151964103.jpg", alt: "Educator profile 1" },
{ src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", alt: "Educator profile 2" },
{ src: "http://img.b2bpic.net/free-photo/secretary-office_1098-15673.jpg", alt: "Educator profile 3" },
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-using-tablet-table_23-2148095761.jpg", alt: "Educator profile 4" },
{ src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg", alt: "Educator profile 5" }
]}
avatarText="Trusted by 500+ students and parents"
marqueeItems={[
{
type: "text",
text: "Growth Mindset",
},
{
type: "text",
text: "Academic Excellence",
},
{
type: "text",
text: "Collaborative Learning",
},
{
type: "text",
text: "Inquiry-Based Teaching",
},
{
type: "text",
text: "Data-Driven Success",
},
{ type: "text", text: "Growth Mindset" },
{ type: "text", text: "Academic Excellence" },
{ type: "text", text: "Collaborative Learning" },
{ type: "text", text: "Inquiry-Based Teaching" },
{ type: "text", text: "Data-Driven Success" },
]}
/>
</div>
@@ -126,21 +74,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="My Teaching Impact"
metrics={[
{
icon: BookOpen,
label: "Students Taught",
value: "500+",
},
{
icon: GraduationCap,
label: "Curriculum Modules",
value: "45",
},
{
icon: Award,
label: "Years Experience",
value: "8",
},
{ icon: BookOpen, label: "Students Taught", value: "500+" },
{ icon: GraduationCap, label: "Curriculum Modules", value: "45" },
{ icon: Award, label: "Years Experience", value: "8" },
]}
metricsAnimation="slide-up"
/>
@@ -153,46 +89,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Inquiry-Based Learning",
description: "Encouraging students to ask questions and seek evidence-based answers.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4d3bwtq2.jpg?_wi=1",
imageAlt: "Classroom environment",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4ywxnrgz.jpg?_wi=2",
imageAlt: "Curriculum planning",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg?_wi=1",
imageAlt: "User provided image",
title: "Inquiry-Based Learning", description: "Encouraging students to ask questions and seek evidence-based answers.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4d3bwtq2.jpg", imageAlt: "Classroom environment" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4ywxnrgz.jpg", imageAlt: "Curriculum planning" }
},
{
title: "Collaborative Growth",
description: "Peer-to-peer engagement that fosters diversity of thought.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg?_wi=1",
imageAlt: "Group activity",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-checkered-shirt-looking-pleased_176474-35866.jpg?_wi=1",
imageAlt: "Collaboration",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-emotion-concept-emotion-joy_169016-66653.jpg?_wi=1",
imageAlt: "User provided image",
title: "Collaborative Growth", description: "Peer-to-peer engagement that fosters diversity of thought.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg", imageAlt: "Group activity" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-checkered-shirt-looking-pleased_176474-35866.jpg", imageAlt: "Collaboration" }
},
{
title: "Outcome Focused",
description: "Data-driven assessments that inform personalized learning paths.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg?_wi=1",
imageAlt: "Student progress",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-coffee-cup-office-setting_23-2151964103.jpg",
imageAlt: "Data assessment",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
imageAlt: "User provided image",
title: "Outcome Focused", description: "Data-driven assessments that inform personalized learning paths.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg", imageAlt: "Student progress" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-coffee-cup-office-setting_23-2151964103.jpg", imageAlt: "Data assessment" }
},
]}
showStepNumbers={true}
@@ -207,36 +113,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "95%",
title: "Student Satisfaction",
items: [
"High engagement rates",
"Interactive pedagogy",
"Supportive environment",
],
},
{
id: "m2",
value: "12",
title: "Workshops Led",
items: [
"Professional development",
"Teaching innovation",
"Mentorship programs",
],
},
{
id: "m3",
value: "20+",
title: "Case Studies",
items: [
"Academic improvement",
"Curriculum design",
"Success stories",
],
},
{ id: "m1", value: "95%", title: "Student Satisfaction", items: ["High engagement rates", "Interactive pedagogy", "Supportive environment"] },
{ id: "m2", value: "12", title: "Workshops Led", items: ["Professional development", "Teaching innovation", "Mentorship programs"] },
{ id: "m3", value: "20+", title: "Case Studies", items: ["Academic improvement", "Curriculum design", "Success stories"] },
]}
title="Core Competencies"
description="Demonstrated expertise across educational domains."
@@ -249,24 +128,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "c1",
name: "B.Ed. Education",
role: "State University",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4d3bwtq2.jpg?_wi=2",
},
{
id: "c2",
name: "M.A. Curriculum",
role: "National College",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4ywxnrgz.jpg?_wi=3",
},
{
id: "c3",
name: "TESOL Certified",
role: "International Board",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg?_wi=2",
},
{ id: "c1", name: "B.Ed. Education", role: "State University", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4d3bwtq2.jpg" },
{ id: "c2", name: "M.A. Curriculum", role: "National College", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CcmBqFubqST14YVfw3wpPpaZZn/uploaded-1776693416241-4ywxnrgz.jpg" },
{ id: "c3", name: "TESOL Certified", role: "International Board", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg" },
]}
title="Professional Credentials"
description="Background and qualifications that ground my teaching."
@@ -279,41 +143,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Dr. Sarah Miller",
handle: "Principal",
testimonial: "An incredible educator who bridges theory and practice perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg?_wi=3",
},
{
id: "t2",
name: "Mark Chen",
handle: "Student",
testimonial: "Her teaching made complex concepts so much easier to grasp.",
imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg?_wi=2",
},
{
id: "t3",
name: "Elena Rodriguez",
handle: "Colleague",
testimonial: "Consistently inspiring for our entire teaching staff.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-checkered-shirt-looking-pleased_176474-35866.jpg?_wi=2",
},
{
id: "t4",
name: "James Wilson",
handle: "Parent",
testimonial: "We saw a remarkable improvement in our daughter's confidence.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-emotion-concept-emotion-joy_169016-66653.jpg?_wi=2",
},
{
id: "t5",
name: "Lisa Brown",
handle: "Student",
testimonial: "The best classroom experience I've had in years.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg?_wi=2",
},
{ id: "t1", name: "Dr. Sarah Miller", handle: "Principal", testimonial: "An incredible educator who bridges theory and practice perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg" },
{ id: "t2", name: "Mark Chen", handle: "Student", testimonial: "Her teaching made complex concepts so much easier to grasp.", imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg" },
{ id: "t3", name: "Elena Rodriguez", handle: "Colleague", testimonial: "Consistently inspiring for our entire teaching staff.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-checkered-shirt-looking-pleased_176474-35866.jpg" },
{ id: "t4", name: "James Wilson", handle: "Parent", testimonial: "We saw a remarkable improvement in our daughter's confidence.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-emotion-concept-emotion-joy_169016-66653.jpg" },
{ id: "t5", name: "Lisa Brown", handle: "Student", testimonial: "The best classroom experience I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg" },
]}
title="Words of Support"
description="Feedback from students, administrators, and colleagues."
@@ -324,21 +158,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is your approach to online teaching?",
content: "I use hybrid platforms like Zoom to deliver interactive synchronous lessons combined with asynchronous resources.",
},
{
id: "q2",
title: "Do you provide remote lessons?",
content: "Yes, I am fully equipped to handle online instruction with digital whiteboard tools.",
},
{
id: "q3",
title: "What grade levels do you teach?",
content: "I specialize in middle and high school students but adaptable to other levels.",
},
{ id: "q1", title: "What is your approach to online teaching?", content: "I use hybrid platforms like Zoom to deliver interactive synchronous lessons combined with asynchronous resources." },
{ id: "q2", title: "Do you provide remote lessons?", content: "Yes, I am fully equipped to handle online instruction with digital whiteboard tools." },
{ id: "q3", title: "What grade levels do you teach?", content: "I specialize in middle and high school students but adaptable to other levels." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -351,24 +173,10 @@ export default function LandingPage() {
title="Let's Collaborate"
description="Reach out to discuss opportunities or teaching inquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg"
imageAlt="Portrait of Educator in office"
/>
@@ -377,42 +185,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Teaching",
href: "#teaching",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "LinkedIn",
href: "#",
},
{
label: "Email",
href: "#",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
{ items: [{ label: "Teaching", href: "#teaching" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "LinkedIn", href: "#" }, { label: "Email", href: "#" }] },
]}
logoText="EduPortfolio"
/>
@@ -420,4 +195,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}