Merge version_1 into main #1
395
src/app/page.tsx
395
src/app/page.tsx
@@ -16,300 +16,123 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Predictor",
|
||||
id: "#predictor",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="OdishaAdmission"
|
||||
button={{
|
||||
text: "Register",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Predictor", id: "#predictor" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="OdishaAdmission"
|
||||
button={{ text: "Register", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Predict Your Best Future in Odisha"
|
||||
description="Unlock your potential with our intelligent admission prediction tool. Get top Government HSS, Diploma, and BTech institute recommendations based on your actual merit."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Institutes Covered",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Prediction Accuracy",
|
||||
},
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Students Helped",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Predicting",
|
||||
href: "#predictor",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-133781.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9",
|
||||
alt: "Student 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50,000+ successful students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Predictions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Government Verified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Caste Quota Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure & Private",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Predict Your Best Future in Odisha"
|
||||
description="Unlock your potential with our intelligent admission prediction tool. Get top Government HSS, Diploma, and BTech institute recommendations based on your actual merit."
|
||||
kpis={[
|
||||
{ value: "100+", label: "Institutes Covered" },
|
||||
{ value: "95%", label: "Prediction Accuracy" },
|
||||
{ value: "50k+", label: "Students Helped" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Start Predicting", href: "#predictor" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-133781.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg", alt: "Student 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg", alt: "Student 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9", alt: "Student 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ successful students"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fast Predictions" },
|
||||
{ type: "text", text: "Government Verified" },
|
||||
{ type: "text", text: "Caste Quota Optimized" },
|
||||
{ type: "text", text: "Mobile Friendly" },
|
||||
{ type: "text", text: "Secure & Private" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "step1",
|
||||
title: "Account Registration",
|
||||
tags: [
|
||||
"Login",
|
||||
"Secure",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg",
|
||||
},
|
||||
{
|
||||
id: "step2",
|
||||
title: "Enter Your Details",
|
||||
tags: [
|
||||
"Marks",
|
||||
"Caste",
|
||||
"Stream",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9",
|
||||
},
|
||||
{
|
||||
id: "step3",
|
||||
title: "Get Prediction",
|
||||
tags: [
|
||||
"Top 10 List",
|
||||
"Accuracy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg",
|
||||
},
|
||||
]}
|
||||
title="How Our Predictor Works"
|
||||
description="Simple steps to discover the best government institutes for your academic growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "step1", title: "Account Registration", tags: ["Login", "Secure"], imageSrc: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg" },
|
||||
{ id: "step2", title: "Enter Your Details", tags: ["Marks", "Caste", "Stream"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9" },
|
||||
{ id: "step3", title: "Get Prediction", tags: ["Top 10 List", "Accuracy"], imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg" },
|
||||
]}
|
||||
title="How Our Predictor Works"
|
||||
description="Simple steps to discover the best government institutes for your academic growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="predictor" data-section="predictor">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "matric",
|
||||
badge: "10th Pass",
|
||||
price: "HSS/Poly",
|
||||
subtitle: "Find top HSS in Odisha",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Select Stream",
|
||||
"Check Quota",
|
||||
"Top 10 Govt HSS",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "btech",
|
||||
badge: "12th Pass",
|
||||
price: "BTech/Dip",
|
||||
subtitle: "OJEE & Diploma Path",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"OJEE Score",
|
||||
"Marks Input",
|
||||
"Top Govt Colleges",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "lateral",
|
||||
badge: "Diploma/ITI",
|
||||
price: "Lateral",
|
||||
subtitle: "Lateral Entry Options",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"ITI/Diploma Marks",
|
||||
"Caste Quota",
|
||||
"BTech Direct",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Select Your Career Path"
|
||||
description="Choose your current qualification level to get targeted predictions."
|
||||
/>
|
||||
</div>
|
||||
<div id="predictor" data-section="predictor">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "matric", badge: "10th Pass", price: "HSS/Poly", subtitle: "Find top HSS in Odisha", buttons: [{ text: "Select" }], features: ["Select Stream", "Check Quota", "Top 10 Govt HSS"] },
|
||||
{ id: "btech", badge: "12th Pass", price: "BTech/Dip", subtitle: "OJEE & Diploma Path", buttons: [{ text: "Select" }], features: ["OJEE Score", "Marks Input", "Top Govt Colleges"] },
|
||||
{ id: "lateral", badge: "Diploma/ITI", price: "Lateral", subtitle: "Lateral Entry Options", buttons: [{ text: "Select" }], features: ["ITI/Diploma Marks", "Caste Quota", "BTech Direct"] },
|
||||
]}
|
||||
title="Select Your Career Path"
|
||||
description="Choose your current qualification level to get targeted predictions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the prediction guaranteed?",
|
||||
content: "Our system provides recommendations based on previous year data trends, giving you a high-probability estimate for admissions.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I add new institutes?",
|
||||
content: "Yes, we have a feature where users can suggest adding new government institutes for our database update.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free for everyone?",
|
||||
content: "Yes, this is a platform exclusively designed for Odisha students at no cost.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our admission system."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is the prediction guaranteed?", content: "Our system provides recommendations based on previous year data trends, giving you a high-probability estimate for admissions." },
|
||||
{ id: "q2", title: "Can I add new institutes?", content: "Yes, we have a feature where users can suggest adding new government institutes for our database update." },
|
||||
{ id: "q3", title: "Is it free for everyone?", content: "Yes, this is a platform exclusively designed for Odisha students at no cost." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our admission system."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to find your perfect institute?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Login",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to find your perfect institute?"
|
||||
buttons={[{ text: "Register Now", href: "#" }, { text: "Login", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "OJEE Portal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Govt Sites",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="OdishaAdmission"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ items: [{ label: "OJEE Portal", href: "#" }, { label: "Govt Sites", href: "#" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="OdishaAdmission"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user