Update src/app/page.tsx
This commit is contained in:
357
src/app/page.tsx
357
src/app/page.tsx
@@ -16,274 +16,109 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ForestryLib"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ForestryLib"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="The Future of Forestry Education"
|
||||
description="Access the world's most comprehensive digital forestry library. Research papers, field guides, and instructional videos at your fingertips."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dr. Amina Juma",
|
||||
handle: "@tanzaniaforestry",
|
||||
testimonial: "This system revolutionized how our students access materials. Seamless!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309533.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Mwakipesile",
|
||||
handle: "@forestrystu",
|
||||
testimonial: "Incredible resource for my research. Found all my papers in minutes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-with-crossed-arms-blue-wall_176420-2321.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Kessy",
|
||||
handle: "@ecoscience",
|
||||
testimonial: "The AI search is a game changer for navigating complex forestry data.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-white-medical-suit-working-with-solutions-white-space_140725-84187.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Petro",
|
||||
handle: "@gis-master",
|
||||
testimonial: "Finally, a centralized platform for Tanzanian forestry GIS data.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-financial-news_1098-16080.jpg",
|
||||
},
|
||||
{
|
||||
name: "Esther Lema",
|
||||
handle: "@agri-tech",
|
||||
testimonial: "Highly intuitive design. The video tutorials are perfect for field work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-sitting-school-desk-with-class-register-front-blackboard-classroom-explaining-lesson-holding-calculator-looking-surprised-pointing-with-index-finger-up_141793-131585.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/login",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-forest-with-green-grass-daytime_181624-13820.jpg"
|
||||
imageAlt="Forestry research environment"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309535.jpg",
|
||||
alt: "Close up on park ranger in woods",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nature-man-handsome-portrait-tree_1303-335.jpg",
|
||||
alt: "nature man handsome portrait tree",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500833.jpg",
|
||||
alt: "Reforestation done by voluntary group",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309599.jpg",
|
||||
alt: "Close up on park ranger in woods",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hansome-smiling-gay-man-looking-happy-standing-white-background-summer-outfit_1258-106054.jpg",
|
||||
alt: "Hansome smiling gay man looking happy standing over white background in summer outfit",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ researchers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Forest Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Climate Change Data",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Silviculture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GIS Mapping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ecology Studies",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="The Future of Forestry Education"
|
||||
description="Access the world's most comprehensive digital forestry library. Research papers, field guides, and instructional videos at your fingertips."
|
||||
testimonials={[
|
||||
{ name: "Dr. Amina Juma", handle: "@tanzaniaforestry", testimonial: "This system revolutionized how our students access materials. Seamless!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309533.jpg" },
|
||||
{ name: "John Mwakipesile", handle: "@forestrystu", testimonial: "Incredible resource for my research. Found all my papers in minutes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-with-crossed-arms-blue-wall_176420-2321.jpg" },
|
||||
{ name: "Sarah Kessy", handle: "@ecoscience", testimonial: "The AI search is a game changer for navigating complex forestry data.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-white-medical-suit-working-with-solutions-white-space_140725-84187.jpg" },
|
||||
{ name: "David Petro", handle: "@gis-master", testimonial: "Finally, a centralized platform for Tanzanian forestry GIS data.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/reading-financial-news_1098-16080.jpg" },
|
||||
{ name: "Esther Lema", handle: "@agri-tech", testimonial: "Highly intuitive design. The video tutorials are perfect for field work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-sitting-school-desk-with-class-register-front-blackboard-classroom-explaining-lesson-holding-calculator-looking-surprised-pointing-with-index-finger-up_141793-131585.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "/login" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-forest-with-green-grass-daytime_181624-13820.jpg"
|
||||
imageAlt="Forestry research environment"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309535.jpg", alt: "Ranger" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nature-man-handsome-portrait-tree_1303-335.jpg", alt: "Man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500833.jpg", alt: "Group" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309599.jpg", alt: "Ranger" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hansome-smiling-gay-man-looking-happy-standing-white-background-summer-outfit_1258-106054.jpg", alt: "Man" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ researchers"
|
||||
marqueeItems={[{ type: "text", text: "Forest Engineering" }, { type: "text", text: "Climate Change Data" }, { type: "text", text: "Sustainable Silviculture" }, { type: "text", text: "GIS Mapping" }, { type: "text", text: "Ecology Studies" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Empowering Forestry Scholars"
|
||||
description="Our e-library system is built for the academic community, providing secure access to millions of research papers, lecture notes, and media tutorials tailored to modern forestry science."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Secure Authentication",
|
||||
description: "Robust JWT-based security keeping research and student data safe.",
|
||||
},
|
||||
{
|
||||
title: "Lightning Performance",
|
||||
description: "Optimized CDN delivery to support over 1,000 concurrent student users.",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Content",
|
||||
description: "Categorized materials spanning Forest Engineering to Climate Change.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-tourist-holding-tablet-with-map-looking-away-caucasian-long-haired-woman-hiking-walking-nature-carrying-backpacks-backpacking-tourism-adventure-summer-vacation-concept_74855-11930.jpg"
|
||||
imageAlt="Student studying in forest"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Empowering Forestry Scholars"
|
||||
description="Our e-library system is built for the academic community, providing secure access to millions of research papers, lecture notes, and media tutorials tailored to modern forestry science."
|
||||
bulletPoints={[
|
||||
{ title: "Secure Authentication", description: "Robust JWT-based security keeping research and student data safe." },
|
||||
{ title: "Lightning Performance", description: "Optimized CDN delivery to support over 1,000 concurrent student users." },
|
||||
{ title: "Comprehensive Content", description: "Categorized materials spanning Forest Engineering to Climate Change." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-tourist-holding-tablet-with-map-looking-away-caucasian-long-haired-woman-hiking-walking-nature-carrying-backpacks-backpacking-tourism-adventure-summer-vacation-concept_74855-11930.jpg"
|
||||
imageAlt="Student studying in forest"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Search Engine",
|
||||
description: "Smart recommendation engine surfacing similar, high-impact materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
|
||||
imageAlt: "AI Search Interface",
|
||||
},
|
||||
{
|
||||
title: "Multimedia Ready",
|
||||
description: "Seamless streaming of video tutorials and instant PDF viewing features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg",
|
||||
imageAlt: "Multimedia Interface",
|
||||
},
|
||||
{
|
||||
title: "Offline Access Ready",
|
||||
description: "Planned offline capability for remote field work in dense forest locations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-checking-her-phone-before-school_23-2148969831.jpg",
|
||||
imageAlt: "Offline feature",
|
||||
},
|
||||
]}
|
||||
title="Smart Learning Features"
|
||||
description="Designed for efficiency and accessibility across mobile and desktop platforms."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "AI Search Engine", description: "Smart recommendation engine surfacing similar, high-impact materials.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "AI Search Interface" },
|
||||
{ title: "Multimedia Ready", description: "Seamless streaming of video tutorials and instant PDF viewing features.", imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg", imageAlt: "Multimedia Interface" },
|
||||
{ title: "Offline Access Ready", description: "Planned offline capability for remote field work in dense forest locations.", imageSrc: "http://img.b2bpic.net/free-photo/girl-checking-her-phone-before-school_23-2148969831.jpg", imageAlt: "Offline feature" }
|
||||
]}
|
||||
title="Smart Learning Features"
|
||||
description="Designed for efficiency and accessibility across mobile and desktop platforms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Library Impact"
|
||||
tag="Global Reach"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.5M+",
|
||||
description: "Research Documents",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
description: "University Partners",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50K+",
|
||||
description: "Active Students",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to Learn?"
|
||||
title="Join the Digital Library"
|
||||
description="Sign up today to get immediate access to our comprehensive forestry database."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studying-girl-taking-books_23-2147678863.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
inputPlaceholder="Enter your student email"
|
||||
buttonText="Join Library"
|
||||
imageAlt="minimal office admin desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Ready to Learn?"
|
||||
title="Join the Digital Library"
|
||||
description="Sign up today to get immediate access to our comprehensive forestry database."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studying-girl-taking-books_23-2147678863.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
inputPlaceholder="Enter your student email"
|
||||
buttonText="Join Library"
|
||||
imageAlt="minimal office admin desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Categories",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Profile",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ForestryLib"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Dashboard", href: "#hero" }, { label: "Categories", href: "#features" }, { label: "Profile", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }, { label: "Help Center", href: "#" }] }
|
||||
]}
|
||||
logoText="ForestryLib"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user