Merge version_1 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Blog", id: "blog"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ModForge"
|
||||
/>
|
||||
@@ -57,51 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Master the Craft of Minecraft Modding"
|
||||
description="Unlock infinite possibilities. Build custom entities, biomes, and server logic with the most advanced Minecraft modding platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Developing",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Developing", href: "#contact"},
|
||||
{
|
||||
text: "View Documentation",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Documentation", href: "#features"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128059.jpg?_wi=1",
|
||||
imageAlt: "Modding Station",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128059.jpg", imageAlt: "Modding Station"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/river-landscape-illustration-pixel-art-style_23-2151793132.jpg?_wi=1",
|
||||
imageAlt: "Digital Landscape",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/river-landscape-illustration-pixel-art-style_23-2151793132.jpg", imageAlt: "Digital Landscape"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=1",
|
||||
imageAlt: "Coding IDE",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "Coding IDE"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128032.jpg",
|
||||
imageAlt: "3D Asset",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128032.jpg", imageAlt: "3D Asset"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-colorful-techno-lights-creating-cool-shapes-cool-background_181624-19814.jpg",
|
||||
imageAlt: "Modded World",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-colorful-techno-lights-creating-cool-shapes-cool-background_181624-19814.jpg", imageAlt: "Modded World"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-95318.jpg",
|
||||
imageAlt: "Forum Interface",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-95318.jpg", imageAlt: "Forum Interface"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,17 +83,11 @@ export default function LandingPage() {
|
||||
description="We understand the pain points of Minecraft modding. Our platform simplifies the build process, deployment, and asset management so you can focus on building the game you envision."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Integrated Pipeline",
|
||||
description: "Seamlessly integrate your code with our optimized build server.",
|
||||
},
|
||||
title: "Integrated Pipeline", description: "Seamlessly integrate your code with our optimized build server."},
|
||||
{
|
||||
title: "Community Assets",
|
||||
description: "Access thousands of pre-made assets and modules to jumpstart development.",
|
||||
},
|
||||
title: "Community Assets", description: "Access thousands of pre-made assets and modules to jumpstart development."},
|
||||
{
|
||||
title: "Advanced API",
|
||||
description: "Fully documented, clean API for custom logic implementation.",
|
||||
},
|
||||
title: "Advanced API", description: "Fully documented, clean API for custom logic implementation."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-gamer-playing-computer_23-2149829145.jpg"
|
||||
/>
|
||||
@@ -137,49 +100,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Visual Editor",
|
||||
description: "Drag and drop voxel building tools with real-time feedback.",
|
||||
icon: Edit3,
|
||||
title: "Visual Editor", description: "Drag and drop voxel building tools with real-time feedback.", icon: Edit3,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-producing-computer-hardware-25-flat-color-icon-pack-including-directors-chair-movie-lady-character_1142-24873.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-producing-computer-hardware-25-flat-color-icon-pack-including-directors-chair-movie-lady-character_1142-24873.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269912.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269912.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128059.jpg?_wi=2",
|
||||
imageAlt: "game editing icon",
|
||||
},
|
||||
{
|
||||
title: "Server Analytics",
|
||||
description: "Track player performance and game metrics with our live dashboard.",
|
||||
icon: BarChart2,
|
||||
title: "Server Analytics", description: "Track player performance and game metrics with our live dashboard.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/river-landscape-illustration-pixel-art-style_23-2151793132.jpg?_wi=2",
|
||||
imageAlt: "game editing icon",
|
||||
},
|
||||
{
|
||||
title: "CI/CD Integration",
|
||||
description: "Automated deployments for all your custom mods.",
|
||||
icon: Zap,
|
||||
title: "CI/CD Integration", description: "Automated deployments for all your custom mods.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side_187299-39535.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side_187299-39535.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pc-data-center-managing-network-resources-using-node-tree-software_482257-126003.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pc-data-center-managing-network-resources-using-node-tree-software_482257-126003.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg?_wi=2",
|
||||
imageAlt: "game editing icon",
|
||||
},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
@@ -195,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500k+",
|
||||
description: "Mods Published",
|
||||
},
|
||||
id: "m1", value: "500k+", description: "Mods Published"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.1M",
|
||||
description: "Active Developers",
|
||||
},
|
||||
id: "m2", value: "2.1M", description: "Active Developers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Server Uptime",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Server Uptime"},
|
||||
]}
|
||||
title="Driving Global Impact"
|
||||
description="Used by developers across the globe to reach millions of players."
|
||||
@@ -223,33 +159,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
role: "Lead Developer",
|
||||
description: "Modding architect with 10 years of game dev experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entertainer-unpacking-mobile-phone-review-it-technology-online-channel_482257-121555.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", role: "Lead Developer", description: "Modding architect with 10 years of game dev experience.", imageSrc: "http://img.b2bpic.net/free-photo/entertainer-unpacking-mobile-phone-review-it-technology-online-channel_482257-121555.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Lee",
|
||||
role: "Voxel Artist",
|
||||
description: "Creator of hundreds of game textures and custom assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-patient-asking-her-physician-about-new-treatment-plan_482257-117646.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan Lee", role: "Voxel Artist", description: "Creator of hundreds of game textures and custom assets.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-patient-asking-her-physician-about-new-treatment-plan_482257-117646.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Taylor",
|
||||
role: "Server Engineer",
|
||||
description: "Specialist in large-scale server infrastructure optimization.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-operator-prevents-servers-overload_482257-75899.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam Taylor", role: "Server Engineer", description: "Specialist in large-scale server infrastructure optimization.", imageSrc: "http://img.b2bpic.net/free-photo/it-operator-prevents-servers-overload_482257-75899.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jamie Reed",
|
||||
role: "Product Designer",
|
||||
description: "Building intuitive UI for complex game development tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-caucasian-man-using-pc-setup-playing-multiplayer-online-action-game-talking-team-headset-gamer-streaming-fast-paced-space-shooter-while-explaining-gameplay-subscribers_482257-50437.jpg",
|
||||
},
|
||||
id: "t4", name: "Jamie Reed", role: "Product Designer", description: "Building intuitive UI for complex game development tools.", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-caucasian-man-using-pc-setup-playing-multiplayer-online-action-game-talking-team-headset-gamer-streaming-fast-paced-space-shooter-while-explaining-gameplay-subscribers_482257-50437.jpg"},
|
||||
]}
|
||||
title="Meet the Core Team"
|
||||
description="Our team is composed of passionate Minecraft enthusiasts and expert software engineers."
|
||||
@@ -263,45 +179,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahdev",
|
||||
testimonial: "The best platform for Minecraft modding. Simplified everything for my team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142688.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahdev", testimonial: "The best platform for Minecraft modding. Simplified everything for my team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142688.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "I love the CI/CD integration, it saved me hours of manual labor every week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-standing-office-with-laptop_1157-33379.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "I love the CI/CD integration, it saved me hours of manual labor every week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-standing-office-with-laptop_1157-33379.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Community resources are top notch. I wouldn't be where I am today without them.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-smiling_1170-889.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Community resources are top notch. I wouldn't be where I am today without them.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-smiling_1170-889.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Fastest dashboard for tracking server analytics I've ever used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-holding-network-graphic-overlay-banner_53876-122578.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Fastest dashboard for tracking server analytics I've ever used.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-holding-network-graphic-overlay-banner_53876-122578.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Wong",
|
||||
handle: "@awong",
|
||||
testimonial: "Amazing support team! They really care about the developers in this space.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-male-executive-gesturing-copy-space-while-making-eye-contact-studio_662251-786.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Wong", handle: "@awong", testimonial: "Amazing support team! They really care about the developers in this space.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-male-executive-gesturing-copy-space-while-making-eye-contact-studio_662251-786.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Developers"
|
||||
@@ -315,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need coding experience?",
|
||||
content: "While some Java knowledge is helpful, we provide tools for beginners and experts alike.",
|
||||
},
|
||||
id: "f1", title: "Do I need coding experience?", content: "While some Java knowledge is helpful, we provide tools for beginners and experts alike."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it free to start?",
|
||||
content: "Yes, our community tier provides everything you need to start modding for free.",
|
||||
},
|
||||
id: "f2", title: "Is it free to start?", content: "Yes, our community tier provides everything you need to start modding for free."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where can I share my mods?",
|
||||
content: "We offer a built-in marketplace for every member to publish their creations.",
|
||||
},
|
||||
id: "f3", title: "Where can I share my mods?", content: "We offer a built-in marketplace for every member to publish their creations."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to all your modding questions."
|
||||
@@ -345,35 +227,11 @@ export default function LandingPage() {
|
||||
description="Stay up to date with new APIs, server updates, and modding best practices."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tutorials",
|
||||
title: "Building Custom Biomes",
|
||||
excerpt: "Deep dive into biome architecture in Minecraft using our new tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-happy-man-gamer-wining-first-person-shooter-video-game-playing-powerful-personal-computer-online-streaming-cyber-performing-gaming-tournament-using-technology-network-wireless_482257-12470.jpg",
|
||||
authorName: "Alex Smith",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "b1", category: "Tutorials", title: "Building Custom Biomes", excerpt: "Deep dive into biome architecture in Minecraft using our new tools.", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-happy-man-gamer-wining-first-person-shooter-video-game-playing-powerful-personal-computer-online-streaming-cyber-performing-gaming-tournament-using-technology-network-wireless_482257-12470.jpg", authorName: "Alex Smith", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Best Practices",
|
||||
title: "Scaling Your Server",
|
||||
excerpt: "Learn how to optimize server performance when using complex custom mods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-dice-with-flowers_23-2151045385.jpg",
|
||||
authorName: "Sam Taylor",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
|
||||
date: "Oct 05, 2024",
|
||||
},
|
||||
id: "b2", category: "Best Practices", title: "Scaling Your Server", excerpt: "Learn how to optimize server performance when using complex custom mods.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-dice-with-flowers_23-2151045385.jpg", authorName: "Sam Taylor", authorAvatar: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg", date: "Oct 05, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "API News",
|
||||
title: "Java API V4 Update",
|
||||
excerpt: "What's new in our latest API release for developers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0rud62",
|
||||
authorName: "Jordan Lee",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269896.jpg",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
id: "b3", category: "API News", title: "Java API V4 Update", excerpt: "What's new in our latest API release for developers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0rud62", authorName: "Jordan Lee", authorAvatar: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269896.jpg", date: "Sep 28, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -382,8 +240,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Modding Hub"
|
||||
description="Subscribe to get the latest tutorials and community news delivered to your inbox."
|
||||
@@ -395,50 +252,31 @@ export default function LandingPage() {
|
||||
logoText="ModForge"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "API Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "API Documentation", href: "#"},
|
||||
{
|
||||
label: "Forums",
|
||||
href: "#",
|
||||
},
|
||||
label: "Forums", href: "#"},
|
||||
{
|
||||
label: "Asset Marketplace",
|
||||
href: "#",
|
||||
},
|
||||
label: "Asset Marketplace", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user