Merge version_1 into main #2
399
src/app/page.tsx
399
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Calculator, BookOpen, TrendingUp } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -27,301 +28,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Grading",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="School Portal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Grading", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="School Portal"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Seamless School Management"
|
||||
description="The ultimate CBSE-ready result system for modern schools. Automate grading, secure data, and empower every stakeholder."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg?_wi=1",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
|
||||
imageAlt: "Dashboard Preview 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
imageAlt: "Dashboard Preview 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-information-school-ideas-concept_53876-120603.jpg",
|
||||
imageAlt: "Dashboard Preview 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-group-young-students_171337-13381.jpg",
|
||||
imageAlt: "Dashboard Preview 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
imageAlt: "Dashboard Preview 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Seamless School Management"
|
||||
description="The ultimate CBSE-ready result system for modern schools. Automate grading, secure data, and empower every stakeholder."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "Dashboard Preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg", imageAlt: "Dashboard Preview 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Dashboard Preview 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/education-information-school-ideas-concept_53876-120603.jpg", imageAlt: "Dashboard Preview 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-group-young-students_171337-13381.jpg", imageAlt: "Dashboard Preview 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", imageAlt: "Dashboard Preview 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Academic Excellence"
|
||||
tag="Our Mission"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Academic Excellence"
|
||||
tag="Our Mission"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Role-Based Access",
|
||||
description: "Admin, Teacher, and Student portals with tailored dashboards.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910936.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Automated Grading",
|
||||
description: "CBSE-aligned logic for UT, Half-yearly, and Annual results.",
|
||||
buttonIcon: "Calculator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/email-connection-communication-mobile-phone-tablet-technology-concept_53876-42759.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Teacher Dashboards",
|
||||
description: "Easy marks entry, class analytics, and performance tracking.",
|
||||
buttonIcon: "BookOpen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-school-class-with-laptop-computer_23-2150104980.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Student Analytics",
|
||||
description: "Detailed report cards and class ranking comparisons.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-notebooks-grabbing-cup_23-2147657267.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Features"
|
||||
description="Everything your school needs to manage results efficiently."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Role-Based Access", description: "Admin, Teacher, and Student portals with tailored dashboards.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910936.jpg" },
|
||||
{ title: "Automated Grading", description: "CBSE-aligned logic for UT, Half-yearly, and Annual results.", buttonIcon: Calculator, imageSrc: "http://img.b2bpic.net/free-photo/email-connection-communication-mobile-phone-tablet-technology-concept_53876-42759.jpg" },
|
||||
{ title: "Teacher Dashboards", description: "Easy marks entry, class analytics, and performance tracking.", buttonIcon: BookOpen, imageSrc: "http://img.b2bpic.net/free-photo/senior-people-school-class-with-laptop-computer_23-2150104980.jpg" },
|
||||
{ title: "Student Analytics", description: "Detailed report cards and class ranking comparisons.", buttonIcon: TrendingUp, imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-notebooks-grabbing-cup_23-2147657267.jpg" }
|
||||
]}
|
||||
title="Comprehensive Features"
|
||||
description="Everything your school needs to manage results efficiently."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "91-100",
|
||||
name: "Grade A1",
|
||||
features: [
|
||||
"Exemplary performance",
|
||||
"Highly proficient",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Details",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "81-90",
|
||||
name: "Grade A2",
|
||||
features: [
|
||||
"Advanced level",
|
||||
"Consistent results",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Details",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "71-80",
|
||||
name: "Grade B1",
|
||||
features: [
|
||||
"Proficient level",
|
||||
"Good progress",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Details",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Grading System Standards"
|
||||
description="Compliant with industry-standard academic grading policies."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", price: "91-100", name: "Grade A1", features: ["Exemplary performance", "Highly proficient"], buttons: [{ text: "Details" }] },
|
||||
{ id: "p2", price: "81-90", name: "Grade A2", features: ["Advanced level", "Consistent results"], buttons: [{ text: "Details" }] },
|
||||
{ id: "p3", price: "71-80", name: "Grade B1", features: ["Proficient level", "Good progress"], buttons: [{ text: "Details" }] }
|
||||
]}
|
||||
title="Grading System Standards"
|
||||
description="Compliant with industry-standard academic grading policies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Principal Sharma",
|
||||
date: "2024",
|
||||
title: "School Head",
|
||||
quote: "The system changed how we grade.",
|
||||
tag: "Admin",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-teacher-standing_23-2148665943.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg?_wi=2",
|
||||
imageAlt: "school principal portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mrs. Singh",
|
||||
date: "2024",
|
||||
title: "Teacher",
|
||||
quote: "Fast, accurate, and easy to use.",
|
||||
tag: "Staff",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-reading-book_1098-861.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/email-connection-communication-mobile-phone-tablet-technology-concept_53876-42759.jpg?_wi=2",
|
||||
imageAlt: "school principal portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mr. Gupta",
|
||||
date: "2024",
|
||||
title: "Parent",
|
||||
quote: "I can track my child's progress easily.",
|
||||
tag: "Parent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-school-class-with-laptop-computer_23-2150104980.jpg?_wi=2",
|
||||
imageAlt: "school principal portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rahul Verma",
|
||||
date: "2024",
|
||||
title: "Student",
|
||||
quote: "The analytics helped me study better.",
|
||||
tag: "Student",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/chalkboard-career-doodle-copy-space-corridor_1134-1226.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-notebooks-grabbing-cup_23-2147657267.jpg?_wi=2",
|
||||
imageAlt: "school principal portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Director Rao",
|
||||
date: "2024",
|
||||
title: "Administrator",
|
||||
quote: "Perfect for our CBSE compliance.",
|
||||
tag: "Admin",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-crossed-arms_23-2148692792.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910936.jpg?_wi=2",
|
||||
imageAlt: "school principal portrait",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Educators"
|
||||
description="See why schools trust our management solution."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Principal Sharma", date: "2024", title: "School Head", quote: "The system changed how we grade.", tag: "Admin", avatarSrc: "http://img.b2bpic.net/free-photo/female-teacher-standing_23-2148665943.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
|
||||
{ id: "t2", name: "Mrs. Singh", date: "2024", title: "Teacher", quote: "Fast, accurate, and easy to use.", tag: "Staff", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-reading-book_1098-861.jpg", imageSrc: "http://img.b2bpic.net/free-photo/email-connection-communication-mobile-phone-tablet-technology-concept_53876-42759.jpg" },
|
||||
{ id: "t3", name: "Mr. Gupta", date: "2024", title: "Parent", quote: "I can track my child's progress easily.", tag: "Parent", avatarSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-people-school-class-with-laptop-computer_23-2150104980.jpg" },
|
||||
{ id: "t4", name: "Rahul Verma", date: "2024", title: "Student", quote: "The analytics helped me study better.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/chalkboard-career-doodle-copy-space-corridor_1134-1226.jpg", imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-notebooks-grabbing-cup_23-2147657267.jpg" },
|
||||
{ id: "t5", name: "Director Rao", date: "2024", title: "Administrator", quote: "Perfect for our CBSE compliance.", tag: "Admin", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-crossed-arms_23-2148692792.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910936.jpg" }
|
||||
]}
|
||||
title="Trusted by Educators"
|
||||
description="See why schools trust our management solution."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the system PHP based?",
|
||||
content: "Yes, built with core PHP and MySQL.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it support roles?",
|
||||
content: "Yes, it supports Admin, Teacher, and Student roles.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the grading CBSE standard?",
|
||||
content: "Absolutely, all calculations follow CBSE logic.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Addressing common inquiries regarding our system."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is the system PHP based?", content: "Yes, built with core PHP and MySQL." },
|
||||
{ id: "f2", title: "Does it support roles?", content: "Yes, it supports Admin, Teacher, and Student roles." },
|
||||
{ id: "f3", title: "Is the grading CBSE standard?", content: "Absolutely, all calculations follow CBSE logic." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Addressing common inquiries regarding our system."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Start your upgrade today."
|
||||
description="Reach out to deploy our school management solution."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-sitting-beside-monitor-showing-management-graphs-brainstorming-ideas-partnership-project-marketing-team-discussing-company-strategy-working-startup-office-modern-workplace_482257-43878.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Start your upgrade today."
|
||||
description="Reach out to deploy our school management solution."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-sitting-beside-monitor-showing-management-graphs-brainstorming-ideas-partnership-project-marketing-team-discussing-company-strategy-working-startup-office-modern-workplace_482257-43878.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="School Result Portal"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Features", href: "#" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Legal", href: "#" }] }
|
||||
]}
|
||||
logoText="School Result Portal"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user