Add src/app/programs/page.tsx

2026-06-03 10:59:10 +00:00
parent 9199b4500f
commit ebf92d21e4
1 changed files with 70 additions and 0 deletions
--- a/src/app/programs/page.tsx
+++ b/src/app/programs/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import FeatureCardThree from '@/components/sections/feature/FeatureCardThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { GraduationCap, BookText, Computer, Globe } from "lucide-react";
+
+export default function ProgramsPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", href: "/about" },
+                        { name: "Programs", href: "/programs" },
+                        { name: "Services", id: "services" },
+                        { name: "Destinations", id: "destinations" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Contact", id: "contact" }
+                    ]}
+                    brandName="Saint Peters International Academy"
+                    button={{ text: "Apply Now", href: "#contact" }}
+                />
+                <div id="academic-offerings" data-section="academic-offerings">
+                    <FeatureCardThree
+                        className="pt-40"
+                        title="Our Academic Programs"
+                        description="Discover our diverse range of programs designed to inspire curiosity and cultivate future leaders. Each offering is meticulously crafted for excellence and innovation."
+                        tag="Programs & Courses"
+                        tagIcon={GraduationCap}
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        gridVariant="three-columns-all-equal-width"
+                        useInvertedBackground={false}
+                        features={[
+                            { title: "Liberal Arts & Sciences", description: "A comprehensive foundation across humanities, social sciences, and natural sciences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/courses/course1.webp" },
+                            { title: "Engineering & Technology", description: "Cutting-edge curriculum in software, mechanical, and civil engineering fields.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/courses/course2.webp" },
+                            { title: "Business & Management", description: "Develop strategic thinking and leadership skills for the global marketplace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/courses/course3.webp" },
+                            { title: "Creative Arts & Design", description: "Unleash your artistic potential in visual arts, music, and digital design.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/courses/course4.webp" },
+                            { title: "International Relations", description: "Explore global politics, economics, and cultural dynamics for impactful careers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/courses/course5.webp" },
+                            { title: "Environmental Science", description: "Study ecological systems and develop solutions for a sustainable future.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/education/courses/course6.webp" }
+                        ]}
+                    />
+                </div>
+                <FooterCard
+                    logoText="Saint Peters International Academy"
+                    copyrightText="© 2024 Saint Peters International Academy"
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}