Merge version_1 into main #2
@@ -26,22 +26,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="NEON STUDIOS"
|
||||
/>
|
||||
@@ -50,16 +38,9 @@ export default function LandingPage() {
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Have a project in mind? Let's connect and build the next big thing together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@neonstudios.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@neonstudios.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -69,12 +50,7 @@ export default function LandingPage() {
|
||||
title="Privacy Policy"
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Usage",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We respect your digital footprint and use data only to improve game performance.",
|
||||
},
|
||||
},
|
||||
heading: "Data Usage", content: "We respect your digital footprint and use data only to improve game performance."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -82,48 +58,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Let's collaborate"
|
||||
description="Have an exciting idea? Reach out to our design lead."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:support@neonstudios.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Us", href: "mailto:support@neonstudios.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "/about" }, { label: "Projects", href: "/projects" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="NEON STUDIOS"
|
||||
/>
|
||||
|
||||
248
src/app/page.tsx
248
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="NEON STUDIOS"
|
||||
/>
|
||||
@@ -52,60 +40,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Crafting Worlds Beyond Imagination"
|
||||
description="Neon Studios creates cutting-edge digital experiences that push the boundaries of storytelling and interactivity."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aesthetic-background-with-pink-neon-led-light-effect_53876-103662.jpg",
|
||||
alt: "Studio Creator",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-marble-podium_23-2151934033.jpg",
|
||||
alt: "Neon marble podium",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710771.jpg",
|
||||
alt: "3d neon lights background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aesthetic-product-backdrop-with-patterned-glass_53876-134157.jpg",
|
||||
alt: "Aesthetic product backdrop with patterned glass",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932066.jpg",
|
||||
alt: "Neon gaming background",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/aesthetic-background-with-pink-neon-led-light-effect_53876-103662.jpg", alt: "Studio Creator" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neon-marble-podium_23-2151934033.jpg", alt: "Neon marble podium" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710771.jpg", alt: "3d neon lights background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aesthetic-product-backdrop-with-patterned-glass_53876-134157.jpg", alt: "Aesthetic product backdrop with patterned glass" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932066.jpg", alt: "Neon gaming background" },
|
||||
]}
|
||||
buttons={[{ text: "View Our Projects", href: "/projects" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "UNREAL ENGINE 5",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CYBERPUNK AESTHETIC",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "IMMERSIVE VR",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL RELEASE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PLAYER FOCUSED",
|
||||
},
|
||||
{ type: "text", text: "UNREAL ENGINE 5" },
|
||||
{ type: "text", text: "CYBERPUNK AESTHETIC" },
|
||||
{ type: "text", text: "IMMERSIVE VR" },
|
||||
{ type: "text", text: "GLOBAL RELEASE" },
|
||||
{ type: "text", text: "PLAYER FOCUSED" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,49 +68,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Engine",
|
||||
description: "High performance physics for every environment.",
|
||||
icon: Zap,
|
||||
title: "Advanced Engine", description: "High performance physics for every environment.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-game-controller_23-2151005824.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-low-poly-plexus-design-nebula_1048-13110.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyjOvm8zPcW7PNVlDlmHIzM5ZR/uploaded-1777364709102-59blq5km.png?_wi=1",
|
||||
imageAlt: "futuristic game controller",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-game-controller_23-2151005824.jpg", imageAlt: "futuristic game controller" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-low-poly-plexus-design-nebula_1048-13110.jpg", imageAlt: "3d game engine digital" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Immersive Worlds",
|
||||
description: "Deeply realized environments that breathe.",
|
||||
icon: Globe,
|
||||
title: "Immersive Worlds", description: "Deeply realized environments that breathe.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-man-wearing-virtual-reality-goggles-vr-headset_1150-16878.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-with-controller-medium-shot_23-2149829146.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyjOvm8zPcW7PNVlDlmHIzM5ZR/uploaded-1777364709103-uwrf3ytw.png?_wi=1",
|
||||
imageAlt: "futuristic game controller",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/student-man-wearing-virtual-reality-goggles-vr-headset_1150-16878.jpg", imageAlt: "vr interface gaming" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-with-controller-medium-shot_23-2149829146.jpg", imageAlt: "futuristic game controller" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cross-Platform",
|
||||
description: "Play everywhere, from consoles to mobile.",
|
||||
icon: Smartphone,
|
||||
title: "Cross-Platform", description: "Play everywhere, from consoles to mobile.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170123.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-person-suffering-from-cybersickness-technology-addiction_23-2151552639.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyjOvm8zPcW7PNVlDlmHIzM5ZR/uploaded-1777364709103-avkux8n4.png?_wi=1",
|
||||
imageAlt: "futuristic game controller",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170123.jpg", imageAlt: "3d game engine digital" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/concept-person-suffering-from-cybersickness-technology-addiction_23-2151552639.jpg", imageAlt: "vr interface gaming" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -175,44 +102,20 @@ export default function LandingPage() {
|
||||
title="Player Testimonials"
|
||||
description="Hear what our global community has to say about our latest releases."
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Downloads",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "1M+", label: "Downloads" },
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Pro Gamer",
|
||||
company: "Cyber League",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-player-live-streaming-video-games-play-computer-having-fun-with-rpg-tournament-young-adult-playing-online-action-shooting-game-with-multiple-players-pc-shooter-challenge_482257-47448.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", role: "Pro Gamer", company: "Cyber League", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-player-live-streaming-video-games-play-computer-having-fun-with-rpg-tournament-young-adult-playing-online-action-shooting-game-with-multiple-players-pc-shooter-challenge_482257-47448.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Editor",
|
||||
company: "Tech Gaming Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-vr-glasses_23-2148864930.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", role: "Editor", company: "Tech Gaming Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-vr-glasses_23-2148864930.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
role: "Developer",
|
||||
company: "IndieDev Weekly",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-glasses-experiencing-metaverse_23-2150904738.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus Thorne", role: "Developer", company: "IndieDev Weekly", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-glasses-experiencing-metaverse_23-2150904738.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,21 +128,9 @@ export default function LandingPage() {
|
||||
title="Why Players Love Us"
|
||||
description="We bridge the gap between imagination and reality with cutting-edge tech."
|
||||
features={[
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Speed",
|
||||
description: "Blazing fast optimization.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Security",
|
||||
description: "Safe for all ages.",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Passion",
|
||||
description: "Made with love.",
|
||||
},
|
||||
{ icon: Rocket, title: "Speed", description: "Blazing fast optimization." },
|
||||
{ icon: Shield, title: "Security", description: "Safe for all ages." },
|
||||
{ icon: Heart, title: "Passion", description: "Made with love." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -253,37 +144,12 @@ export default function LandingPage() {
|
||||
description="Unlock exclusive content and early access to our future titles."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Basic",
|
||||
price: "$0",
|
||||
subtitle: "Play for free",
|
||||
buttons: [
|
||||
{
|
||||
text: "Download",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited Access",
|
||||
"Standard Servers",
|
||||
],
|
||||
id: "p1", badge: "Basic", price: "$0", subtitle: "Play for free", buttons: [{ text: "Download", href: "#" }],
|
||||
features: ["Limited Access", "Standard Servers"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$9.99",
|
||||
subtitle: "Monthly access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Early Access",
|
||||
"Exclusive Skins",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "$9.99", subtitle: "Monthly access", buttons: [{ text: "Upgrade", href: "#" }],
|
||||
features: ["Early Access", "Exclusive Skins", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -292,30 +158,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "/about" }, { label: "Projects", href: "/projects" }] },
|
||||
{ items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="NEON STUDIOS"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user