Merge version_2 into main #1
286
src/app/page.tsx
286
src/app/page.tsx
@@ -30,26 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Facilities", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SCET"
|
||||
/>
|
||||
@@ -57,100 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Pioneering the Future of Engineering"
|
||||
description="Salem College of Engineering and Technology provides world-class education, cutting-edge facilities, and technical skills to prepare tomorrow's industry leaders."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Irfan",
|
||||
handle: "@irfan",
|
||||
testimonial: "Excellent institution with great facilities and expert faculty. Truly a hub for quality engineering education.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-corporate-property-builder-contractor-job-agenda_140725-155263.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rahul",
|
||||
handle: "@rahul",
|
||||
testimonial: "The practical lab exposure here is unmatched, very helpful for competitive exam prep.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-is-posing-studio_176474-59672.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ananya",
|
||||
handle: "@ananya",
|
||||
testimonial: "The faculty mentorship really helped me bridge the gap between theory and industry standards.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102561.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikram",
|
||||
handle: "@vikram",
|
||||
testimonial: "Cutting-edge labs and a very supportive placement cell. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-safety-helmet-vest_23-2148269280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Deepa",
|
||||
handle: "@deepa",
|
||||
testimonial: "Studying here was a transformative experience. Great campus and professional focus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-73594.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
title="Salem College of Engineering and Technology"
|
||||
description="Empowering future engineers with innovation, practical expertise, and a global perspective. Join a legacy of academic excellence."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-concert-hall-iceland-with-lot-visitors_181624-10671.jpg"
|
||||
imageAlt="indian engineering college campus"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-builder-yellow-helmet-holding-yellow-document-with-smile-white-wall_140725-35219.jpg",
|
||||
alt: "Front view female builder in yellow helmet holding yellow document with smile on white wall ",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg",
|
||||
alt: "Smiling customer holding a mobile phone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23577.jpg",
|
||||
alt: "Middle aged business man in a hard hat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
alt: "Technician optimizing data center equipment for maximum efficiency",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
alt: "Smiling businessman holding jacket on shoulder",
|
||||
},
|
||||
]}
|
||||
imageAlt="Engineering Campus"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Building Excellence in Technology"
|
||||
description="Our college is committed to technical excellence, modern pedagogy, and bridging the gap between industry requirements and academic knowledge through advanced training labs."
|
||||
title="About Our Institution"
|
||||
description="Established to provide unparalleled technical training, SCET bridges the gap between traditional learning and modern industry demands through intensive research and state-of-the-art infrastructure."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Graduates Yearly",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Placement Success",
|
||||
},
|
||||
{ value: "15+", title: "Years of Excellence" },
|
||||
{ value: "500+", title: "Graduates Annually" },
|
||||
{ value: "98%", title: "Placement Rate" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg"
|
||||
imageAlt="engineering lab classroom equipment"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Our campus facilities"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,66 +73,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Modern Labs",
|
||||
tags: [
|
||||
"Hardware",
|
||||
"Software",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-repair-shop-fixing-vehicle_482257-90906.jpg",
|
||||
},
|
||||
id: "f1", title: "Technical Facilities", tags: ["Advanced Labs", "Research Hub"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jolly-it-expert-doing-maintenance-server-room-infrastructure_482257-124598.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Active Learning",
|
||||
tags: [
|
||||
"Collaboration",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realtors-meeting-with-business-owner-go-all-contract-terms_482257-112025.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Technical Focus",
|
||||
tags: [
|
||||
"Research",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jolly-it-expert-doing-maintenance-server-room-infrastructure_482257-124598.jpg",
|
||||
},
|
||||
id: "f2", title: "Innovative Learning", tags: ["Mentorship", "Projects"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realtors-meeting-with-business-owner-go-all-contract-terms_482257-112025.jpg"},
|
||||
]}
|
||||
title="Why Choose SCET"
|
||||
description="We offer a balanced environment focusing on both technical prowess and essential practical skills."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "160+",
|
||||
title: "Total Reviews",
|
||||
description: "Highly rated by students and staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-diagrams-modern-office_23-2147669341.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.0",
|
||||
title: "Avg. Rating",
|
||||
description: "Consistently recognized quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1700.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Committed Faculty",
|
||||
description: "Dedicated to student success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-women-working-together-office-workshop-generated-by-ai_188544-13499.jpg",
|
||||
},
|
||||
]}
|
||||
title="Institutional Impact"
|
||||
description="Quantifiable success and constant growth in technical skill development."
|
||||
title="Technical Edge"
|
||||
description="Hands-on learning environments designed to foster creativity and technical mastery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -231,43 +91,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Irfan",
|
||||
role: "Student",
|
||||
testimonial: "Excellent institution with great facilities and expert faculty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-tourist-holds-textbook-planner-spends-vacations-visiting-unknown-city_273609-55598.jpg",
|
||||
},
|
||||
id: "t1", name: "Rahul S.", role: "Mechanical Engineer", testimonial: "The lab exposure at SCET is unparalleled and helped me land my dream job."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya",
|
||||
role: "Graduate",
|
||||
testimonial: "Well-equipped labs and spacious classrooms helped me reach my goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-helmet_23-2148766927.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Prof. Kumar",
|
||||
role: "Faculty",
|
||||
testimonial: "Focuses on providing quality education in various engineering fields.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Suresh",
|
||||
role: "Alumni",
|
||||
testimonial: "Very good institution in Salem for aspiring engineers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-man-is-posing-studio_176474-59661.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Meera",
|
||||
role: "Student",
|
||||
testimonial: "Inspiring academic environment with good natural surroundings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-student-with-hand-chin_1169-121.jpg",
|
||||
},
|
||||
id: "t2", name: "Ananya M.", role: "Computer Science Graduate", testimonial: "The faculty at SCET truly cares about bridge-building between theory and practice."},
|
||||
]}
|
||||
title="Student Perspectives"
|
||||
description="What our community says about their journey at SCET."
|
||||
title="Student Testimonials"
|
||||
description="Hear from our alumni and students about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -276,73 +105,30 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I apply?",
|
||||
content: "You can contact our admissions office or visit the official website.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where is the college?",
|
||||
content: "Located on NH-68, Salem-Attur Main Road, Salem, Tamil Nadu.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What facilities are provided?",
|
||||
content: "Well-equipped labs, libraries, and smart classrooms.",
|
||||
},
|
||||
{ id: "q1", title: "Admission Process", content: "Contact our admissions cell at the campus office for full details." },
|
||||
{ id: "q2", title: "Campus Location", content: "Located centrally on the Salem-Attur NH-68 highway." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Information regarding admission and college life."
|
||||
title="Quick Answers"
|
||||
description="Answers to frequently asked questions about our programs."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-boy-doing-his-homework_1098-326.jpg"
|
||||
imageAlt="Student boy doing his homework"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Start your engineering journey with us today. Reach out for admission details."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Admissions",
|
||||
href: "tel:09715252012",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to start your engineering career? Get in touch with us."
|
||||
buttons={[{ text: "Contact Admissions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Admission Info", href: "#faq" }, { label: "Get in touch", href: "#contact" }] },
|
||||
]}
|
||||
logoText="SCET Salem"
|
||||
/>
|
||||
@@ -350,4 +136,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user