Files
4ae2884a-44f0-4e64-90f1-bb0…/src/app/programs/page.tsx

169 lines
7.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function ProgramsPage() {
const navItems = [
{ name: "Programs", id: "/programs" },
{ name: "Courses", id: "/courses" },
{ name: "Admissions", id: "/admissions" },
{ name: "About", id: "/" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Programs",
items: [
{ label: "Core Curriculum", href: "/programs" },
{ label: "Elective Courses", href: "/courses" },
{ label: "Career Tracks", href: "/programs" },
{ label: "Professional Development", href: "/courses" },
],
},
{
title: "Resources",
items: [
{ label: "Course Catalog", href: "/courses" },
{ label: "Academic Calendar", href: "/" },
{ label: "Student Support", href: "/" },
{ label: "Faculty Directory", href: "/" },
],
},
{
title: "Admissions",
items: [
{ label: "Apply Now", href: "/admissions" },
{ label: "Financial Aid", href: "/" },
{ label: "Campus Tours", href: "/" },
{ label: "Contact Us", href: "/contact" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="large"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Academy Programs" navItems={navItems} />
</div>
<div id="programs-detail" data-section="programs-detail">
<FeatureCardNineteen
title="Comprehensive Program Tracks"
description="Explore our diverse academic pathways designed to support every student's unique interests and career goals."
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
tag: "STEM Excellence",
title: "Science & Technology",
subtitle: "Innovation Through Discovery",
description: "Our STEM programs emphasize hands-on learning, critical thinking, and problem-solving. Students explore advanced biology, chemistry, physics, and technology through modern laboratory facilities and cutting-edge equipment.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-near-microscope-observing-teacher_259150-60352.jpg?_wi=3",
imageAlt: "Science and technology learning",
buttons: [{ text: "Explore STEM", href: "/courses" }],
},
{
id: 2,
tag: "Creative Expression",
title: "Arts & Humanities",
subtitle: "Cultural Development",
description: "Nurture your creative potential through visual arts, performing arts, literature, and cultural studies. Our arts programs foster self-expression, cultural awareness, and artistic excellence with mentorship from accomplished faculty.",
imageSrc: "http://img.b2bpic.net/free-photo/vendor-carrying-lemons-customers_482257-102023.jpg?_wi=3",
imageAlt: "Arts and humanities education",
buttons: [{ text: "Discover Arts Programs", href: "/courses" }],
},
{
id: 3,
tag: "Professional Development",
title: "Business & Leadership",
subtitle: "Career Ready Skills",
description: "Build leadership and entrepreneurial skills through business studies, economics, and professional development. Connect with industry leaders, participate in real-world projects, and prepare for successful careers in global markets.",
imageSrc: "http://img.b2bpic.net/free-photo/female-team-leader-business-meeting-office_1268-21435.jpg?_wi=2",
imageAlt: "Business and leadership programs",
buttons: [{ text: "View Business Programs", href: "/courses" }],
},
]}
/>
</div>
<div id="program-testimonials" data-section="program-testimonials">
<TestimonialCardTen
title="Program Participant Success Stories"
description="Real stories from students who have transformed their futures through our programs"
tag="Alumni Achievements"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "STEM Excellence Led to Scholarship",
quote: "The rigorous STEM curriculum prepared me thoroughly for college-level coursework. I received a full scholarship to my dream university and now intern at a leading tech company.",
name: "Alex Thompson",
role: "STEM Program Graduate, 2023",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-guy-holding-notebooks-celebrating-making-fist-pump-shouting-yes-with-excitement-sta_1258-146346.jpg?_wi=2",
imageAlt: "Alex Thompson",
},
{
id: "2",
title: "Arts Program Unlocked My Passion",
quote: "Through the arts program, I discovered my passion for visual storytelling. Now I'm pursuing animation at a prestigious art school. The mentorship and resources were invaluable.",
name: "Jordan Lee",
role: "Arts Program Graduate, 2023",
imageSrc: "http://img.b2bpic.net/free-photo/happy-university-students-using-laptop-while-sitting-hallway_637285-9244.jpg?_wi=2",
imageAlt: "Jordan Lee",
},
{
id: "3",
title: "Business Program Enabled Entrepreneurship",
quote: "The business program gave me the knowledge and confidence to start my own venture. The mentorship from successful entrepreneurs and access to business resources were game-changing.",
name: "Priya Patel",
role: "Business Program Graduate, 2022",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-playing-graduation-ceremony_23-2148505278.jpg?_wi=2",
imageAlt: "Priya Patel",
},
]}
/>
</div>
<div id="programs-cta" data-section="programs-cta">
<ContactCTA
tag="Start Your Journey"
title="Ready to Join Our Programs?"
description="Select the program that aligns with your goals and begin your transformative educational experience. Our admissions team is here to guide you through the enrollment process."
useInvertedBackground={false}
background={{ variant: "plain" }}
buttons={[
{ text: "Apply Now", href: "/admissions" },
{ text: "Schedule Campus Tour", href: "/contact" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Academy Programs"
copyrightText="© 2025 Academy Programs. All rights reserved."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}