279 lines
16 KiB
TypeScript
279 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, Briefcase, CheckCircle, CreditCard, DollarSign, Gift, MapPin, Sparkles, Target, TrendingUp, Users, Wrench, Zap, BookOpen } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Courses", id: "features" },
|
|
{ name: "Admissions", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ITI College Ludhiana"
|
|
bottomLeftText="Build Your Technical Career"
|
|
bottomRightText="+91-98765-43210"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="ITI College Ludhiana"
|
|
description="Build Your Career with Practical Technical Training. Industry-focused skills and genuine job opportunities with hands-on training from experienced professionals."
|
|
buttons={[
|
|
{ text: "Call Now to Apply", href: "tel:+919876543210" },
|
|
{ text: "WhatsApp Inquiry", href: "https://wa.me/919876543210" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-manual-worker-presenting-new-business-strategy-company-managers-his-colleagues-factory_637285-4142.jpg?_wi=1"
|
|
imageAlt="ITI training workshop with students and instructors"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="ITI College Ludhiana: Your Gateway to Employment and Technical Excellence"
|
|
metrics={[
|
|
{ icon: Users, label: "Students Trained", value: "5,000+" },
|
|
{ icon: TrendingUp, label: "Job Placement Rate", value: "92%" },
|
|
{ icon: Award, label: "Years of Excellence", value: "15+" },
|
|
{ icon: CheckCircle, label: "Certified Courses", value: "25+" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
title="Why Choose ITI College Ludhiana?"
|
|
description="We offer comprehensive vocational training designed to transform high school graduates into skilled technicians ready for immediate employment"
|
|
tag="Key Advantages"
|
|
features={[
|
|
{
|
|
id: "1", title: "Hands-On Practical Training", description: "Learn by doing in our modern, fully-equipped workshops. Every course includes 60% practical training and 40% theoretical knowledge to ensure job readiness.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-manual-worker-presenting-new-business-strategy-company-managers-his-colleagues-factory_637285-4142.jpg?_wi=2"},
|
|
items: [
|
|
{ icon: Wrench, text: "Modern equipment and tools" },
|
|
{ icon: Users, text: "Small batch training groups" },
|
|
{ icon: Zap, text: "Real-world project experience" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "2", title: "100% Verified Job Placement", description: "Our industry partnerships guarantee job placements within 3 months of course completion. We have tie-ups with over 200+ employers across India.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/headhunters-interviewing-female-job-candidate_1163-4674.jpg"},
|
|
items: [
|
|
{ icon: Briefcase, text: "Direct employer partnerships" },
|
|
{ icon: MapPin, text: "Pan-India job opportunities" },
|
|
{ icon: TrendingUp, text: "Average salary growth 40%+" },
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
id: "3", title: "Expert Instructors with Industry Experience", description: "Learn from professionals with 8-15 years of hands-on experience in their respective fields. Our trainers are certified and continuously updated with industry trends.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-ceo-giving-presentation-his-team-office-asks-one-his-colleagues-opinion_637285-985.jpg"},
|
|
items: [
|
|
{ icon: Award, text: "Certified industry experts" },
|
|
{ icon: BookOpen, text: "Continuous skill updates" },
|
|
{ icon: Target, text: "Industry-aligned curriculum" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "4", title: "Affordable Education with Flexible Payment", description: "Quality technical education doesn't have to be expensive. We offer competitive fees with flexible payment plans, scholarships, and educational loans.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/putting-money-coins-saving-glass-bottle-concept-investment-mutual-fund-finance-business-placed-textbook-content-money-saving-education_1150-45710.jpg"},
|
|
items: [
|
|
{ icon: DollarSign, text: "Affordable fee structure" },
|
|
{ icon: CreditCard, text: "EMI payment options" },
|
|
{ icon: Gift, text: "Merit-based scholarships" },
|
|
],
|
|
reverse: true,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="ITI College Ludhiana transformed my career completely. Within 2 months of completing my electrical technician course, I landed a job with a leading manufacturing company. The hands-on training was invaluable and the placement support was exceptional."
|
|
rating={5}
|
|
author="Rajesh Kumar, Electrical Technician"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg", alt: "Student testimonial 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg", alt: "Student testimonial 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg", alt: "Student testimonial 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg", alt: "Student testimonial 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg", alt: "Student testimonial 5" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg", alt: "Student testimonial 6" },
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Course Packages & Admission"
|
|
description="Choose the course that fits your career goals. All packages include job placement assistance and lifetime alumni support."
|
|
tag="Flexible Pricing"
|
|
plans={[
|
|
{
|
|
id: "basic", price: "₹45,000", name: "Basic Technician Program", badge: "Most Popular", badgeIcon: Sparkles,
|
|
buttons: [
|
|
{ text: "Enroll Now", href: "tel:+919876543210" },
|
|
{ text: "Get Details", href: "#contact" },
|
|
],
|
|
features: [
|
|
"6-month duration", "200+ practical hours", "Industry certification", "Job placement assistance", "Flexible payment options"],
|
|
},
|
|
{
|
|
id: "pro", price: "₹75,000", name: "Advanced Professional Program", buttons: [
|
|
{ text: "Enroll Now", href: "tel:+919876543210" },
|
|
{ text: "Get Details", href: "#contact" },
|
|
],
|
|
features: [
|
|
"12-month duration", "500+ practical hours", "Multiple certifications", "Internship included", "100% job placement guarantee", "Interview coaching"],
|
|
},
|
|
{
|
|
id: "enterprise", price: "₹1,20,000", name: "Specialized Diploma Program", buttons: [
|
|
{ text: "Enroll Now", href: "tel:+919876543210" },
|
|
{ text: "Get Details", href: "#contact" },
|
|
],
|
|
features: [
|
|
"18-month comprehensive program", "800+ practical hours", "Advanced industry tools", "6-month paid internship", "Guaranteed placement", "Career development training"],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our courses, admission process, and career support."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are the eligibility criteria for admission?", content: "Candidates who have completed 10th or 12th grade are eligible. We welcome students from all educational backgrounds. For some specialized programs, basic mathematics knowledge is beneficial but not mandatory."},
|
|
{
|
|
id: "2", title: "How long are the courses?", content: "Our courses range from 6 months to 18 months depending on the program. Basic technician programs are 6 months, professional programs are 12 months, and specialized diplomas are 18 months."},
|
|
{
|
|
id: "3", title: "What is the job placement guarantee?", content: "We guarantee 92% job placement within 3 months of course completion for our advanced and diploma programs. We have partnerships with 200+ employers across various sectors."},
|
|
{
|
|
id: "4", title: "What payment options are available?", content: "We offer flexible payment plans including full upfront payment, 3-month EMI, 6-month EMI, and educational loans. Merit-based scholarships are also available for deserving students."},
|
|
{
|
|
id: "5", title: "Are there hostel facilities?", content: "Yes, we provide safe and comfortable hostel facilities for out-of-town students at affordable rates. Separate accommodation options for male and female students are available."},
|
|
{
|
|
id: "6", title: "What certifications do we provide?", content: "All our courses are government-recognized. Students receive ITI certification from the National Council of Vocational Training (NCVT) and industry-specific certifications."},
|
|
{
|
|
id: "7", title: "Can working professionals join?", content: "Yes, we have special weekend and evening batches for working professionals. These flexible schedules allow you to upskill without leaving your job."},
|
|
{
|
|
id: "8", title: "What support is provided after course completion?", content: "We provide lifetime career support including job placement, resume building, interview coaching, and alumni networking. Our placement team actively works to match graduates with opportunities."},
|
|
]}
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Start Your Technical Career Today"
|
|
description="Connect with our admissions team to explore your ideal course and get instant answers about fees and placement."
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
|
{ name: "course", type: "text", placeholder: "Course Interested In", required: true },
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your career goals and why you're interested in our programs...", rows: 5,
|
|
required: false,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-her-phone_1150-152.jpg"
|
|
imageAlt="Students discussing career opportunities at ITI College"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Submit Inquiry"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="ITI College Ludhiana"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Courses", href: "#features" },
|
|
{ label: "Admissions", href: "#pricing" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Courses", items: [
|
|
{ label: "Electrical Technician", href: "#" },
|
|
{ label: "Mechanical Technician", href: "#" },
|
|
{ label: "IT & Software", href: "#" },
|
|
{ label: "Welding & Fabrication", href: "#" },
|
|
{ label: "Automotive Technology", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +91-98765-43210", href: "tel:+919876543210" },
|
|
{ label: "Email: info@iticollege.edu.in", href: "mailto:info@iticollege.edu.in" },
|
|
{ label: "WhatsApp Support", href: "https://wa.me/919876543210" },
|
|
{ label: "Address: Ludhiana, Punjab", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Career Support", href: "#" },
|
|
{ label: "Alumni Network", href: "#" },
|
|
{ label: "Student Portal", href: "#" },
|
|
{ label: "FAQs", href: "#faq" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 ITI College Ludhiana. Building Technical Talent for India's Future."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|