Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5c3a6c8129 |
236
src/app/page.tsx
236
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Games",
|
name: "Games", id: "games"},
|
||||||
id: "games",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Team",
|
name: "Team", id: "team"},
|
||||||
id: "team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="IndieCore Studios"
|
brandName="IndieCore Studios"
|
||||||
/>
|
/>
|
||||||
@@ -55,62 +47,39 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Crafting Immersive Worlds"
|
title="Crafting Immersive Worlds"
|
||||||
description="IndieCore Studios pushes the boundaries of storytelling, mechanics, and visual fidelity. Experience the future of interactive entertainment."
|
description="IndieCore Studios pushes the boundaries of storytelling, mechanics, and visual fidelity. Experience the future of interactive entertainment."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "View Our Games",
|
text: "View Our Games", href: "#games"},
|
||||||
href: "#games",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/retro-3d-shapes-vaporwave-style_23-2148981119.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/retro-3d-shapes-vaporwave-style_23-2148981119.jpg"
|
||||||
imageAlt="IndieCore Studios featured cinematic scene"
|
imageAlt="IndieCore Studios featured cinematic scene"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558646.jpg",
|
src: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558646.jpg", alt: "Neon hologram of tiger"},
|
||||||
alt: "Neon hologram of tiger",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488736.jpg",
|
src: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488736.jpg", alt: "Cyberpunk city street at night with neon lights and futuristic aesthetic"},
|
||||||
alt: "Cyberpunk city street at night with neon lights and futuristic aesthetic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728183.jpg",
|
src: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728183.jpg", alt: "Cyberpunk boy illustration"},
|
||||||
alt: "Cyberpunk boy illustration",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488741.jpg",
|
src: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488741.jpg", alt: "Cyberpunk city street at night with neon lights and futuristic aesthetic"},
|
||||||
alt: "Cyberpunk city street at night with neon lights and futuristic aesthetic",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322946.jpg",
|
src: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322946.jpg", alt: "Bigfoot represented in neon glow"},
|
||||||
alt: "Bigfoot represented in neon glow",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Innovation"},
|
||||||
text: "Innovation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Storytelling"},
|
||||||
text: "Storytelling",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Performance"},
|
||||||
text: "Performance",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Community"},
|
||||||
text: "Community",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Excellence"},
|
||||||
text: "Excellence",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -122,26 +91,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Narrative Depth", subtitle: "Story-driven campaigns", category: "Creative", value: "20+"},
|
||||||
title: "Narrative Depth",
|
|
||||||
subtitle: "Story-driven campaigns",
|
|
||||||
category: "Creative",
|
|
||||||
value: "20+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Engine Performance", subtitle: "High fidelity rendering", category: "Technical", value: "120fps"},
|
||||||
title: "Engine Performance",
|
|
||||||
subtitle: "High fidelity rendering",
|
|
||||||
category: "Technical",
|
|
||||||
value: "120fps",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Community Focus", subtitle: "Engaging player base", category: "Community", value: "1M+"},
|
||||||
title: "Community Focus",
|
|
||||||
subtitle: "Engaging player base",
|
|
||||||
category: "Community",
|
|
||||||
value: "1M+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Studio Pillars"
|
title="Studio Pillars"
|
||||||
description="Our core focus areas that define every game we build."
|
description="Our core focus areas that define every game we build."
|
||||||
@@ -156,41 +110,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "g1",
|
id: "g1", name: "Neon Shadows", price: "Play on Steam", imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-creature-scene_23-2151136073.jpg"},
|
||||||
name: "Neon Shadows",
|
|
||||||
price: "Steam Store",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-fantasy-creature-scene_23-2151136073.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "g2",
|
id: "g2", name: "Cyber Reign", price: "Play on Steam", imageSrc: "http://img.b2bpic.net/free-photo/8-bits-objects-gaming-assets_23-2151143643.jpg"},
|
||||||
name: "Cyber Reign",
|
|
||||||
price: "Steam Store",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-objects-gaming-assets_23-2151143643.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "g3",
|
id: "g3", name: "Void Wanderer", price: "Play on Steam", imageSrc: "http://img.b2bpic.net/free-photo/people-white-clothes-stand-rock-by-sea-dusk-looking-into-distance-illustration_456031-16.jpg"},
|
||||||
name: "Void Wanderer",
|
|
||||||
price: "Steam Store",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-white-clothes-stand-rock-by-sea-dusk-looking-into-distance-illustration_456031-16.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "g4",
|
id: "g4", name: "Red Sector", price: "Play on Steam", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-medical-masks-pandemic_23-2148748975.jpg"},
|
||||||
name: "Red Sector",
|
|
||||||
price: "Steam Store",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-medical-masks-pandemic_23-2148748975.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "g5",
|
id: "g5", name: "Abyss Keeper", price: "Play on Steam", imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170074.jpg"},
|
||||||
name: "Abyss Keeper",
|
|
||||||
price: "Steam Store",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170074.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "g6",
|
id: "g6", name: "Midnight Echo", price: "Play on Steam", imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626657.jpg"},
|
||||||
name: "Midnight Echo",
|
|
||||||
price: "Steam Store",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626657.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Titles"
|
title="Featured Titles"
|
||||||
description="Explore our library of critically acclaimed PC and console games."
|
description="Explore our library of critically acclaimed PC and console games."
|
||||||
@@ -204,31 +134,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "15+", title: "Game Releases", items: [
|
||||||
value: "15+",
|
"Successfully launched titles", "Cross-platform support"],
|
||||||
title: "Game Releases",
|
|
||||||
items: [
|
|
||||||
"Successfully launched titles",
|
|
||||||
"Cross-platform support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "5M+", title: "Happy Players", items: [
|
||||||
value: "5M+",
|
"Monthly active users", "Global player community"],
|
||||||
title: "Happy Players",
|
|
||||||
items: [
|
|
||||||
"Monthly active users",
|
|
||||||
"Global player community",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "12", title: "Industry Awards", items: [
|
||||||
value: "12",
|
"Best Indie Studio", "Design Excellence"],
|
||||||
title: "Industry Awards",
|
|
||||||
items: [
|
|
||||||
"Best Indie Studio",
|
|
||||||
"Design Excellence",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Studio Achievements"
|
title="Studio Achievements"
|
||||||
@@ -244,23 +159,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Alex Rivers", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020818.jpg"},
|
||||||
name: "Alex Rivers",
|
|
||||||
role: "Creative Director",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020818.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Jordan P", role: "Lead Programmer", imageSrc: "http://img.b2bpic.net/free-photo/streamer-rgb-lit-studio-chatting-with-audience_482257-122959.jpg"},
|
||||||
name: "Jordan P",
|
|
||||||
role: "Lead Programmer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/streamer-rgb-lit-studio-chatting-with-audience_482257-122959.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Sam V", role: "Art Lead", imageSrc: "http://img.b2bpic.net/free-photo/parenting-content-creator_23-2151488622.jpg"},
|
||||||
name: "Sam V",
|
|
||||||
role: "Art Lead",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/parenting-content-creator_23-2151488622.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Creators"
|
title="The Creators"
|
||||||
description="Behind every pixel and line of code is a team of passionate creators."
|
description="Behind every pixel and line of code is a team of passionate creators."
|
||||||
@@ -274,45 +177,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah J.", handle: "@gamer", testimonial: "The atmosphere is unmatched.", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
||||||
handle: "@gamer",
|
|
||||||
testimonial: "The atmosphere is unmatched.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Marc T.", handle: "@critique", testimonial: "Deep narrative and incredible art.", rating: 5,
|
||||||
name: "Marc T.",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
|
||||||
handle: "@critique",
|
|
||||||
testimonial: "Deep narrative and incredible art.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Elena W.", handle: "@devtalk", testimonial: "A must-play experience.", rating: 5,
|
||||||
name: "Elena W.",
|
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg"},
|
||||||
handle: "@devtalk",
|
|
||||||
testimonial: "A must-play experience.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-rgb-lights-lit-living-room-playing-videogames_482257-116287.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Leo B.", handle: "@playmore", testimonial: "The game design is brilliant.", rating: 5,
|
||||||
name: "Leo B.",
|
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-freelancer-front-digital-device_482257-124312.jpg"},
|
||||||
handle: "@playmore",
|
|
||||||
testimonial: "The game design is brilliant.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-freelancer-front-digital-device_482257-124312.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Chris K.", handle: "@proplayer", testimonial: "Incredible production value in every release.", rating: 5,
|
||||||
name: "Chris K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"},
|
||||||
handle: "@proplayer",
|
|
||||||
testimonial: "Incredible production value in every release.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="Player Voices"
|
title="Player Voices"
|
||||||
@@ -326,20 +204,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Do you publish third-party titles?", content: "Yes, we look for high-potential indie games."},
|
||||||
title: "Do you publish third-party titles?",
|
|
||||||
content: "Yes, we look for high-potential indie games.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Where can we apply for jobs?", content: "Check our Careers page or email us."},
|
||||||
title: "Where can we apply for jobs?",
|
|
||||||
content: "Check our Careers page or email us.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Can I stream your games?", content: "You are free to stream all our titles!"},
|
||||||
title: "Can I stream your games?",
|
|
||||||
content: "You are free to stream all our titles!",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Game Dev Insights"
|
title="Game Dev Insights"
|
||||||
description="Common inquiries about our studio and titles."
|
description="Common inquiries about our studio and titles."
|
||||||
@@ -351,8 +220,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
tag="Get in touch"
|
tag="Get in touch"
|
||||||
title="Business Inquiries"
|
title="Business Inquiries"
|
||||||
description="Have a game idea? Want to partner? Let's talk business."
|
description="Have a game idea? Want to partner? Let's talk business."
|
||||||
@@ -364,13 +232,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="IndieCore Studios"
|
logoText="IndieCore Studios"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user