Merge version_1 into main #1
338
src/app/page.tsx
338
src/app/page.tsx
@@ -18,233 +18,137 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Registration",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Requirements",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="EduRegister"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Registration", id: "#hero" },
|
||||
{ name: "Process", id: "#features" },
|
||||
{ name: "Requirements", id: "#about" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Support", id: "#contact" }
|
||||
]}
|
||||
brandName="EduRegister"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Register for Your Exams"
|
||||
description="Secure your examination slot today through our streamlined, digital registration portal. Start your journey toward success in just a few clicks."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Registration",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Guidelines",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-online-written-note-along-with-colorful-little-paper-notes-light-background-notepad-job-pen-school-office-business-money-color-work-copybook_179666-18248.jpg"
|
||||
imageAlt="Exam Registration Portal Interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Register for Your Exams"
|
||||
description="Secure your examination slot today through our streamlined, digital registration portal. Start your journey toward success in just a few clicks."
|
||||
buttons={[
|
||||
{ text: "Start Registration", href: "#contact" },
|
||||
{ text: "View Guidelines", href: "#about" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-online-written-note-along-with-colorful-little-paper-notes-light-background-notepad-job-pen-school-office-business-money-color-work-copybook_179666-18248.jpg"
|
||||
imageAlt="Exam Registration Portal Interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Registration Made Simple"
|
||||
description="Our platform is built to make examination management efficient, secure, and stress-free for both students and administrators."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Real-time Verification",
|
||||
content: "Instant confirmation of your registration status and eligibility check.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Secure Payments",
|
||||
content: "Encrypted payment processing for all examination fees, ensuring your data safety.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Automatic Notifications",
|
||||
content: "Receive email and text alerts regarding your exam schedule and venue updates.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg"
|
||||
imageAlt="Registration Features"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Registration Made Simple"
|
||||
description="Our platform is built to make examination management efficient, secure, and stress-free for both students and administrators."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Real-time Verification", content: "Instant confirmation of your registration status and eligibility check." },
|
||||
{ id: "2", title: "Secure Payments", content: "Encrypted payment processing for all examination fees, ensuring your data safety." },
|
||||
{ id: "3", title: "Automatic Notifications", content: "Receive email and text alerts regarding your exam schedule and venue updates." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg"
|
||||
imageAlt="Registration Features"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Examination Requirements"
|
||||
description={[
|
||||
"Ensure you have your student ID ready and a clear passport-sized photograph for the verification process.",
|
||||
"Check our list of pre-requisite courses to ensure you meet all criteria before finalizing your registration.",
|
||||
"Our system automatically verifies your academic history against the selected exam requirements to prevent errors.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Examination Requirements"
|
||||
description={[
|
||||
"Ensure you have your student ID ready and a clear passport-sized photograph for the verification process.", "Check our list of pre-requisite courses to ensure you meet all criteria before finalizing your registration.", "Our system automatically verifies your academic history against the selected exam requirements to prevent errors."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="success" data-section="success">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "The easiest registration I've ever used. Done in minutes!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hands-tablet-computer-isolated_171337-14971.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
handle: "@mariag",
|
||||
testimonial: "Everything was clear, automated, and extremely fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Registration confirmation arrived within seconds. Impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-showing-his-diploma_1098-1097.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
handle: "@elenar",
|
||||
testimonial: "Excellent interface. No manual paperwork required.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-smart-professional-young-male-student-with-dreads-yellow-tshirt-cr_1258-112172.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "A reliable system for all my academic exams.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-cheering-cheerful-copy-space-campus_1134-1166.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Student Success Stories"
|
||||
description="Hear from students who successfully registered and achieved their goals through our streamlined process."
|
||||
/>
|
||||
</div>
|
||||
<div id="success" data-section="success">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Smith", handle: "@alexs", testimonial: "The easiest registration I've ever used. Done in minutes!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hands-tablet-computer-isolated_171337-14971.jpg" },
|
||||
{ id: "2", name: "Maria Garcia", handle: "@mariag", testimonial: "Everything was clear, automated, and extremely fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg" },
|
||||
{ id: "3", name: "David Kim", handle: "@dkim", testimonial: "Registration confirmation arrived within seconds. Impressed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-showing-his-diploma_1098-1097.jpg" },
|
||||
{ id: "4", name: "Elena Rossi", handle: "@elenar", testimonial: "Excellent interface. No manual paperwork required.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-smart-professional-young-male-student-with-dreads-yellow-tshirt-cr_1258-112172.jpg" },
|
||||
{ id: "5", name: "John Doe", handle: "@johnd", testimonial: "A reliable system for all my academic exams.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teenager-cheering-cheerful-copy-space-campus_1134-1166.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Student Success Stories"
|
||||
description="Hear from students who successfully registered and achieved their goals through our streamlined process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100k+",
|
||||
description: "Successful Registrations",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Platform Reliability",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Partner Institutions",
|
||||
},
|
||||
]}
|
||||
title="Platform Excellence"
|
||||
description="Empowering students through advanced examination technology and seamless data management."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100k+", description: "Successful Registrations" },
|
||||
{ id: "m2", value: "99.9%", description: "Platform Reliability" },
|
||||
{ id: "m3", value: "500+", description: "Partner Institutions" }
|
||||
]}
|
||||
title="Platform Excellence"
|
||||
description="Empowering students through advanced examination technology and seamless data management."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does registration take?",
|
||||
content: "Registration generally takes under 5 minutes when all documentation is ready.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my payment data secure?",
|
||||
content: "Yes, we use industry-standard encryption for all transaction and personal data.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I edit my registration details?",
|
||||
content: "Details can be edited until the final submission button is clicked.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common queries answered regarding your registration journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How long does registration take?", content: "Registration generally takes under 5 minutes when all documentation is ready." },
|
||||
{ id: "q2", title: "Is my payment data secure?", content: "Yes, we use industry-standard encryption for all transaction and personal data." },
|
||||
{ id: "q3", title: "Can I edit my registration details?", content: "Details can be edited until the final submission button is clicked." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common queries answered regarding your registration journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Register Your Exam"
|
||||
description="Ready to get started? Enter your email to begin the registration process immediately."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Get Started"
|
||||
title="Register Your Exam"
|
||||
description="Ready to get started? Enter your email to begin the registration process immediately."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EduRegister"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EduRegister"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Contact Support", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user