Merge version_1 into main #2
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ToolsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,150 +22,81 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Subjects",
|
||||
id: "/subjects",
|
||||
},
|
||||
{
|
||||
name: "Study Tools",
|
||||
id: "/tools",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
]}
|
||||
brandName="LearnHub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Subjects", id: "/subjects" },
|
||||
{ name: "Study Tools", id: "/tools" },
|
||||
{ name: "Community", id: "/community" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
]}
|
||||
brandName="LearnHub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tools-body" data-section="tools-body">
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "quiz",
|
||||
title: "Quizzes",
|
||||
descriptions: [
|
||||
"Test your knowledge.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-math-numbers-with-notebook-calculator_23-2148416133.jpg",
|
||||
},
|
||||
{
|
||||
id: "cards",
|
||||
title: "Flashcards",
|
||||
descriptions: [
|
||||
"Memorize key concepts.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/diary-writing-instrument-set_1284-12816.jpg",
|
||||
},
|
||||
{
|
||||
id: "planner",
|
||||
title: "Study Planner",
|
||||
descriptions: [
|
||||
"Organize your schedule.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-miscellaneous-doodle-drawing-illustration_23-2150528875.jpg",
|
||||
},
|
||||
]}
|
||||
title="Study Tools"
|
||||
description="Enhance your focus with these interactive resources."
|
||||
/>
|
||||
</div>
|
||||
<div id="tools-body" data-section="tools-body">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "quiz", title: "Quizzes", descriptions: ["Test your knowledge."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-math-numbers-with-notebook-calculator_23-2148416133.jpg"},
|
||||
{
|
||||
id: "cards", title: "Flashcards", descriptions: ["Memorize key concepts."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/diary-writing-instrument-set_1284-12816.jpg"},
|
||||
{
|
||||
id: "planner", title: "Study Planner", descriptions: ["Organize your schedule."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-miscellaneous-doodle-drawing-illustration_23-2150528875.jpg"},
|
||||
]}
|
||||
title="Study Tools"
|
||||
description="Enhance your focus with these interactive resources."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Tool Access"
|
||||
description="Unlock advanced tools."
|
||||
plans={[
|
||||
{
|
||||
id: "t1",
|
||||
badge: "Basic",
|
||||
price: "$0",
|
||||
subtitle: "Free tools",
|
||||
buttons: [
|
||||
{
|
||||
text: "Use Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Standard Planner",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
badge: "Premium",
|
||||
price: "$10",
|
||||
subtitle: "Full Suite",
|
||||
buttons: [
|
||||
{
|
||||
text: "Unlock",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Smart Flashcards",
|
||||
"AI Quizzes",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Tool Access"
|
||||
description="Unlock advanced tools."
|
||||
plans={[
|
||||
{
|
||||
id: "t1", badge: "Basic", price: "$0", subtitle: "Free tools", buttons: [{ text: "Use Now", href: "#" }],
|
||||
features: ["Standard Planner"],
|
||||
},
|
||||
{
|
||||
id: "t2", badge: "Premium", price: "$10", subtitle: "Full Suite", buttons: [{ text: "Unlock", href: "#" }],
|
||||
features: ["Smart Flashcards", "AI Quizzes"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Subjects",
|
||||
href: "/subjects",
|
||||
},
|
||||
{
|
||||
label: "Tools",
|
||||
href: "/tools",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "/community",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LearnHub"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Subjects", href: "/subjects" },
|
||||
{ label: "Tools", href: "/tools" },
|
||||
{ label: "Community", href: "/community" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LearnHub"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user