186 lines
11 KiB
TypeScript
186 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { Database, Mail, ShieldCheck, Zap } from "lucide-react";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
export default function SugunaPortal() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="SUGUNA"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "How It Works", id: "howItWorks" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Verify Student", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="SUGUNA COLLEGE ENGINEERING"
|
|
description="Secure Student Verification Portal - Verify, Authenticate, and Manage Student Information with Confidence"
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-student-using-laptop-grass-campus_231208-10865.jpg", imageAlt: "Suguna College Engineering Campus"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-with-bag-his-shoulder-hurry-airport_146671-18702.jpg", imageAlt: "Students at Suguna College"},
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Verification", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
title="Empowering Student Identity Verification at Suguna College Engineering"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Explore Features", href: "#features" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
title="Powerful Verification Features"
|
|
description="Comprehensive tools designed for efficient student identity verification and management"
|
|
tag="Features"
|
|
features={[
|
|
{
|
|
title: "Secure Verification", description: "Advanced security protocols ensuring authentic student identification and data protection", imageSrc: "http://img.b2bpic.net/free-vector/demand-insurance-service-digital-insurer-mobile-app-innovative-business-model-female-customer-ordering-insurance-policy-online_335657-1156.jpg?_wi=1", imageAlt: "Secure verification system", buttonIcon: ShieldCheck,
|
|
buttonHref: "#contact"},
|
|
{
|
|
title: "Centralized Database", description: "Complete student information management system accessible to authorized personnel", imageSrc: "http://img.b2bpic.net/free-photo/lawyer-preparing-case-reading-detective-report-while-sitting-floor-african-american-investigator-analyzing-csi-expertise-evidence-while-working-overtime-night_482257-59772.jpg?_wi=1", imageAlt: "Database management", buttonIcon: Database,
|
|
buttonHref: "#contact"},
|
|
{
|
|
title: "Easy Access", description: "User-friendly interface designed for quick and efficient verification processes", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-41666.jpg?_wi=1", imageAlt: "Easy to use interface", buttonIcon: Zap,
|
|
buttonHref: "#contact"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="howItWorks" data-section="howItWorks">
|
|
<MetricCardEleven
|
|
title="How Our Verification Works"
|
|
description="Simple, secure, and efficient student verification process"
|
|
tag="Process"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "1", title: "Student Login", description: "Secure authentication with college credentials", imageSrc: "http://img.b2bpic.net/free-vector/demand-insurance-service-digital-insurer-mobile-app-innovative-business-model-female-customer-ordering-insurance-policy-online_335657-1156.jpg?_wi=2", imageAlt: "Student login process"},
|
|
{
|
|
id: "2", value: "2", title: "Verification Check", description: "Instant verification against college database", imageSrc: "http://img.b2bpic.net/free-photo/lawyer-preparing-case-reading-detective-report-while-sitting-floor-african-american-investigator-analyzing-csi-expertise-evidence-while-working-overtime-night_482257-59772.jpg?_wi=2", imageAlt: "Verification check process"},
|
|
{
|
|
id: "3", value: "3", title: "Instant Confirmation", description: "Receive verification certificate immediately", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-41666.jpg?_wi=2", imageAlt: "Instant confirmation"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Students Say"
|
|
description="Real feedback from verified students at Suguna College Engineering"
|
|
tag="Testimonials"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Arjun Kumar", handle: "@arjun_eng", testimonial: "The verification process was seamless and fast. Got my certificate in minutes!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg?_wi=1", imageAlt: "Arjun Kumar"},
|
|
{
|
|
id: "2", name: "Priya Sharma", handle: "@priya_student", testimonial: "Very secure and reliable system. Perfect for internship and placement verification.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-blouse-jacket-looking-confident-front-view_176474-85036.jpg?_wi=1", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "3", name: "Rahul Patel", handle: "@rahul_coder", testimonial: "Best verification portal I've used. Clear interface and quick results.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-engineer-making-greeting-gesture-touching-his-helmet-smiling-standing-isolated-white-wall_141793-15783.jpg", imageAlt: "Rahul Patel"},
|
|
{
|
|
id: "4", name: "Neha Singh", handle: "@neha_engg", testimonial: "Highly recommended for all students. Trustworthy and professional service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg", imageAlt: "Neha Singh"},
|
|
{
|
|
id: "5", name: "Vikram Desai", handle: "@vikram_eng", testimonial: "Excellent verification system. Helped me secure my internship position easily.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg?_wi=2", imageAlt: "Vikram Desai"},
|
|
{
|
|
id: "6", name: "Anjali Verma", handle: "@anjali_v", testimonial: "Secure, fast, and reliable. The perfect solution for student authentication.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-blouse-jacket-looking-confident-front-view_176474-85036.jpg?_wi=2", imageAlt: "Anjali Verma"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
title="Start Verifying Your Student Identity Today"
|
|
description="Join hundreds of verified students at Suguna College Engineering. Secure, fast, and reliable verification process."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-vector/registration-login-checkbox-template-with-easy-user-interface_1017-54006.jpg"
|
|
imageAlt="Verification contact form"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your college email"
|
|
buttonText="Verify Now"
|
|
termsText="By clicking Verify Now, you confirm that you are a student of Suguna College Engineering and agree to our Terms of Service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "How It Works", href: "#howItWorks" },
|
|
{ label: "Pricing", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Suguna College Engineering. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|