Merge version_1 into main #1

Merged
bender merged 4 commits from version_1 into main 2026-04-16 23:01:22 +00:00
4 changed files with 198 additions and 482 deletions

View File

@@ -7,7 +7,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,124 +22,59 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Catalog",
id: "/catalog",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="LearnMaster"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="LearnMaster"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Our Mission"
description="Empowering students worldwide."
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Our Mission"
description="Empowering students worldwide."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="The Leadership"
description="The team behind the platform."
members={[
{
id: "mem1",
name: "Alice CEO",
role: "Founder",
imageSrc: "http://img.b2bpic.net/free-photo/good-mood-work_329181-14569.jpg",
},
{
id: "mem2",
name: "Bob CTO",
role: "Engineering",
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="The Leadership"
description="The team behind the platform."
members={[
{
id: "mem1", name: "Alice CEO", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/good-mood-work_329181-14569.jpg"},
{
id: "mem2", name: "Bob CTO", role: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Careers",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Courses",
items: [
{
label: "Business",
href: "/catalog",
},
{
label: "Technology",
href: "/catalog",
},
{
label: "Design",
href: "/catalog",
},
],
},
{
title: "Support",
items: [
{
label: "Help",
href: "/contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
{ title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -7,7 +7,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
export default function LandingPage() {
export default function CatalogPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,136 +22,59 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Catalog",
id: "/catalog",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="LearnMaster"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="LearnMaster"
/>
</div>
<div id="product" data-section="product">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Full Catalog"
description="Browse our complete library of courses."
products={[
{
id: "p1",
name: "Intro to Coding",
price: "$99",
variant: "Beginner",
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040421.jpg",
},
{
id: "p2",
name: "AI Basics",
price: "$129",
variant: "Intermediate",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",
},
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Full Catalog"
description="Browse our complete library of courses."
products={[
{ id: "p1", name: "Intro to Coding", price: "$99", variant: "Beginner", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040421.jpg" },
{ id: "p2", name: "AI Basics", price: "$129", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg" },
{ id: "p3", name: "Advanced Dev", price: "$199", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-635.jpg" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Filter by Expertise"
description="Narrow down your search by skill level."
buttons={[
{
text: "Beginner",
href: "#",
},
{
text: "Advanced",
href: "#",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Filter by Expertise"
description="Narrow down your search by skill level."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
]}
buttons={[{ text: "Beginner", href: "#" }, { text: "Advanced", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Careers",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Courses",
items: [
{
label: "Business",
href: "/catalog",
},
{
label: "Technology",
href: "/catalog",
},
{
label: "Design",
href: "/catalog",
},
],
},
{
title: "Support",
items: [
{
label: "Help",
href: "/contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
{ title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,127 +22,56 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Catalog",
id: "/catalog",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="LearnMaster"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="LearnMaster"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Contact Us"
description="We are here to help you."
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Contact Us"
description="We are here to help you."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Support Channels"
description="Reach out whenever you need."
features={[
{
id: "c1",
label: "Email",
title: "Support",
items: [
"support@learn.com",
],
},
{
id: "c2",
label: "Call",
title: "Phone",
items: [
"+1-800-LEARN",
],
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Support Channels"
description="Reach out whenever you need."
features={[
{ id: "c1", label: "Email", title: "Support", items: ["support@learn.com"] },
{ id: "c2", label: "Call", title: "Phone", items: ["+1-800-LEARN"] }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Careers",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Courses",
items: [
{
label: "Business",
href: "/catalog",
},
{
label: "Technology",
href: "/catalog",
},
{
label: "Design",
href: "/catalog",
},
],
},
{
title: "Support",
items: [
{
label: "Help",
href: "/contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
{ title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,127 +22,56 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Catalog",
id: "/catalog",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="LearnMaster"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="LearnMaster"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Choose Your Plan"
description="Get unlimited access to all courses."
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Choose Your Plan"
description="Get unlimited access to all courses."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Member Benefits"
description="Why choose our premium plans?"
features={[
{
id: "ben1",
label: "Access",
title: "Everything",
items: [
"All access.",
],
},
{
id: "ben2",
label: "Support",
title: "Premium",
items: [
"24/7 support.",
],
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Member Benefits"
description="Why choose our premium plans?"
features={[
{ id: "ben1", label: "Access", title: "Everything", items: ["All access."] },
{ id: "ben2", label: "Support", title: "Premium", items: ["24/7 support."] }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Careers",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Courses",
items: [
{
label: "Business",
href: "/catalog",
},
{
label: "Technology",
href: "/catalog",
},
{
label: "Design",
href: "/catalog",
},
],
},
{
title: "Support",
items: [
{
label: "Help",
href: "/contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LearnMaster"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
{ title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
]}
copyrightText="© 2024 LearnMaster. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);