Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Guides",
|
||||
id: "#guides",
|
||||
},
|
||||
name: "Guides", id: "#guides"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#community",
|
||||
},
|
||||
name: "Community", id: "#community"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="MineGuides"
|
||||
/>
|
||||
@@ -55,82 +47,53 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Master Minecraft. Build. Survive. Thrive."
|
||||
description="From first night survival to advanced redstone engineering—find every guide, tip, and strategy you need. Level up your game today."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Guides Shared",
|
||||
},
|
||||
value: "500+", label: "Guides Shared"},
|
||||
{
|
||||
value: "100k+",
|
||||
label: "Active Players",
|
||||
},
|
||||
value: "100k+", label: "Active Players"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Expert Support",
|
||||
},
|
||||
value: "24/7", label: "Expert Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Guide",
|
||||
href: "#guides",
|
||||
},
|
||||
text: "Start Your Guide", href: "#guides"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199989.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199989.jpg"
|
||||
imageAlt="Minecraft World Exploration"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/8-bits-character-heads-gaming-assets_23-2151143631.jpg",
|
||||
alt: "Gamer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/8-bits-character-heads-gaming-assets_23-2151143631.jpg", alt: "Gamer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
alt: "Gamer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Gamer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/8-bits-fisherman-characters-gaming-assets_23-2151143750.jpg",
|
||||
alt: "Gamer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/8-bits-fisherman-characters-gaming-assets_23-2151143750.jpg", alt: "Gamer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204940.jpg",
|
||||
alt: "Gamer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204940.jpg", alt: "Gamer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg",
|
||||
alt: "Gamer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg", alt: "Gamer 5"},
|
||||
]}
|
||||
avatarText="Join 100k+ players"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Survival",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Survival", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Redstone",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Redstone", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Building",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Building", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Farming",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Farming", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Community", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -141,24 +104,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Ultimate ",
|
||||
},
|
||||
type: "text", content: "Your Ultimate "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-details_23-2149413406.jpg",
|
||||
alt: "Crafting",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-details_23-2149413406.jpg", alt: "Crafting"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Hub for Minecraft Mastery",
|
||||
},
|
||||
type: "text", content: " Hub for Minecraft Mastery"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Mechanics",
|
||||
href: "#mechanics",
|
||||
},
|
||||
text: "Explore Mechanics", href: "#mechanics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,72 +124,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Survival Guides",
|
||||
description: "Expert tips for surviving your first night and beyond.",
|
||||
icon: Shield,
|
||||
title: "Survival Guides", description: "Expert tips for surviving your first night and beyond.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-archery-direction-icon-symbol_53876-14258.jpg?_wi=1",
|
||||
imageAlt: "Survival",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-archery-direction-icon-symbol_53876-14258.jpg", imageAlt: "Survival"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-archery-direction-icon-symbol_53876-14258.jpg?_wi=2",
|
||||
imageAlt: "Survival Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-archery-direction-icon-symbol_53876-14258.jpg", imageAlt: "Survival Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199989.jpg?_wi=2",
|
||||
imageAlt: "minecraft landscape isometric",
|
||||
},
|
||||
{
|
||||
title: "Advanced Building",
|
||||
description: "Step-by-step blueprints for epic structures.",
|
||||
icon: Sparkles,
|
||||
title: "Advanced Building", description: "Step-by-step blueprints for epic structures.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-3d-rendering-design_23-2150505830.jpg?_wi=1",
|
||||
imageAlt: "Building",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-3d-rendering-design_23-2150505830.jpg", imageAlt: "Building"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-3d-rendering-design_23-2150505830.jpg?_wi=2",
|
||||
imageAlt: "Building Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-3d-rendering-design_23-2150505830.jpg", imageAlt: "Building Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-details_23-2149413406.jpg",
|
||||
imageAlt: "minecraft crafting interface",
|
||||
},
|
||||
{
|
||||
title: "Redstone Engineering",
|
||||
description: "Master complex circuits with simple explanations.",
|
||||
icon: Zap,
|
||||
title: "Redstone Engineering", description: "Master complex circuits with simple explanations.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-playing-football-table-soccer-game-home_23-2148049627.jpg?_wi=1",
|
||||
imageAlt: "Redstone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-playing-football-table-soccer-game-home_23-2148049627.jpg", imageAlt: "Redstone"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-playing-football-table-soccer-game-home_23-2148049627.jpg?_wi=2",
|
||||
imageAlt: "Redstone Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-playing-football-table-soccer-game-home_23-2148049627.jpg", imageAlt: "Redstone Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-archery-direction-icon-symbol_53876-14258.jpg?_wi=3",
|
||||
imageAlt: "minecraft survival sword",
|
||||
},
|
||||
{
|
||||
title: "Automated Farming",
|
||||
description: "Optimize your resource collection with efficient farms.",
|
||||
icon: CheckCircle,
|
||||
title: "Automated Farming", description: "Optimize your resource collection with efficient farms.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352280.jpg?_wi=1",
|
||||
imageAlt: "Farms",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352280.jpg", imageAlt: "Farms"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352280.jpg?_wi=2",
|
||||
imageAlt: "Farms Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352280.jpg", imageAlt: "Farms Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-3d-rendering-design_23-2150505830.jpg?_wi=3",
|
||||
imageAlt: "minecraft house blueprint",
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Level Up"
|
||||
@@ -250,23 +172,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Community Guides",
|
||||
value: "1.2k+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Community Guides", value: "1.2k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Weekly Visitors",
|
||||
value: "50k",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Weekly Visitors", value: "50k"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Verified Tips",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Verified Tips", value: "99%"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our platform's impact on the Minecraft community."
|
||||
@@ -279,60 +192,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Player",
|
||||
date: "Jan 2025",
|
||||
title: "Pro Builder",
|
||||
quote: "The redstone guides are a game-changer!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/8-bits-character-heads-gaming-assets_23-2151143631.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-playing-football-table-soccer-game-home_23-2148049627.jpg?_wi=3",
|
||||
imageAlt: "redstone circuit build",
|
||||
},
|
||||
id: "t1", name: "Alex Player", date: "Jan 2025", title: "Pro Builder", quote: "The redstone guides are a game-changer!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/8-bits-character-heads-gaming-assets_23-2151143631.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-playing-football-table-soccer-game-home_23-2148049627.jpg", imageAlt: "redstone circuit build"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan Craft",
|
||||
date: "Dec 2024",
|
||||
title: "Casual Gamer",
|
||||
quote: "I finally survived my first night!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352280.jpg?_wi=3",
|
||||
imageAlt: "minecraft automatic farm",
|
||||
},
|
||||
id: "t2", name: "Jordan Craft", date: "Dec 2024", title: "Casual Gamer", quote: "I finally survived my first night!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352280.jpg", imageAlt: "minecraft automatic farm"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Blocks",
|
||||
date: "Nov 2024",
|
||||
title: "Creative Lead",
|
||||
quote: "Incredible building inspiration.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/8-bits-fisherman-characters-gaming-assets_23-2151143750.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-character-heads-gaming-assets_23-2151143631.jpg",
|
||||
imageAlt: "cool gamer avatar",
|
||||
},
|
||||
id: "t3", name: "Sam Blocks", date: "Nov 2024", title: "Creative Lead", quote: "Incredible building inspiration.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/8-bits-fisherman-characters-gaming-assets_23-2151143750.jpg", imageSrc: "http://img.b2bpic.net/free-photo/8-bits-character-heads-gaming-assets_23-2151143631.jpg", imageAlt: "cool gamer avatar"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jamie Red",
|
||||
date: "Oct 2024",
|
||||
title: "SME",
|
||||
quote: "Accurate and very beginner-friendly.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204940.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
imageAlt: "gaming avatar minimal",
|
||||
},
|
||||
id: "t4", name: "Jamie Red", date: "Oct 2024", title: "SME", quote: "Accurate and very beginner-friendly.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204940.jpg", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageAlt: "gaming avatar minimal"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor Mining",
|
||||
date: "Sep 2024",
|
||||
title: "Creator",
|
||||
quote: "The best resource collection around.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-fisherman-characters-gaming-assets_23-2151143750.jpg",
|
||||
imageAlt: "pro gamer avatar",
|
||||
},
|
||||
id: "t5", name: "Taylor Mining", date: "Sep 2024", title: "Creator", quote: "The best resource collection around.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg", imageSrc: "http://img.b2bpic.net/free-photo/8-bits-fisherman-characters-gaming-assets_23-2151143750.jpg", imageAlt: "pro gamer avatar"},
|
||||
]}
|
||||
title="Loved by Players"
|
||||
description="What our community says about our guides."
|
||||
@@ -345,25 +213,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these guides beginner-friendly?",
|
||||
content: "Yes, we have specialized content for all skill levels.",
|
||||
},
|
||||
id: "q1", title: "Are these guides beginner-friendly?", content: "Yes, we have specialized content for all skill levels."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How often are guides updated?",
|
||||
content: "We refresh content with every major version release.",
|
||||
},
|
||||
id: "q2", title: "How often are guides updated?", content: "We refresh content with every major version release."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I submit my own guide?",
|
||||
content: "Absolutely! Join our community discord to share.",
|
||||
},
|
||||
id: "q3", title: "Can I submit my own guide?", content: "Absolutely! Join our community discord to share."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is the site free?",
|
||||
content: "Yes, all our Minecraft resources are 100% free.",
|
||||
},
|
||||
id: "q4", title: "Is the site free?", content: "Yes, all our Minecraft resources are 100% free."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Frequently asked questions from our users."
|
||||
@@ -375,47 +231,34 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to master Minecraft? Join our community of builders and survivors today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Community",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Community", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199989.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surreal-easter-eggs-with-fantasy-world-landscape_23-2151199989.jpg"
|
||||
logoText="MineGuides"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", 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