bender/b2e5e39a-8403-4e59-8aa9-06dd86b4429b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-21 17:11:06 +00:00
Conversation 0 Commits 1 Files Changed 1 +50 -409
1 changed files with 50 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

459
src/app/page.tsx
View File

@@ -34,22 +34,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Overview",
id: "hero",
},
{
name: "Curriculum",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Overview", id: "hero" },
{ name: "Curriculum", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="MasteryHub"
/>
@@ -58,106 +46,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Master Your Craft with the Industry Leader"
description="Unlock exclusive insights from top influencers in the field. Join 50,000+ students taking the next step in their careers with our premium course."
testimonials={[
{
name: "Alex R.",
handle: "@alex_travels",
testimonial: "This course completely changed my approach to content creation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg?_wi=1",
},
{
name: "Jamie L.",
handle: "@jamie_dev",
testimonial: "The best investment I've made for my career this year.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/work-company-male-brick-wall-eye-glasses_1134-1249.jpg?_wi=1",
},
{
name: "Sarah P.",
handle: "@sarah_designs",
testimonial: "Actionable, clear, and incredibly inspiring.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg",
},
{
name: "Mark D.",
handle: "@mark_focus",
testimonial: "Changed my perspective on growth strategy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
},
{
name: "Elena K.",
handle: "@elena_pro",
testimonial: "Expert insights you won't find anywhere else.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",
},
{ name: "Alex R.", handle: "@alex_travels", testimonial: "This course completely changed my approach to content creation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg" },
{ name: "Jamie L.", handle: "@jamie_dev", testimonial: "The best investment I've made for my career this year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/work-company-male-brick-wall-eye-glasses_1134-1249.jpg" },
{ name: "Sarah P.", handle: "@sarah_designs", testimonial: "Actionable, clear, and incredibly inspiring.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg" },
{ name: "Mark D.", handle: "@mark_focus", testimonial: "Changed my perspective on growth strategy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
{ name: "Elena K.", handle: "@elena_pro", testimonial: "Expert insights you won't find anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg" }
]}
tag="Enrollment Open"
buttons={[
{
text: "Start Learning",
href: "#pricing",
},
{
text: "View Curriculum",
href: "#features",
},
{ text: "Start Learning", href: "#pricing" },
{ text: "View Curriculum", href: "#features" }
]}
imageSrc="http://img.b2bpic.net/free-photo/ai-startup-it-expert-arriving-office-with-laptop_482257-118688.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/ai-startup-it-expert-arriving-office-with-laptop_482257-118688.jpg"
imageAlt="online course instructor professional"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side-with-white-background_187299-40010.jpg",
alt: "User Profile Icon Front Side With White Background",
},
{
src: "http://img.b2bpic.net/free-photo/user-profile-icon-left-side_187299-44963.jpg",
alt: "User Profile Icon Left Side",
},
{
src: "http://img.b2bpic.net/free-photo/user-front-side-with-white-background_187299-40007.jpg",
alt: "User Front Side With White Background",
},
{
src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side_187299-39596.jpg",
alt: "User Profile Icon Front Side",
},
{
src: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatars-without-faces-set_23-2147542909.jpg",
alt: "Hand drawn people avatars without faces set",
},
]}
avatarText="Join 50,000+ students"
marqueeItems={[
{
type: "text",
text: "MasteryHub Certification",
},
{
type: "text",
text: "Industry Leading Curriculum",
},
{
type: "text",
text: "Expert-Led Modules",
},
{
type: "text",
text: "Lifetime Community Access",
},
{
type: "text",
text: "Practical Growth Strategies",
},
]}
/>
</div>
@@ -165,15 +70,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google",
"Adobe",
"Shopify",
"Meta",
"HubSpot",
"Notion",
"Slack",
]}
names={["Google", "Adobe", "Shopify", "Meta", "HubSpot", "Notion", "Slack"]}
title="Trusted by Professionals From"
description="Join a global community of ambitious professionals."
/>
@@ -196,80 +93,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Advanced Modules",
description: "Dive deep into core topics with expert instruction.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037261.jpg",
imageAlt: "futuristic tech icon glowing",
},
items: [
{
icon: Zap,
text: "Rapid skill acquisition",
},
{
icon: Shield,
text: "Lifetime access",
},
{
icon: Star,
text: "Advanced level tips",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/ai-startup-it-expert-arriving-office-with-laptop_482257-118688.jpg?_wi=2",
imageAlt: "futuristic tech icon glowing",
title: "Advanced Modules", description: "Dive deep into core topics with expert instruction.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037261.jpg", imageAlt: "futuristic tech icon glowing" },
items: [{ icon: Zap, text: "Rapid skill acquisition" }, { icon: Shield, text: "Lifetime access" }, { icon: Star, text: "Advanced level tips" }],
reverse: false
},
{
title: "Community Access",
description: "Join our private student community.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-flow-background_1048-12436.jpg",
imageAlt: "networking connection nodes glowing",
},
items: [
{
icon: Users,
text: "Network with peers",
},
{
icon: Award,
text: "Get feedback",
},
{
icon: MessageCircle,
text: "Direct support",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg?_wi=2",
imageAlt: "futuristic tech icon glowing",
title: "Community Access", description: "Join our private student community.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-flow-background_1048-12436.jpg", imageAlt: "networking connection nodes glowing" },
items: [{ icon: Users, text: "Network with peers" }, { icon: Award, text: "Get feedback" }, { icon: MessageCircle, text: "Direct support" }],
reverse: true
},
{
title: "Resources & Tools",
description: "Download our curated resource library.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teen-girl-looking-book-near-bookshelf_23-2147864149.jpg",
imageAlt: "digital files resources library",
},
items: [
{
icon: FileText,
text: "Templates included",
},
{
icon: Monitor,
text: "Interactive demos",
},
{
icon: CheckCircle,
text: "Checklists & guides",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/work-company-male-brick-wall-eye-glasses_1134-1249.jpg?_wi=2",
imageAlt: "futuristic tech icon glowing",
},
title: "Resources & Tools", description: "Download our curated resource library.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pretty-teen-girl-looking-book-near-bookshelf_23-2147864149.jpg", imageAlt: "digital files resources library" },
items: [{ icon: FileText, text: "Templates included" }, { icon: Monitor, text: "Interactive demos" }, { icon: CheckCircle, text: "Checklists & guides" }],
reverse: false
}
]}
title="Everything You Need to Succeed"
description="Comprehensive lessons covering every aspect of the industry."
@@ -283,48 +120,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Brand Strategy",
price: "$199",
variant: "Workshop",
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13075.jpg",
},
{
id: "p2",
name: "Content Growth",
price: "$149",
variant: "Workshop",
imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg",
},
{
id: "p3",
name: "Monetization 101",
price: "$299",
variant: "Workshop",
imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893461.jpg",
},
{
id: "p4",
name: "Copywriting Mastery",
price: "$199",
variant: "Workshop",
imageSrc: "http://img.b2bpic.net/free-photo/businessperson-writing-notepad-typing-laptop-office-desk_23-2147979151.jpg",
},
{
id: "p5",
name: "Video Production",
price: "$349",
variant: "Workshop",
imageSrc: "http://img.b2bpic.net/free-photo/scenes-young-vlogger-using-modern-technology-record-his-lifestyle-subscribers_482257-24890.jpg",
},
{
id: "p6",
name: "SEO Essentials",
price: "$129",
variant: "Workshop",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-line-job-search_169016-38606.jpg",
},
{ id: "p1", name: "Brand Strategy", price: "$199", variant: "Workshop", imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13075.jpg" },
{ id: "p2", name: "Content Growth", price: "$149", variant: "Workshop", imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg" },
{ id: "p3", name: "Monetization 101", price: "$299", variant: "Workshop", imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893461.jpg" },
{ id: "p4", name: "Copywriting Mastery", price: "$199", variant: "Workshop", imageSrc: "http://img.b2bpic.net/free-photo/businessperson-writing-notepad-typing-laptop-office-desk_23-2147979151.jpg" },
{ id: "p5", name: "Video Production", price: "$349", variant: "Workshop", imageSrc: "http://img.b2bpic.net/free-photo/scenes-young-vlogger-using-modern-technology-record-his-lifestyle-subscribers_482257-24890.jpg" },
{ id: "p6", name: "SEO Essentials", price: "$129", variant: "Workshop", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-line-job-search_169016-38606.jpg" }
]}
title="Explore Our Workshops"
description="Targeted workshops to master specific skills."
@@ -337,24 +138,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Users,
title: "Students",
value: "50k+",
},
{
id: "m2",
icon: Award,
title: "Certificates",
value: "45k",
},
{
id: "m3",
icon: TrendingUp,
title: "Growth Rate",
value: "85%",
},
{ id: "m1", icon: Users, title: "Students", value: "50k+" },
{ id: "m2", icon: Award, title: "Certificates", value: "45k" },
{ id: "m3", icon: TrendingUp, title: "Growth Rate", value: "85%" }
]}
title="Proven Results"
description="Our track record speaks for itself."
@@ -367,59 +153,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
tag: "Starter",
price: "$299",
period: "/one-time",
description: "For those just getting started.",
button: {
text: "Join Now",
href: "#",
},
featuresTitle: "Included:",
features: [
"Core Modules",
"Community Access",
"Resource Library",
],
},
{
id: "pro",
tag: "Popular",
price: "$599",
period: "/one-time",
description: "The complete mastery package.",
button: {
text: "Join Now",
href: "#",
},
featuresTitle: "Everything in Starter +:",
features: [
"1-on-1 Coaching",
"Private Q&A",
"Advanced Modules",
"Direct Feedback",
],
},
{
id: "enterprise",
tag: "Expert",
price: "$999",
period: "/one-time",
description: "Direct access for industry leaders.",
button: {
text: "Join Now",
href: "#",
},
featuresTitle: "Everything in Pro +:",
features: [
"VIP Networking",
"Weekly Strategy Calls",
"Custom Roadmap",
"Lifetime Updates",
],
},
{ id: "basic", tag: "Starter", price: "$299", period: "/one-time", description: "For those just getting started.", button: { text: "Join Now", href: "#" }, featuresTitle: "Included:", features: ["Core Modules", "Community Access", "Resource Library"] },
{ id: "pro", tag: "Popular", price: "$599", period: "/one-time", description: "The complete mastery package.", button: { text: "Join Now", href: "#" }, featuresTitle: "Everything in Starter +:", features: ["1-on-1 Coaching", "Private Q&A", "Advanced Modules", "Direct Feedback"] },
{ id: "enterprise", tag: "Expert", price: "$999", period: "/one-time", description: "Direct access for industry leaders.", button: { text: "Join Now", href: "#" }, featuresTitle: "Everything in Pro +:", features: ["VIP Networking", "Weekly Strategy Calls", "Custom Roadmap", "Lifetime Updates"] }
]}
title="Choose Your Path"
description="Simple, transparent pricing for everyone."
@@ -431,56 +167,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice T.",
date: "Jan 2024",
title: "Life Changing",
quote: "The best course I have ever taken.",
tag: "Grad",
avatarSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17665.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/virtual-classroom-study-space_23-2149178666.jpg",
},
{
id: "2",
name: "Bob R.",
date: "Feb 2024",
title: "Incredible Value",
quote: "Found a new career path thanks to this.",
tag: "Grad",
avatarSrc: "http://img.b2bpic.net/free-vector/anonymous-avatars-circle-multiple-colours_78370-5296.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-objects_23-2147982321.jpg",
},
{
id: "3",
name: "Charlie S.",
date: "Mar 2024",
title: "Highly Recommend",
quote: "Practical, clear, and very useful.",
tag: "Grad",
avatarSrc: "http://img.b2bpic.net/free-photo/young-person-holding-ring-valentines_1048-17898.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/scenes-people-work_23-2151895520.jpg",
},
{
id: "4",
name: "David W.",
date: "Apr 2024",
title: "Expert Knowledge",
quote: "The curriculum is industry-leading.",
tag: "Grad",
avatarSrc: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side_187299-39692.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200181.jpg",
},
{
id: "5",
name: "Emma L.",
date: "May 2024",
title: "Great Experience",
quote: "Beyond my expectations.",
tag: "Grad",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149178089.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/empty-classroom-desk-with-books-pencils_9975-23856.jpg",
},
{ id: "1", name: "Alice T.", date: "Jan 2024", title: "Life Changing", quote: "The best course I have ever taken.", tag: "Grad", avatarSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17665.jpg", imageSrc: "http://img.b2bpic.net/free-photo/virtual-classroom-study-space_23-2149178666.jpg" },
{ id: "2", name: "Bob R.", date: "Feb 2024", title: "Incredible Value", quote: "Found a new career path thanks to this.", tag: "Grad", avatarSrc: "http://img.b2bpic.net/free-vector/anonymous-avatars-circle-multiple-colours_78370-5296.jpg", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-objects_23-2147982321.jpg" },
{ id: "3", name: "Charlie S.", date: "Mar 2024", title: "Highly Recommend", quote: "Practical, clear, and very useful.", tag: "Grad", avatarSrc: "http://img.b2bpic.net/free-photo/young-person-holding-ring-valentines_1048-17898.jpg", imageSrc: "http://img.b2bpic.net/free-photo/scenes-people-work_23-2151895520.jpg" },
{ id: "4", name: "David W.", date: "Apr 2024", title: "Expert Knowledge", quote: "The curriculum is industry-leading.", tag: "Grad", avatarSrc: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side_187299-39692.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200181.jpg" },
{ id: "5", name: "Emma L.", date: "May 2024", title: "Great Experience", quote: "Beyond my expectations.", tag: "Grad", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149178089.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-classroom-desk-with-books-pencils_9975-23856.jpg" }
]}
title="What Our Students Say"
description="Success stories from real people."
@@ -492,25 +183,14 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Can I access this on mobile?",
content: "Yes, everything is mobile-friendly.",
},
{
id: "q2",
title: "Is there a refund policy?",
content: "We offer a 14-day money-back guarantee.",
},
{
id: "q3",
title: "Do I get a certificate?",
content: "Yes, upon course completion.",
},
{ id: "q1", title: "Can I access this on mobile?", content: "Yes, everything is mobile-friendly." },
{ id: "q2", title: "Is there a refund policy?", content: "We offer a 14-day money-back guarantee." },
{ id: "q3", title: "Do I get a certificate?", content: "Yes, upon course completion." }
]}
title="Frequently Asked Questions"
description="Answers to common concerns."
faqsAnimation="slide-up"
textboxLayout="default"
/>
</div>
@@ -520,25 +200,10 @@ export default function LandingPage() {
title="Ready to Get Started?"
description="Have questions? Drop us a message."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/anonymous-woman-drinking-using-laptop-cafe_23-2147785328.jpg"
imageAlt="modern office contact background"
/>
@@ -547,32 +212,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Terms", href: "#" }] }
]}
bottomLeftText="© 2024 MasteryHub"
bottomRightText="All rights reserved."