Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EduBot Support"
|
||||
/>
|
||||
@@ -53,43 +41,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Campus Success Partner"
|
||||
description="Meet EduBot, your 24/7 AI-powered support assistant for admissions, course guidance, and administrative needs."
|
||||
tag="Always On"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Chatting",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Chatting", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medic-gives-insight-diagnostic-reports-patient_482257-116757.jpg?_wi=1",
|
||||
imageAlt: "Chatbot interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-doing-homework_23-2148597976.jpg",
|
||||
imageAlt: "Chatbot interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hanging-out-with-robot_23-2151112159.jpg",
|
||||
imageAlt: "Chatbot interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901241.jpg",
|
||||
imageAlt: "Chatbot interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg",
|
||||
imageAlt: "Chatbot interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901209.jpg",
|
||||
imageAlt: "Chatbot interface",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-medic-gives-insight-diagnostic-reports-patient_482257-116757.jpg", imageAlt: "Chatbot interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-doing-homework_23-2148597976.jpg", imageAlt: "Chatbot interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-hanging-out-with-robot_23-2151112159.jpg", imageAlt: "Chatbot interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901241.jpg", imageAlt: "Chatbot interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg", imageAlt: "Chatbot interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901209.jpg", imageAlt: "Chatbot interface" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,46 +64,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Enrollment",
|
||||
description: "Guided walkthroughs for seamless course registration.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/academic-study-supplies-illustration_23-2151970544.jpg",
|
||||
imageAlt: "Enrollment",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-university-landing-page_23-2148183192.jpg",
|
||||
imageAlt: "Enrollment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-medic-gives-insight-diagnostic-reports-patient_482257-116757.jpg?_wi=2",
|
||||
imageAlt: "course enrollment icon",
|
||||
title: "Instant Enrollment", description: "Guided walkthroughs for seamless course registration.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/academic-study-supplies-illustration_23-2151970544.jpg", imageAlt: "Enrollment" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/isometric-university-landing-page_23-2148183192.jpg", imageAlt: "Enrollment" }
|
||||
},
|
||||
{
|
||||
title: "Tuition Assistance",
|
||||
description: "Quick access to fee structures and payment portals.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-education-economy-objects_23-2149113528.jpg",
|
||||
imageAlt: "Fees",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pay-bill-taxes-invoices-checks-icons-flat-set-isolated-vector-illustration_1284-2965.jpg",
|
||||
imageAlt: "Fees",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technical-support-illustration_24908-61534.jpg",
|
||||
imageAlt: "course enrollment icon",
|
||||
title: "Tuition Assistance", description: "Quick access to fee structures and payment portals.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-education-economy-objects_23-2149113528.jpg", imageAlt: "Fees" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/pay-bill-taxes-invoices-checks-icons-flat-set-isolated-vector-illustration_1284-2965.jpg", imageAlt: "Fees" }
|
||||
},
|
||||
{
|
||||
title: "24/7 Help Desk",
|
||||
description: "Real-time answers to your campus-related queries.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg?_wi=1",
|
||||
imageAlt: "Help",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-speech-with-shadow-blue-background_23-2147948725.jpg",
|
||||
imageAlt: "Help",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-employee-working-with-charts-papers-computer-doing-annual-data-analysis-plan-business-project-woman-holding-files-with-financial-information-development_482257-32215.jpg?_wi=1",
|
||||
imageAlt: "course enrollment icon",
|
||||
title: "24/7 Help Desk", description: "Real-time answers to your campus-related queries.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg", imageAlt: "Help" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/blank-white-speech-with-shadow-blue-background_23-2147948725.jpg", imageAlt: "Help" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -156,42 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Student Portal",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Progress Tracking",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-employee-working-with-charts-papers-computer-doing-annual-data-analysis-plan-business-project-woman-holding-files-with-financial-information-development_482257-32215.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Admission Center",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Library Search",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-stickers-with-pens-dark-background_179666-17386.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Event Calendar",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518169.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Account Settings",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148517499.jpg",
|
||||
},
|
||||
{ id: "1", name: "Student Portal", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg" },
|
||||
{ id: "2", name: "Progress Tracking", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/close-up-employee-working-with-charts-papers-computer-doing-annual-data-analysis-plan-business-project-woman-holding-files-with-financial-information-development_482257-32215.jpg" },
|
||||
{ id: "3", name: "Admission Center", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg" },
|
||||
{ id: "4", name: "Library Search", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-stickers-with-pens-dark-background_179666-17386.jpg" },
|
||||
{ id: "5", name: "Event Calendar", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518169.jpg" },
|
||||
{ id: "6", name: "Account Settings", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148517499.jpg" },
|
||||
]}
|
||||
title="Explore Support Services"
|
||||
description="Access specialized tools tailored to your academic progress."
|
||||
@@ -203,21 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I register for classes?",
|
||||
content: "Navigate to the Enrollment Portal via your student dashboard.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "When is the next tuition deadline?",
|
||||
content: "Check the Tuition Assistance tab for personalized dates.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I contact support live?",
|
||||
content: "Yes, our AI routes complex queries to staff during business hours.",
|
||||
},
|
||||
{ id: "1", title: "How do I register for classes?", content: "Navigate to the Enrollment Portal via your student dashboard." },
|
||||
{ id: "2", title: "When is the next tuition deadline?", content: "Check the Tuition Assistance tab for personalized dates." },
|
||||
{ id: "3", title: "Can I contact support live?", content: "Yes, our AI routes complex queries to staff during business hours." },
|
||||
]}
|
||||
title="Common Student Questions"
|
||||
description="Find answers to our most frequent inquiries below."
|
||||
@@ -231,41 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexrivers",
|
||||
testimonial: "EduBot made enrollment a breeze!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-happy-girl-relieved-finally-classes-are-summer-vacation-starting-screaming-from-jo_1258-115845.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
handle: "@mariag",
|
||||
testimonial: "Found my fees information instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-teenager-making-notes_23-2147777314.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Thorne",
|
||||
handle: "@sthorne",
|
||||
testimonial: "The best support tool I've used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lee Wei",
|
||||
handle: "@leewei",
|
||||
testimonial: "Quick, easy, and always available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delighted-youngster-relaxing-while-studying_23-2147655918.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Highly recommended for all students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-showing-winner-gesture-t-shirt-jacket-looking-lucky-front-view_176474-56849.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", handle: "@alexrivers", testimonial: "EduBot made enrollment a breeze!", imageSrc: "http://img.b2bpic.net/free-photo/carefree-happy-girl-relieved-finally-classes-are-summer-vacation-starting-screaming-from-jo_1258-115845.jpg" },
|
||||
{ id: "2", name: "Maria Garcia", handle: "@mariag", testimonial: "Found my fees information instantly.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-teenager-making-notes_23-2147777314.jpg" },
|
||||
{ id: "3", name: "Sam Thorne", handle: "@sthorne", testimonial: "The best support tool I've used.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg" },
|
||||
{ id: "4", name: "Lee Wei", handle: "@leewei", testimonial: "Quick, easy, and always available.", imageSrc: "http://img.b2bpic.net/free-photo/delighted-youngster-relaxing-while-studying_23-2147655918.jpg" },
|
||||
{ id: "5", name: "Jordan P.", handle: "@jordanp", testimonial: "Highly recommended for all students.", imageSrc: "http://img.b2bpic.net/free-photo/lady-showing-winner-gesture-t-shirt-jacket-looking-lucky-front-view_176474-56849.jpg" },
|
||||
]}
|
||||
title="What Students Say"
|
||||
description="Empowering thousands of students toward their academic goals."
|
||||
@@ -278,36 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Queries Resolved",
|
||||
items: [
|
||||
"Students",
|
||||
"Staff",
|
||||
"Admin",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Positive",
|
||||
"Happy",
|
||||
"Helpful",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Service Uptime",
|
||||
items: [
|
||||
"Always",
|
||||
"Ready",
|
||||
"Live",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "10k+", title: "Queries Resolved", items: ["Students", "Staff", "Admin"] },
|
||||
{ id: "2", value: "98%", title: "Satisfaction Rate", items: ["Positive", "Happy", "Helpful"] },
|
||||
{ id: "3", value: "24/7", title: "Service Uptime", items: ["Always", "Ready", "Live"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measured by the success of our students."
|
||||
@@ -320,30 +154,11 @@ export default function LandingPage() {
|
||||
title="Contact Our Help Team"
|
||||
description="Have specific questions? Reach out and we'll be glad to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your query...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Describe your query...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robot-90s_23-2151901228.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user