Update src/app/page.tsx

This commit is contained in:
2026-03-06 07:03:36 +00:00
parent f6ccc4dd27
commit 40c55acba5

View File

@@ -1,61 +1,53 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Users, BookOpen, Award, Globe, Mail } from "lucide-react";
import Link from "next/link";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, BookOpen, Beaker, TrendingUp, Users, Award, Zap, CheckCircle } from "lucide-react";
export default function HomePage() {
export default function Home() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Academics", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Programs", id: "#programs" },
{ name: "Why LUCS", id: "#why-lucs" },
{ name: "Contact", id: "/contact" },
];
const navButton = {
text: "Enroll Now",
href: "/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: "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: "/about" },
{ label: "Faculty", href: "/about" },
{ label: "Infrastructure", href: "/about" },
{ label: "Achievements", href: "/about" },
title: "About", items: [
{ label: "Our Mission", href: "#about" },
{ label: "Faculty", href: "#about" },
{ label: "Infrastructure", href: "#about" },
{ label: "Achievements", href: "#about" },
],
},
{
title: "Student Life",
items: [
{ label: "Campus Activities", href: "/contact" },
{ label: "Hostel Facilities", href: "/contact" },
{ label: "Sports & Recreation", href: "/contact" },
title: "Student Life", items: [
{ label: "Campus Activities", href: "#why-lucs" },
{ label: "Hostel Facilities", href: "#why-lucs" },
{ label: "Sports & Recreation", href: "#why-lucs" },
{ label: "Student Portal", href: "https://portal.lucs.edu.in" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Facebook", href: "https://facebook.com/lucsedu" },
{ label: "Instagram", href: "https://instagram.com/lucsedu" },
@@ -78,193 +70,181 @@ export default function HomePage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={navButton}
brandName="LUCS"
/>
<NavbarStyleApple navItems={navItems} brandName="LUCS" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Lords Universal College of Science and Commerce"
description="Cultivating academic excellence and innovation. Experience world-class education in science and commerce with state-of-the-art facilities and dedicated faculty."
tag="Premium Education"
tagIcon={Mail}
background={{ variant: "gradient-bars" }}
mediaItems={[
{
imageSrc:
"http://img.b2bpic.net/free-photo/building_1127-3357.jpg",
imageAlt: "Modern campus building",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/woman-standing-children-sitting-desks_259150-60228.jpg?_wi=1",
imageAlt: "Interactive classroom",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/group-ethnic-multicultural-students-sitting-table-library_496169-1216.jpg?_wi=1",
imageAlt: "State-of-the-art library",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/lab-assistant-with-microscope-laboratory-glassware-bulb-with-chemicals_146671-18302.jpg?_wi=1",
imageAlt: "Science laboratory",
},
{
imageSrc:
"http://img.b2bpic.net/free-photo/young-happy-students-walking-while-talking-looking-aside_171337-13421.jpg?_wi=1",
imageAlt: "Student community",
},
]}
<HeroLogo
logoText="LUCS"
description="Lords Universal College of Science and Commerce Excellence in Academic Education"
buttons={[
{ text: "Explore Programs", href: "/programs" },
{ text: "Schedule Visit", href: "/contact" },
{ text: "Apply Now", href: "/admissions" },
{ text: "Explore Programs", href: "#programs" },
]}
mediaAnimation="slide-up"
buttonAnimation="slide-up"
imageSrc="https://images.unsplash.com/photo-1523580494863-6f3031224c94?w=1600&h=900&fit=crop"
imageAlt="LUCS Campus"
showDimOverlay={true}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="About Lords Universal College"
description="Founded with a vision to provide transformative education, LUCS has been nurturing intellectual talent and fostering innovation for generations. Our institution combines traditional academic values with modern pedagogical approaches, creating an environment where students thrive both academically and personally."
tag="Our Mission"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-students-walking-together_23-2149647057.jpg?_wi=1"
imageAlt="College campus overview"
buttons={[{ text: "Learn More", href: "/about" }]}
useInvertedBackground={true}
description="We are a premier institution dedicated to providing exceptional education in Science and Commerce. With a legacy of academic excellence, state-of-the-art facilities, and accomplished faculty, we empower students to become leaders in their fields."
tag="Our Institution"
tagIcon={Award}
imageSrc="https://images.unsplash.com/photo-1511632765486-a01980e01a18?w=1600&h=900&fit=crop"
imageAlt="Campus Infrastructure"
buttons={[
{ text: "Learn More", href: "#why-lucs" },
{ text: "Visit Campus", href: "/contact" },
]}
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
title="Why Choose LUCS"
description="Experience the difference between traditional and modern education systems"
tag="Competitive Edge"
negativeCard={{
items: [
"Outdated teaching methods",
"Limited research opportunities",
"Insufficient lab facilities",
"Overcrowded classrooms",
],
}}
positiveCard={{
items: [
"Industry-aligned curriculum",
"Advanced research centers",
"Modern laboratories and equipment",
"Personalized learning experience",
],
}}
<div id="programs" data-section="programs">
<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"},
{
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"},
{
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"},
{
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"},
]}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
buttons={[
{ text: "View All Programs", href: "/programs" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<div id="why-lucs" data-section="why-lucs">
<MetricCardThree
metrics={[
{ id: "1", icon: Users, title: "Students", value: "5,000+" },
{ id: "2", icon: BookOpen, title: "Programs", value: "25+" },
{ id: "3", icon: Award, title: "Placements", value: "95%" },
{ id: "4", icon: Globe, title: "International", value: "12 Partners" },
{ id: "1", icon: BookOpen, title: "Programs", value: "25+" },
{ id: "2", icon: Beaker, title: "Labs & Facilities", value: "40+" },
{ id: "3", icon: TrendingUp, title: "Success Rate", value: "95%" },
{ id: "4", icon: Users, title: "Students", value: "5,000+" },
]}
title="Academic Excellence by Numbers"
description="Proven track record of student success and institutional achievement"
tag="Impact Metrics"
title="Why Choose LUCS?"
description="Exceptional academics, world-class infrastructure, and dedicated faculty committed to your success"
tag="Our Strengths"
textboxLayout="default"
useInvertedBackground={true}
animationType="scale-rotate"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
testimonials={[
<div id="pricing" data-section="pricing">
<PricingCardTwo
plans={[
{
id: "1",
name: "Priya Sharma",
handle: "B.Sc Physics, 2023",
testimonial:
"The faculty at LUCS guided me through rigorous research projects. I secured a position at a leading tech company immediately after graduation.",
imageSrc:
"http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1",
imageAlt: "Priya Sharma",
id: "1", badge: "Undergraduate", badgeIcon: BookOpen,
price: "Affordable", subtitle: "Bachelor Programs with flexible payment options", buttons: [
{ text: "Apply Now", href: "/admissions" },
{ text: "Details", href: "#programs" },
],
features: [
"4-Year comprehensive curriculum", "Modern laboratory facilities", "Industry expert faculty", "Internship opportunities", "Career guidance & placement"],
},
{
id: "2",
name: "Rajesh Kumar",
handle: "B.Com Finance, 2022",
testimonial:
"Exceptional commerce education with real-world insights from industry experts. The placement support was instrumental in my career success.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Rajesh Kumar",
id: "2", badge: "Graduate", badgeIcon: Award,
price: "Competitive", subtitle: "Advanced Master's Programs with research focus", buttons: [
{ text: "Apply Now", href: "/admissions" },
{ text: "Details", href: "#programs" },
],
features: [
"Specialized research tracks", "Expert faculty mentorship", "Publication opportunities", "Advanced laboratory access", "Global networking"],
},
{
id: "3",
name: "Ananya Gupta",
handle: "B.Sc Chemistry, 2024",
testimonial:
"Outstanding laboratory facilities and supportive faculty. I developed a passion for research that will define my academic career.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg?_wi=1",
imageAlt: "Ananya Gupta",
},
{
id: "4",
name: "Arjun Patel",
handle: "B.Com Accounting, 2023",
testimonial:
"The curriculum perfectly balances theoretical knowledge with practical application. Alumni network has been invaluable for career opportunities.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Arjun Patel",
},
{
id: "5",
name: "Meera Desai",
handle: "B.Sc Biology, 2024",
testimonial:
"Professors are accessible and genuinely invested in student success. The research opportunities here are unparalleled.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg?_wi=2",
imageAlt: "Meera Desai",
},
{
id: "6",
name: "Vikram Singh",
handle: "B.Com Economics, 2022",
testimonial:
"LUCS transformed my perspective on commerce education. Every semester brought new insights and networking opportunities with industry leaders.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Vikram Singh",
id: "3", badge: "Professional", badgeIcon: Zap,
price: "Flexible", subtitle: "Certification & short courses for professionals", buttons: [
{ text: "Enroll Today", href: "/contact" },
{ text: "Learn More", href: "#programs" },
],
features: [
"Part-time & full-time options", "Industry-relevant curriculum", "Working professional schedule", "Professional certification", "Career advancement focus"],
},
]}
title="Student Success Stories"
description="Hear from our alumni and current students about their transformative experiences at LUCS"
tag="Testimonials"
title="Academic Programs & Fees"
description="Transparent pricing with quality education and comprehensive student support"
tag="Enrollment"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
testimonials={[
{
id: "1", name: "Priya Sharma, B.Sc Physics Graduate", date: "Date: 15 January 2025", title: "Transformed My Academic Journey", quote: "LUCS provided me with exceptional faculty, state-of-the-art laboratories, and countless opportunities for practical learning. The rigorous curriculum and personalized mentorship prepared me perfectly for research opportunities abroad.", tag: "Science Program", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", imageSrc: "https://images.unsplash.com/photo-1523580494863-6f3031224c94?w=600&h=600&fit=crop", imageAlt: "Campus laboratory"},
{
id: "2", name: "Rajesh Patel, B.Com Graduate", date: "Date: 10 December 2024", title: "Excellent Career Preparation", quote: "The commerce program at LUCS is incredibly comprehensive. Beyond academics, the internship placements and industry connections helped me secure a role at a top financial firm even before graduation.", tag: "Commerce Program", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=600&h=600&fit=crop", imageAlt: "Commerce classroom"},
{
id: "3", name: "Dr. Anita Verma, M.Sc Chemistry Graduate", date: "Date: 20 November 2024", title: "Research Excellence & Support", quote: "My master's experience at LUCS was transformative. The research facilities, collaborative environment, and supportive faculty enabled me to publish three research papers and pursue my PhD at an international university.", tag: "Graduate Program", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", imageSrc: "https://images.unsplash.com/photo-1576091160550-2173dba999ef?w=600&h=600&fit=crop", imageAlt: "Research facility"},
{
id: "4", name: "Vikram Singh, B.Sc Physics Graduate", date: "Date: 05 November 2024", title: "Holistic Development at LUCS", quote: "LUCS isn't just about academics—it's about developing into a well-rounded individual. The mix of rigorous coursework, extracurricular activities, and mentorship from dedicated faculty made my college years unforgettable.", tag: "Science Program", avatarSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop", imageSrc: "https://images.unsplash.com/photo-1511632765486-a01980e01a18?w=600&h=600&fit=crop", imageAlt: "Campus view"},
{
id: "5", name: "Neha Gupta, B.Com Honours Graduate", date: "Date: 25 October 2024", title: "Best Decision I Made", quote: "Choosing LUCS for my commerce degree was the best decision I made. The quality of education, the supportive campus community, and the career opportunities opened doors I didn't expect. Highly recommend!", tag: "Commerce Program", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=600&h=600&fit=crop", imageAlt: "Classroom"},
]}
title="Student Testimonials"
description="Hear directly from our students about their transformative experiences at LUCS"
tag="Success Stories"
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
speed={40}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
faqs={[
{
id: "1", title: "What are the admission requirements?", content: "For undergraduate programs, students need to complete their 12th standard with minimum 50% aggregate. Postgraduate programs require a relevant bachelor's degree with minimum 55% aggregate. Entrance examinations may be required for certain programs."},
{
id: "2", title: "What is the fee structure?", content: "Our fees are competitive and transparent. Undergraduate programs range from ₹1.5L to ₹2.5L per year depending on the program. Postgraduate programs range from ₹2L to ₹3.5L per year. Scholarships and financial aid are available for deserving students."},
{
id: "3", title: "What are the campus facilities?", content: "LUCS offers comprehensive facilities including state-of-the-art laboratories, well-equipped library with 50,000+ books, computer labs, sports complex, hostels, cafeteria, and recreational centers. WiFi is available across campus."},
{
id: "4", title: "What placement opportunities are available?", content: "Our placement cell maintains relationships with 200+ companies across sectors. Our students are placed in companies like TCS, Infosys, ICICI Bank, and leading startups. Average placement rate is 95% with average package ₹8.5L for graduates."},
{
id: "5", title: "Do you offer scholarships?", content: "Yes, we offer merit-based scholarships, need-based financial aid, and special scholarships for reserved categories. Up to 100% tuition coverage is available for eligible students. Apply during the admission process."},
{
id: "6", title: "What are internship opportunities?", content: "Students are encouraged to pursue internships from their 2nd year. We have partnerships with leading companies and research institutions. Internships can be full-time or part-time and are integrated into the curriculum."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Quick answers to common questions about LUCS"
textPosition="left"
useInvertedBackground={true}
animationType="smooth"
faqsAnimation="slide-up"
buttons={[
{ text: "Contact Admissions", href: "/contact" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="LUCS"
<FooterBaseReveal
columns={footerColumns}
copyrightText="© 2025 Lords Universal College of Science and Commerce. All rights reserved."
/>
</div>
</ThemeProvider>
);
}
}