Files
c9bc82f9-0163-41b2-a1d8-015…/src/app/programs/page.tsx

176 lines
8.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { BookOpen, Beaker, TrendingUp, Users, Award, Zap } from "lucide-react";
export default function ProgramsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/" },
{ name: "Programs", id: "#programs" },
{ name: "Why LUCS", id: "/" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Programs", items: [
{ label: "Bachelor of Science", href: "#programs" },
{ label: "Bachelor of Commerce", href: "#programs" },
{ label: "Master's Programs", href: "#programs" },
{ label: "Research Opportunities", href: "#programs" },
],
},
{
title: "About", items: [
{ label: "Our Mission", href: "/" },
{ label: "Faculty", href: "/" },
{ label: "Infrastructure", href: "/" },
{ label: "Achievements", href: "/" },
],
},
{
title: "Student Life", items: [
{ label: "Campus Activities", href: "/" },
{ label: "Hostel Facilities", href: "/" },
{ label: "Sports & Recreation", href: "/" },
{ label: "Student Portal", href: "https://portal.lucs.edu.in" },
],
},
{
title: "Connect", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Facebook", href: "https://facebook.com/lucsedu" },
{ label: "Instagram", href: "https://instagram.com/lucsedu" },
{ label: "LinkedIn", href: "https://linkedin.com/school/lucs" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} brandName="LUCS" />
</div>
<div id="programs" data-section="programs" className="pt-20">
<FeatureCardSix
title="Our Academic Programs"
description="Comprehensive pathways designed to develop critical thinking, research skills, and professional competency"
tag="Academic Excellence"
tagIcon={BookOpen}
features={[
{
id: 1,
title: "Bachelor of Science", description: "Physics, Chemistry, Biology, Mathematics, and Computer Science with advanced laboratory facilities and research opportunities.", imageSrc: "https://images.unsplash.com/photo-1530521954914-0f2b4ccdaa26?w=600&h=400&fit=crop", imageAlt: "Science Laboratory", buttons: [
{ text: "Learn More", href: "/" },
],
},
{
id: 2,
title: "Bachelor of Commerce", description: "Accounting, Economics, Management, and Finance programs aligned with industry standards and professional certifications.", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=600&h=400&fit=crop", imageAlt: "Commerce Department", buttons: [
{ text: "Learn More", href: "/" },
],
},
{
id: 3,
title: "Master's Programs", description: "Advanced postgraduate degrees in specialized areas with focus on research, innovation, and career advancement.", imageSrc: "https://images.unsplash.com/photo-1553729782-b2efc2c563a3?w=600&h=400&fit=crop", imageAlt: "Postgraduate Studies", buttons: [
{ text: "Learn More", href: "/" },
],
},
{
id: 4,
title: "Research & Innovation", description: "Dedicated research centers and laboratories for cutting-edge studies in science, commerce, and interdisciplinary fields.", imageSrc: "https://images.unsplash.com/photo-1576091160399-3173fba999b8?w=600&h=400&fit=crop", imageAlt: "Research Center", buttons: [
{ text: "Learn More", href: "/" },
],
},
]}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="program-stats" data-section="program-stats">
<MetricCardThree
metrics={[
{ id: "1", icon: BookOpen, title: "Programs Offered", value: "25+" },
{ id: "2", icon: Beaker, title: "Labs & Facilities", value: "40+" },
{ id: "3", icon: TrendingUp, title: "Placement Success", value: "95%" },
{ id: "4", icon: Users, title: "Active Students", value: "5,000+" },
]}
title="Program Excellence Metrics"
description="Demonstrating our commitment to quality education and student success"
tag="By The Numbers"
textboxLayout="default"
useInvertedBackground={true}
animationType="scale-rotate"
/>
</div>
<div id="program-options" data-section="program-options">
<PricingCardTwo
plans={[
{
id: "1", badge: "Science Programs", badgeIcon: Beaker,
price: "Various", subtitle: "Advanced science education with cutting-edge research", buttons: [
{ text: "Apply Now", href: "/" },
{ text: "Details", href: "/" },
],
features: [
"Physics, Chemistry, Biology, Mathematics", "Computer Science & Information Technology", "Advanced laboratories & equipment", "Research collaboration opportunities", "International exchange programs"],
},
{
id: "2", badge: "Commerce Programs", badgeIcon: Award,
price: "Various", subtitle: "Professional education aligned with industry needs", buttons: [
{ text: "Apply Now", href: "/" },
{ text: "Details", href: "/" },
],
features: [
"Accounting & Financial Management", "Economics & Business Studies", "Corporate Finance & Banking", "Industry expert faculty", "Professional certifications integrated"],
},
{
id: "3", badge: "Postgraduate", badgeIcon: Zap,
price: "Various", subtitle: "Advanced degrees with specialization options", buttons: [
{ text: "Apply Now", href: "/" },
{ text: "Details", href: "/" },
],
features: [
"M.Sc in Science disciplines", "M.Com in Commerce specializations", "Research-focused curriculum", "Publication opportunities", "Career advancement focus"],
},
]}
title="Program Categories"
description="Choose from our diverse academic offerings tailored to your career goals"
tag="Educational Pathways"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={footerColumns}
copyrightText="© 2025 Lords Universal College of Science and Commerce. All rights reserved."
/>
</div>
</ThemeProvider>
);
}