197 lines
16 KiB
TypeScript
197 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Browse", id: "browse" },
|
|
{ name: "Trending", id: "trending" },
|
|
{ name: "Creators", id: "creators" },
|
|
{ name: "Categories", id: "categories" },
|
|
{ name: "Community", id: "community" },
|
|
]}
|
|
button={{ text: "Upload", href: "https://example.com/upload" }}
|
|
brandName="MinecraftVids"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Your Ultimate Minecraft Video Hub"
|
|
description="Discover, watch, and share the best Minecraft gameplay, builds, tutorials, and speedruns from creators around the world."
|
|
tag="Gaming Platform"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/epic-minecraft-gameplay-footage-showing--1772998723198-ece44f7d.png"
|
|
imageAlt="Epic Minecraft landscape with diverse biomes"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
name: "Alex", handle: "Survival Enthusiast", testimonial: "Best place to find incredible Minecraft content!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/gaming-enthusiast-portrait-casual-gaming-1772998724246-0d49bbde.png?_wi=1", imageAlt: "Player testimonial"},
|
|
{
|
|
name: "Jordan", handle: "Creative Builder", testimonial: "Inspiring builds every single day!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/creative-builder-enthusiast-portrait-ins-1772998722908-8dae1d0f.png?_wi=1", imageAlt: "Builder testimonial"},
|
|
{
|
|
name: "Casey", handle: "Speedrun Fan", testimonial: "The speedrun community here is incredible!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/server-administrator-or-community-leader-1772998724366-6c383a7b.png?_wi=1", imageAlt: "Community member testimonial"},
|
|
{
|
|
name: "Morgan", handle: "Casual Player", testimonial: "Found my new favorite creators here!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/casual-minecraft-fan-portrait-genuine-sm-1772998722961-38348abe.png?_wi=1", imageAlt: "Fan testimonial"},
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Watching", href: "#featured" },
|
|
{ text: "Browse Categories", href: "#categories" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardOne
|
|
title="Featured Videos"
|
|
description="Watch the most engaging Minecraft content selected by our community"
|
|
tag="Popular Now"
|
|
products={[
|
|
{
|
|
id: "1", name: "Ultimate Survival Series", price: "1.2M views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/screenshot-from-a-minecraft-survival-mod-1772998723948-29528591.png", imageAlt: "Survival series showcase"},
|
|
{
|
|
id: "2", name: "Fantasy Castle Build", price: "856K views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/stunning-minecraft-creative-mode-build-f-1772998722945-56a53ab9.png", imageAlt: "Creative fantasy castle"},
|
|
{
|
|
id: "3", name: "Redstone Engineering Masterclass", price: "642K views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/close-up-of-complex-minecraft-redstone-c-1772998723465-562970cb.png?_wi=1", imageAlt: "Redstone technical build"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trending" data-section="trending">
|
|
<BlogCardOne
|
|
title="Trending Now"
|
|
description="The hottest Minecraft content this week"
|
|
tag="This Week"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Hardcore", title: "Extreme Hardcore Survival Challenge", excerpt: "Watch as elite players attempt the most challenging hardcore run ever attempted on this server.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/tense-moment-in-minecraft-hardcore-mode--1772998724932-f9e4cfc9.png", imageAlt: "Hardcore challenge action", authorName: "ProGamer Studios", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/dynamic-portrait-of-a-speedrunner-conten-1772998723741-9b1b19d1.png", date: "2 days ago"},
|
|
{
|
|
id: "2", category: "Speedrun", title: "New World Record Speedrun", excerpt: "Incredible speedrun breaking the previous record by 2 minutes and 43 seconds!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/minecraft-speedrun-highlight-showing-rap-1772998724163-9cd379d5.png", imageAlt: "Speedrun record attempt", authorName: "SpeedMaster Gaming", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/dynamic-portrait-of-a-speedrunner-conten-1772998723741-9b1b19d1.png", date: "1 day ago"},
|
|
{
|
|
id: "3", category: "Tutorial", title: "Complete Redstone Guide for Beginners", excerpt: "Learn everything you need to know about redstone automation in this comprehensive guide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/close-up-of-complex-minecraft-redstone-c-1772998723465-562970cb.png?_wi=2", imageAlt: "Redstone tutorial", authorName: "TechMinecraft Academy", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/welcoming-portrait-of-an-educational-min-1772998722709-ad6889b8.png", date: "3 days ago"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<FeatureCardTwentySeven
|
|
title="Explore Categories"
|
|
description="Find videos in your favorite Minecraft gameplay style"
|
|
tag="Browse"
|
|
features={[
|
|
{
|
|
id: "1", title: "Survival Mode", description: "Challenging survival adventures with limited resources and intense gameplay", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/minecraft-survival-mode-gameplay-with-pl-1772998724969-66ae75ce.png", imageAlt: "Survival mode gameplay"},
|
|
{
|
|
id: "2", title: "Creative Building", description: "Unlimited possibilities with creative mode showcase and architectural masterpieces", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/minecraft-creative-mode-showing-player-i-1772998723932-3dea4e4a.png", imageAlt: "Creative building showcase"},
|
|
{
|
|
id: "3", title: "Multiplayer Servers", description: "Community-driven gameplay, collaborative builds, and social adventures", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/minecraft-multiplayer-server-showing-mul-1772998723628-f7d9875a.png", imageAlt: "Multiplayer server gameplay"},
|
|
{
|
|
id: "4", title: "Modded Minecraft", description: "Enhanced gameplay with mods, new content, and expanded features", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/minecraft-modded-gameplay-showing-enhanc-1772998723281-91e0b40c.png", imageAlt: "Modded gameplay features"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="creators" data-section="creators">
|
|
<TeamCardOne
|
|
title="Top Creators"
|
|
description="Meet the talented creators shaping the Minecraft community"
|
|
tag="Featured Creators"
|
|
members={[
|
|
{
|
|
id: "1", name: "BuildMaster Pro", role: "Architect & Creator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/professional-portrait-of-a-minecraft-bui-1772998722559-e5d62d2f.png", imageAlt: "BuildMaster Pro"},
|
|
{
|
|
id: "2", name: "SpeedChampion", role: "Speedrunner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/dynamic-portrait-of-a-speedrunner-conten-1772998723741-9b1b19d1.png", imageAlt: "SpeedChampion"},
|
|
{
|
|
id: "3", name: "TechTutor", role: "Educator & Guide", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/welcoming-portrait-of-an-educational-min-1772998722709-ad6889b8.png", imageAlt: "TechTutor"},
|
|
{
|
|
id: "4", name: "StreamKing", role: "Streamer & Host", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/professional-gaming-setup-headshot-of-a--1772998724807-af81bd25.png?_wi=1", imageAlt: "StreamKing"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Community Voices"
|
|
description="Hear what Minecraft players love about MinecraftVids"
|
|
tag="Community"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "SurvivalPro", handle: "@survivalpro", testimonial: "This platform has become my go-to place for discovering new survival content and learning new strategies!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/gaming-enthusiast-portrait-casual-gaming-1772998724246-0d49bbde.png?_wi=2", imageAlt: "SurvivalPro avatar"},
|
|
{
|
|
id: "2", name: "CreativeGenius", handle: "@creativegenius", testimonial: "The building tutorials and inspiration I find here is absolutely incredible. My architecture skills have improved so much!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/creative-builder-enthusiast-portrait-ins-1772998722908-8dae1d0f.png?_wi=2", imageAlt: "CreativeGenius avatar"},
|
|
{
|
|
id: "3", name: "AdminLeader", handle: "@adminleader", testimonial: "Running a server and managing community, this platform is essential for finding quality content to share with players.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/server-administrator-or-community-leader-1772998724366-6c383a7b.png?_wi=2", imageAlt: "AdminLeader avatar"},
|
|
{
|
|
id: "4", name: "CasualFan", handle: "@casualfan", testimonial: "Perfect place to just relax and watch awesome Minecraft gameplay. There's something for everyone!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/casual-minecraft-fan-portrait-genuine-sm-1772998722961-38348abe.png?_wi=2", imageAlt: "CasualFan avatar"},
|
|
{
|
|
id: "5", name: "ModEnthusiast", handle: "@modenthusiast", testimonial: "Found so many amazing modded Minecraft videos. The community here really understands enhanced gameplay!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/gaming-enthusiast-portrait-casual-gaming-1772998724246-0d49bbde.png?_wi=3", imageAlt: "ModEnthusiast avatar"},
|
|
{
|
|
id: "6", name: "YouTubeCreator", handle: "@youtubecreator", testimonial: "This is where I get ideas for my next video series. The algorithm and curation are top-notch!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzkkvzQuqsyzWvytM5hU6S3Gg/professional-gaming-setup-headshot-of-a--1772998724807-af81bd25.png?_wi=2", imageAlt: "YouTubeCreator avatar"},
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="MinecraftVids"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|