Update src/app/page.tsx
This commit is contained in:
@@ -10,7 +10,8 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Gamepad2, Headphones, Server, Users, Zap } from 'lucide-react';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Gamepad2, Headphones, Server, Users, Zap, Sparkles } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,6 +32,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Shop", id: "purchases" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Join", id: "contact" }
|
||||
]}
|
||||
@@ -109,6 +111,42 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="purchases" data-section="purchases">
|
||||
<ProductCardOne
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Dragon Wings Cosmetic", price: "$4.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-stunning-minecraft-landscape-with-bloc-1772525870877-d0206870.png", imageAlt: "Dragon Wings cosmetic item"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Enchanted Sword Skin", price: "$3.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-multiplayer-battle-arena-sce-1772525872600-560d4b67.png", imageAlt: "Enchanted Sword skin"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Rainbow Armor Set", price: "$7.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-creative-building-showcase-f-1772525871692-7017b289.png", imageAlt: "Rainbow Armor cosmetic set"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Particle Effects Bundle", price: "$5.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-wide-panoramic-view-of-a-minecraft-ser-1772525872192-b99c8cf1.png", imageAlt: "Particle effects cosmetic bundle"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Legendary Pet Companion", price: "$9.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-minecraft-player-avatar-wearing-colorf-1772525872025-c656324e.png", imageAlt: "Legendary pet companion item"
|
||||
},
|
||||
{
|
||||
id: "6", name: "VIP Premium Pass", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQXXW4eSQsDx2o6NUGk3bgdLx2/a-different-minecraft-player-character-w-1772525870677-98ff4d24.png", imageAlt: "VIP Premium pass item"
|
||||
}
|
||||
]}
|
||||
title="In-Game Shop"
|
||||
description="Enhance your gameplay with exclusive cosmetics and premium items. Support the server while looking amazing!"
|
||||
tag="Premium Items"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "View All Items", href: "#purchases" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
@@ -197,8 +235,8 @@ export default function LandingPage() {
|
||||
title: "Game", items: [
|
||||
{ label: "Join Server", href: "https://minecraftserver.com/join" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "PvP Arena", href: "#features" },
|
||||
{ label: "Creative Mode", href: "#features" }
|
||||
{ label: "Shop", href: "#purchases" },
|
||||
{ label: "PvP Arena", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user