164 lines
7.3 KiB
TypeScript
164 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Colleges", id: "/colleges"},
|
|
{
|
|
name: "Blog", id: "/blog"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
]}
|
|
brandName="Study in Nagaland"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Find the Best College in Nagaland"
|
|
description="Explore 50+ verified colleges, compare fees, read reviews, and apply — all in one place."
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/students-holding-notebooks-talking_23-2147657126.jpg", imageAlt: "modern student group university landscape"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/inspired-dreamy-smart-redhead-female-student-got-excellent-idea-her-book-write-notebook-p_1258-127762.jpg", imageAlt: "modern student group university landscape"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hikers-viewing-platform_23-2147683184.jpg", imageAlt: "modern student group university landscape"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-male-working-laptop-trip_23-2148154958.jpg", imageAlt: "modern student group university landscape"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-international-students-sitting-grass-together-park-university-african-caucasian-girls-indian-boy-talking-outdoors_1157-50063.jpg", imageAlt: "modern student group university landscape"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{text: "View Colleges", href: "/colleges"}]}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "50+", title: "Colleges Listed", description: "Verified institutions across Nagaland.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-friends-doing-work-laptop-outdoor_624325-3557.jpg"},
|
|
{
|
|
id: "m2", value: "10k+", title: "Students Helped", description: "Guiding future generations.", imageSrc: "http://img.b2bpic.net/free-photo/inspired-upbeat-dreamy-fascinated-redhead-girl-writing-down-interesting-lecture-smiling-gazi_1258-126205.jpg"},
|
|
{
|
|
id: "m3", value: "200+", title: "Courses", description: "Diverse streams to explore.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-blanket_23-2149241881.jpg"},
|
|
]}
|
|
title="Our Impact"
|
|
description="Helping students reach their future goals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Common Questions"
|
|
description="Everything you need to know about college admissions."
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How do I apply?", content: "You can apply directly through our platform by selecting your preferred course."},
|
|
{
|
|
id: "q2", title: "Is it free to use?", content: "Yes, our service is completely free for all students."},
|
|
{
|
|
id: "q3", title: "Are these colleges verified?", content: "All listed institutions are verified by regional educational boards."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Success Stories"
|
|
description="Hear from students who found their path."
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Aman Singh", handle: "@aman_studies", testimonial: "The portal helped me find the best engineering college near Kohima. So easy!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-students-outdoors_23-2150405198.jpg"},
|
|
{
|
|
id: "t2", name: "Leno K.", handle: "@leno_nagaland", testimonial: "Highly recommended for students in Nagaland. Detailed info and simple process.", imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-talking-near-reading-friends_23-2147846671.jpg"},
|
|
{
|
|
id: "t3", name: "Vikram J.", handle: "@vick_j", testimonial: "A transparent way to compare colleges and fee structures.", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-friends-students-outdoors-using-mobile-phone-laptop_171337-18284.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in touch"
|
|
title="Have questions?"
|
|
description="Our team is here to help you navigate your college choices."
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-smiling-international-students-sitting-grass-together-park-university-african-caucasian-girls-indian-boy-talking-outdoors_1157-50069.jpg?_wi=1"
|
|
imageAlt="Students in campus park"
|
|
mediaAnimation="opacity"
|
|
buttonText="Contact Support"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/books-knowledge-study-education-word-graphic_53876-124730.jpg?_wi=1"
|
|
logoText="Study in Nagaland"
|
|
columns={[
|
|
{
|
|
title: "For Students", items: [
|
|
{
|
|
label: "Search Colleges", href: "/colleges"},
|
|
{
|
|
label: "Blog", href: "/blog"},
|
|
],
|
|
},
|
|
{
|
|
title: "For Institutions", items: [
|
|
{
|
|
label: "List Your College", href: "/for-institutions"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
"
|
|
}
|
|
]
|
|
} |