Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "products",
|
||||
},
|
||||
name: "Games", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PixelForge Studio"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Immersive Worlds"
|
||||
description="We are a boutique studio building the next generation of narrative-driven experiences. High-fidelity gameplay, deep stories, and unforgettable mechanics."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Projects", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2349.jpg?_wi=1",
|
||||
imageAlt: "High fidelity scene 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2349.jpg", imageAlt: "High fidelity scene 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728168.jpg?_wi=1",
|
||||
imageAlt: "Dynamic gameplay 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728168.jpg", imageAlt: "Dynamic gameplay 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-geometric-square-shapes_23-2150832961.jpg?_wi=1",
|
||||
imageAlt: "Concept art 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-geometric-square-shapes_23-2150832961.jpg", imageAlt: "Concept art 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-laptop-computer-home-indoors_171337-16981.jpg",
|
||||
imageAlt: "Studio vibe 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-laptop-computer-home-indoors_171337-16981.jpg", imageAlt: "Studio vibe 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg",
|
||||
imageAlt: "Tech setup 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-table_400718-26.jpg", imageAlt: "Tech setup 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-haze-dark-liquid_23-2148102020.jpg",
|
||||
imageAlt: "Particle engine 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-haze-dark-liquid_23-2148102020.jpg", imageAlt: "Particle engine 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,17 +80,11 @@ export default function LandingPage() {
|
||||
description="PixelForge Studio was born from a desire to push technical boundaries while honoring the heart of storytelling. Our veteran team brings together artistic vision and technical mastery."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Technical Excellence",
|
||||
description: "Custom engines and advanced rendering tech.",
|
||||
},
|
||||
title: "Technical Excellence", description: "Custom engines and advanced rendering tech."},
|
||||
{
|
||||
title: "Narrative First",
|
||||
description: "Stories that resonate and stay with you.",
|
||||
},
|
||||
title: "Narrative First", description: "Stories that resonate and stay with you."},
|
||||
{
|
||||
title: "Community Driven",
|
||||
description: "Feedback loops that shape better games.",
|
||||
},
|
||||
title: "Community Driven", description: "Feedback loops that shape better games."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22784.jpg"
|
||||
imageAlt="A team of developers working in a dark professional studio."
|
||||
@@ -128,67 +99,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Adaptive Gameplay",
|
||||
description: "Mechanics that grow with your playstyle.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-mermaid-underwater_23-2151412833.jpg",
|
||||
imageAlt: "Adaptive game engine",
|
||||
},
|
||||
title: "Adaptive Gameplay", description: "Mechanics that grow with your playstyle.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-mermaid-underwater_23-2151412833.jpg", imageAlt: "Adaptive game engine"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Real-time AI",
|
||||
},
|
||||
text: "Real-time AI"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Balanced loop",
|
||||
},
|
||||
text: "Balanced loop"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2349.jpg?_wi=2",
|
||||
imageAlt: "fantasy character render",
|
||||
},
|
||||
{
|
||||
title: "Next-Gen Visuals",
|
||||
description: "Hyper-realistic environments and character models.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-with-city-architecture-scenery_23-2151065675.jpg",
|
||||
imageAlt: "Next gen visuals",
|
||||
},
|
||||
title: "Next-Gen Visuals", description: "Hyper-realistic environments and character models.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-with-city-architecture-scenery_23-2151065675.jpg", imageAlt: "Next gen visuals"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "8k textures",
|
||||
},
|
||||
text: "8k textures"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Ray tracing",
|
||||
},
|
||||
text: "Ray tracing"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728168.jpg?_wi=2",
|
||||
imageAlt: "fantasy character render",
|
||||
},
|
||||
{
|
||||
title: "Deep Narrative",
|
||||
description: "Branching stories with meaningful choices.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chocolate-factory_23-2151451177.jpg",
|
||||
imageAlt: "Deep narrative",
|
||||
},
|
||||
title: "Deep Narrative", description: "Branching stories with meaningful choices.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chocolate-factory_23-2151451177.jpg", imageAlt: "Deep narrative"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Choice impact",
|
||||
},
|
||||
text: "Choice impact"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Professional writing",
|
||||
},
|
||||
text: "Professional writing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-geometric-square-shapes_23-2150832961.jpg?_wi=2",
|
||||
imageAlt: "fantasy character render",
|
||||
},
|
||||
]}
|
||||
title="The PixelForge Promise"
|
||||
@@ -204,59 +151,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "RPG",
|
||||
name: "Aetheria",
|
||||
price: "$59",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-astronaut-disabled-using-crutches-walk-with-weelchair-3d-illustration-design_460848-9672.jpg",
|
||||
},
|
||||
id: "1", brand: "RPG", name: "Aetheria", price: "$59", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-astronaut-disabled-using-crutches-walk-with-weelchair-3d-illustration-design_460848-9672.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Cyber",
|
||||
name: "Neon Breach",
|
||||
price: "$49",
|
||||
rating: 4,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-urban-scenery_23-2150712404.jpg",
|
||||
},
|
||||
id: "2", brand: "Cyber", name: "Neon Breach", price: "$49", rating: 4,
|
||||
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-urban-scenery_23-2150712404.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Action",
|
||||
name: "Void Strike",
|
||||
price: "$69",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-racing-dirt-bike-fantasy-environment_23-2151500546.jpg",
|
||||
},
|
||||
id: "3", brand: "Action", name: "Void Strike", price: "$69", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/man-racing-dirt-bike-fantasy-environment_23-2151500546.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Space",
|
||||
name: "Orion Outpost",
|
||||
price: "$39",
|
||||
rating: 4,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797753.jpg",
|
||||
},
|
||||
id: "4", brand: "Space", name: "Orion Outpost", price: "$39", rating: 4,
|
||||
reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797753.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Tactical",
|
||||
name: "Gear Shift",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "1.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19172.jpg",
|
||||
},
|
||||
id: "5", brand: "Tactical", name: "Gear Shift", price: "$45", rating: 5,
|
||||
reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19172.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Horror",
|
||||
name: "Silent Dark",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "540",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/whimsical-wild-animal-illustration_23-2151885400.jpg",
|
||||
},
|
||||
id: "6", brand: "Horror", name: "Silent Dark", price: "$55", rating: 4,
|
||||
reviewCount: "540", imageSrc: "http://img.b2bpic.net/free-photo/whimsical-wild-animal-illustration_23-2151885400.jpg"},
|
||||
]}
|
||||
title="Our Catalog"
|
||||
description="Explore our portfolio of titles."
|
||||
@@ -271,25 +182,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12",
|
||||
title: "Titles Published",
|
||||
description: "Acclaimed worldwide releases.",
|
||||
icon: Award,
|
||||
id: "m1", value: "12", title: "Titles Published", description: "Acclaimed worldwide releases.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
title: "Active Players",
|
||||
description: "Global gaming community.",
|
||||
icon: Star,
|
||||
id: "m2", value: "5M+", title: "Active Players", description: "Global gaming community.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95",
|
||||
title: "Awards Won",
|
||||
description: "Excellence in design.",
|
||||
icon: Sparkles,
|
||||
id: "m3", value: "95", title: "Awards Won", description: "Excellence in design.", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Studio Reach"
|
||||
@@ -305,35 +204,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Riv",
|
||||
role: "Lead Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-man-gamer-turning-head-looking-camera-smiling-playing-fps-shooter-videogame-gaming-championship-cyberspace-esports-player-performing-powerful-computer-online-tournament_482257-12436.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Riv", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/pro-man-gamer-turning-head-looking-camera-smiling-playing-fps-shooter-videogame-gaming-championship-cyberspace-esports-player-performing-powerful-computer-online-tournament_482257-12436.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Tech Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", role: "Tech Artist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Markus Voss",
|
||||
role: "Audio Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",
|
||||
},
|
||||
id: "t3", name: "Markus Voss", role: "Audio Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena King",
|
||||
role: "Lead Coder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-spacecraft-powered-by-advanced-engineering_482257-126224.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena King", role: "Lead Coder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-spacecraft-powered-by-advanced-engineering_482257-126224.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Reed",
|
||||
role: "Lead Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-headphones-talking-with-other-players-while-playing-professional-shooter-games-online-tournament_482257-29568.jpg",
|
||||
},
|
||||
id: "t5", name: "Tom Reed", role: "Lead Art", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-headphones-talking-with-other-players-while-playing-professional-shooter-games-online-tournament_482257-29568.jpg"},
|
||||
]}
|
||||
title="The Masterminds"
|
||||
description="Meet the team driving PixelForge."
|
||||
@@ -346,45 +225,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Stories",
|
||||
quote: "The storytelling in their games is unmatched in the industry today.",
|
||||
name: "Leo P.",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-her-messages-mobile-phone-looking-smartphone-screen_1258-197255.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing Stories", quote: "The storytelling in their games is unmatched in the industry today.", name: "Leo P.", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-her-messages-mobile-phone-looking-smartphone-screen_1258-197255.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Technical Marvel",
|
||||
quote: "Smooth frame rates even on older hardware. Excellent optimization.",
|
||||
name: "Jane D.",
|
||||
role: "Tech Reviewer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg",
|
||||
},
|
||||
id: "2", title: "Technical Marvel", quote: "Smooth frame rates even on older hardware. Excellent optimization.", name: "Jane D.", role: "Tech Reviewer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Immersive Gameplay",
|
||||
quote: "I lost days playing Aetheria. Pure genius mechanics.",
|
||||
name: "Sam K.",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg",
|
||||
},
|
||||
id: "3", title: "Immersive Gameplay", quote: "I lost days playing Aetheria. Pure genius mechanics.", name: "Sam K.", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Community",
|
||||
quote: "The devs actually listen to feedback. Rare and appreciated.",
|
||||
name: "Chris B.",
|
||||
role: "Community Leader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2148634601.jpg",
|
||||
},
|
||||
id: "4", title: "Great Community", quote: "The devs actually listen to feedback. Rare and appreciated.", name: "Chris B.", role: "Community Leader", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2148634601.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "High Quality",
|
||||
quote: "Everything they touch feels polished and premium.",
|
||||
name: "Morgan F.",
|
||||
role: "Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
|
||||
},
|
||||
id: "5", title: "High Quality", quote: "Everything they touch feels polished and premium.", name: "Morgan F.", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg"},
|
||||
]}
|
||||
title="Fan Feedback"
|
||||
description="What our players are saying about PixelForge."
|
||||
@@ -395,8 +244,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Next Project"
|
||||
description="Sign up for beta access and studio updates."
|
||||
@@ -409,42 +257,27 @@ export default function LandingPage() {
|
||||
logoText="PixelForge Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Jobs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Games",
|
||||
items: [
|
||||
title: "Games", items: [
|
||||
{
|
||||
label: "Browse",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Browse", href: "#products"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user