Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3d84977f39 | |||
| 9feac023f3 | |||
| 3a7a717245 | |||
| 7fd77c8414 |
245
src/app/page.tsx
245
src/app/page.tsx
@@ -2,20 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { BarChart2, Edit3, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GamingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -33,44 +30,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Blog", id: "blog"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Getting Started", id: "hero" },
|
||||
{ name: "Fabric Features", id: "features" },
|
||||
{ name: "Modding API", id: "about" },
|
||||
{ name: "Community", id: "team" }
|
||||
]}
|
||||
brandName="ModForge"
|
||||
brandName="FabricForge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
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."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Master the Fabric Modding Ecosystem"
|
||||
description="Build lightweight, high-performance mods for modern Minecraft versions. Join the thriving Fabric community and start creating your own game experience today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Developing", href: "#contact"},
|
||||
{
|
||||
text: "View Documentation", href: "#features"},
|
||||
{ text: "Get Started", href: "#features" },
|
||||
{ text: "View Docs", href: "#contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
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", imageAlt: "Digital Landscape"},
|
||||
{
|
||||
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: "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: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128059.jpg", imageAlt: "Modded Gameplay" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/river-landscape-illustration-pixel-art-style_23-2151793132.jpg", imageAlt: "Pixel Art World" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "Code IDE" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128032.jpg", imageAlt: "Game Assets" },
|
||||
{ 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: "Techno Lights" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-95318.jpg", imageAlt: "Modding Community" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,15 +63,12 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Built for Developers, By Developers"
|
||||
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."
|
||||
title="Why Choose Fabric?"
|
||||
description="Fabric is a lightweight, modular modding toolchain for Minecraft. It offers faster update times, a cleaner development experience, and modular design that lets you use only the features you need."
|
||||
bulletPoints={[
|
||||
{
|
||||
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: "Advanced API", description: "Fully documented, clean API for custom logic implementation."},
|
||||
{ title: "Blazing Fast Updates", description: "Fabric updates almost instantly with new game snapshots." },
|
||||
{ title: "Modular Design", description: "Easily mix and match modding components." },
|
||||
{ title: "Rich API Ecosystem", description: "Access a wide range of APIs for rendering, networking, and game logic." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-gamer-playing-computer_23-2149829145.jpg"
|
||||
/>
|
||||
@@ -100,189 +81,85 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Visual Editor", description: "Drag and drop voxel building tools with real-time feedback.", icon: Edit3,
|
||||
title: "Advanced Mod Loader", description: "Lightning-fast load times for all your custom modifications.", icon: Zap,
|
||||
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-photo/person-working-animation-porject_23-2149269912.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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Server Analytics", description: "Track player performance and game metrics with our live dashboard.", icon: BarChart2,
|
||||
title: "Voxel Rendering API", description: "State-of-the-art rendering tools for custom biomes and structures.", icon: Edit3,
|
||||
mediaItems: [
|
||||
{
|
||||
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/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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "CI/CD Integration", description: "Automated deployments for all your custom mods.", icon: Zap,
|
||||
title: "WorldGen Tools", description: "Create unique terrain generation without complex setup.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
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/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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to turn your game ideas into reality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500k+", description: "Mods Published"},
|
||||
{
|
||||
id: "m2", value: "2.1M", description: "Active Developers"},
|
||||
{
|
||||
id: "m3", value: "99.9%", description: "Server Uptime"},
|
||||
]}
|
||||
title="Driving Global Impact"
|
||||
description="Used by developers across the globe to reach millions of players."
|
||||
title="Fabric Features"
|
||||
description="Unlock the full potential of your modding creativity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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"},
|
||||
title="Core Contributors"
|
||||
description="Meet the passionate individuals keeping the Fabric ecosystem healthy and thriving."
|
||||
members={[
|
||||
{ id: "1", name: "Alex Smith", role: "Loader Architect", description: "Dedicated to low-level optimization and game performance.", imageSrc: "http://img.b2bpic.net/free-photo/entertainer-unpacking-mobile-phone-review-it-technology-online-channel_482257-121555.jpg" },
|
||||
{ id: "2", name: "Jordan Lee", role: "Documentation Lead", description: "Ensuring every API function is well-documented for developers.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-patient-asking-her-physician-about-new-treatment-plan_482257-117646.jpg" },
|
||||
{ id: "3", name: "Sam Taylor", role: "Server Expert", description: "Building tools for stable, efficient server modding.", imageSrc: "http://img.b2bpic.net/free-photo/it-operator-prevents-servers-overload_482257-75899.jpg" },
|
||||
{ id: "4", name: "Jamie Reed", role: "Asset Lead", description: "Managing the massive collection of community mods.", 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" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Developers"
|
||||
description="Join our community of thousands who create amazing content daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Fabric Modding FAQ"
|
||||
description="Common questions about the Fabric toolchain."
|
||||
faqs={[
|
||||
{ id: "1", title: "Is Fabric compatible with Forge?", content: "Fabric and Forge are distinct ecosystems. Mods for one will not run natively on the other, though bridges are available." },
|
||||
{ id: "2", title: "How hard is it to switch?", content: "Fabric's modern approach makes it easy to learn for anyone with basic Java skills." },
|
||||
{ id: "3", title: "Where to download?", content: "Visit the official Fabric website for the latest launcher and installer." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to all your modding questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Modding Insights"
|
||||
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: "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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Connect"
|
||||
title="Join our Hub"
|
||||
description="Sign up to stay updated on the latest Fabric developments and news."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ModForge"
|
||||
logoText="FabricForge"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "API Documentation", href: "#"},
|
||||
{
|
||||
label: "Forums", href: "#"},
|
||||
{
|
||||
label: "Asset Marketplace", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Fabric", items: [{ label: "Home", href: "#" }, { label: "Download", href: "#" }] },
|
||||
{ title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Forum", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "#" }, { label: "API Reference", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user