bender/7cdb7593-c6e9-48b5-bd1f-2617686a641e
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-09 11:31:56 +00:00
Conversation 0 Commits 1 Files Changed 1 +44 -201
1 changed files with 44 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Courses",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Courses", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="CodeMastery"
/>
@@ -53,48 +41,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Master Programming from Scratch"
description="Unlock your potential with expert-led courses in Python, JavaScript, AI, and more. Join thousands of developers building the future."
buttons={[
{
text: "Get Started",
href: "#features",
},
]}
buttons={[{ text: "Get Started", href: "#features" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg?_wi=1",
imageAlt: "Code Dashboard",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg?_wi=1",
imageAlt: "Digital Tech Background",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=1",
imageAlt: "IDE Interface",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=1",
imageAlt: "Data Flow",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg?_wi=1",
imageAlt: "Developer Setup",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg?_wi=1",
imageAlt: "Abstract Geometry",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg", imageAlt: "Code Dashboard" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg", imageAlt: "Digital Tech Background" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg", imageAlt: "IDE Interface" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg", imageAlt: "Data Flow" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg", imageAlt: "Developer Setup" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg", imageAlt: "Abstract Geometry" },
]}
/>
</div>
@@ -103,19 +60,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Built for the ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/female-team-choosing-designs-computer_482257-121406.jpg",
alt: "Collaborative Team",
},
{
type: "text",
content: " next generation of world-class engineers.",
},
{ type: "text", content: "Built for the " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-team-choosing-designs-computer_482257-121406.jpg", alt: "Collaborative Team" },
{ type: "text", content: " next generation of world-class engineers." },
]}
/>
</div>
@@ -123,48 +70,24 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "Foundation Building",
description: "Start with core logic and algorithms using Python/C++.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg?_wi=2",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg?_wi=3",
imageAlt: "software dashboard analytics ui",
},
{
title: "Fullstack Mastery",
description: "Learn modern frameworks like React, Node.js, and TypeScript.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=2",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg?_wi=3",
imageAlt: "digital network tech background",
},
{
title: "Advanced Engineering",
description: "Master system design, scaling, and database architecture.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg?_wi=2",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=3",
imageAlt: "code editor modern ui",
},
]}
animationType="slide-up"
showStepNumbers={true}
title="Comprehensive Learning Path"
description="We offer structured courses tailored to industry standards, covering everything from fundamentals to advanced systems design."
features={[
{
title: "Foundation Building", description: "Start with core logic and algorithms using Python/C++.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg" },
},
{
title: "Fullstack Mastery", description: "Learn modern frameworks like React, Node.js, and TypeScript.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg" },
},
{
title: "Advanced Engineering", description: "Master system design, scaling, and database architecture.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg" },
},
]}
/>
</div>
@@ -174,54 +97,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "pro-1",
title: "Essentials",
price: "$29",
period: "/mo",
features: [
"Fundamentals",
"Video Lectures",
"Community Support",
],
button: {
text: "Join Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=3",
imageAlt: "digital data stream flow",
},
{
id: "pro-2",
title: "Professional",
price: "$59",
period: "/mo",
features: [
"Everything in Essentials",
"Projects",
"Mentorship",
],
button: {
text: "Join Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg?_wi=3",
imageAlt: "developer working laptop",
},
{
id: "pro-3",
title: "Enterprise",
price: "$129",
period: "/mo",
features: [
"Everything in Professional",
"Team access",
"Priority Support",
],
button: {
text: "Contact Us",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg?_wi=3",
imageAlt: "abstract tech geometry blue",
},
{ id: "pro-1", title: "Essentials", price: "$29", period: "/mo", features: ["Fundamentals", "Video Lectures", "Community Support"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg", imageAlt: "digital data stream flow" },
{ id: "pro-2", title: "Professional", price: "$59", period: "/mo", features: ["Everything in Essentials", "Projects", "Mentorship"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg", imageAlt: "developer working laptop" },
{ id: "pro-3", title: "Enterprise", price: "$129", period: "/mo", features: ["Everything in Professional", "Team access", "Priority Support"], button: { text: "Contact Us" }, imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg", imageAlt: "abstract tech geometry blue" },
]}
title="Flexible Learning Options"
description="Simple plans for every stage of your coding journey."
@@ -234,21 +112,9 @@ export default function LandingPage() {
title="Impact by the Numbers"
tag="Our Growth"
metrics={[
{
id: "m1",
value: "50k+",
description: "Active Learners",
},
{
id: "m2",
value: "200+",
description: "Expert Instructors",
},
{
id: "m3",
value: "95%",
description: "Employment Rate",
},
{ id: "m1", value: "50k+", description: "Active Learners" },
{ id: "m2", value: "200+", description: "Expert Instructors" },
{ id: "m3", value: "95%", description: "Employment Rate" },
]}
metricsAnimation="slide-up"
/>
@@ -261,26 +127,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Chen"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/happy-mixed-race-man-with-glad-facial-expression-chats-mobile-phone-connected-wireless-internet-models-against-cafe-interior-has-toothy-smile-wears-casual-t-shirt-optical-glasses-blogging_273609-29639.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-sitting-office_1170-1038.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-with-notebook-double-color-exposure-effect_53876-104900.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/happy-mixed-race-man-with-glad-facial-expression-chats-mobile-phone-connected-wireless-internet-models-against-cafe-interior-has-toothy-smile-wears-casual-t-shirt-optical-glasses-blogging_273609-29639.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/male-graphic-designer-sitting-office_1170-1038.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/businessman-with-notebook-double-color-exposure-effect_53876-104900.jpg", alt: "User 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -290,9 +141,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Stay Updated"
title="Start Your Journey"
description="Subscribe to our newsletter and get weekly programming tips delivered to your inbox."
@@ -304,14 +153,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="CodeMastery"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>