Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "philosophy",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Work", id: "portfolio" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Philosophy", id: "philosophy" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NeoTheory"
|
||||
/>
|
||||
@@ -54,64 +42,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="NeoTheory"
|
||||
description="Blending Story, Art & Technology in Central Asia. We craft immersive experiences that push the boundaries of digital reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the Craft",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore the Craft", href: "#portfolio" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17488.jpg"
|
||||
imageAlt="Futuristic Neon Abstract"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627912.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-waves-3d-illustration_183364-119286.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627920.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970223.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627912.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-waves-3d-illustration_183364-119286.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627920.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970223.jpg", alt: "Team member 5" },
|
||||
]}
|
||||
avatarText="Join our creative ecosystem"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Immersive Experiences",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D & WebGL",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Digital Campaigns",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Interfaces",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AR / VR Prototyping",
|
||||
},
|
||||
{ type: "text", text: "Immersive Experiences" },
|
||||
{ type: "text", text: "3D & WebGL" },
|
||||
{ type: "text", text: "Brand Digital Campaigns" },
|
||||
{ type: "text", text: "AI-Powered Interfaces" },
|
||||
{ type: "text", text: "AR / VR Prototyping" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,19 +71,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269901.jpg",
|
||||
alt: "Our Creative Team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "We are a team that fuses story, art, and advanced tech to build experiences impossible to leave.",
|
||||
},
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269901.jpg", alt: "Our Creative Team" },
|
||||
{ type: "text", content: "We are a team that fuses story, art, and advanced tech to build experiences impossible to leave." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,42 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nike AR Campaign",
|
||||
price: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spotify Visualizer",
|
||||
price: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-illustrator-drawing-ipad_23-2150038502.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Binance Web3 Experience",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-aesthetics-with-shapes-vaporwave-style_23-2148981118.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Halyk Bank Immersive",
|
||||
price: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-magenta-dyes-water_23-2147745441.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kaspi Super App UI",
|
||||
price: "2022",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-style-graphic-creativity-ideas-illustration-concept_53876-121068.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "AI Visionaries",
|
||||
price: "2025",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/album-release-website-design_53876-67226.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Nike AR Campaign", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg" },
|
||||
{ id: "p2", name: "Spotify Visualizer", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/side-view-illustrator-drawing-ipad_23-2150038502.jpg" },
|
||||
{ id: "p3", name: "Binance Web3 Experience", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/3d-aesthetics-with-shapes-vaporwave-style_23-2148981118.jpg" },
|
||||
{ id: "p4", name: "Halyk Bank Immersive", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/blue-magenta-dyes-water_23-2147745441.jpg" },
|
||||
{ id: "p5", name: "Kaspi Super App UI", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/design-style-graphic-creativity-ideas-illustration-concept_53876-121068.jpg" },
|
||||
{ id: "p6", name: "AI Visionaries", price: "2025", imageSrc: "http://img.b2bpic.net/free-vector/album-release-website-design_53876-67226.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Digital experiences for global and local innovators."
|
||||
@@ -191,20 +102,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Immersive Web Experiences",
|
||||
"3D & WebGL Development",
|
||||
"Interactive Installations",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Brand Digital Campaigns",
|
||||
"AI-Powered Experiences",
|
||||
"AR / VR Prototyping",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Immersive Web Experiences", "3D & WebGL Development", "Interactive Installations"] }}
|
||||
positiveCard={{ items: ["Brand Digital Campaigns", "AI-Powered Experiences", "AR / VR Prototyping"] }}
|
||||
title="Our Craft"
|
||||
description="Specialized high-end digital services."
|
||||
/>
|
||||
@@ -212,33 +111,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Craft",
|
||||
value: "Precision",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Speed",
|
||||
value: "Rapid",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Wonder",
|
||||
value: "Infinite",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Shield,
|
||||
title: "Technology",
|
||||
value: "Future",
|
||||
},
|
||||
{ id: "m1", icon: Sparkles, title: "Craft", value: "Precision" },
|
||||
{ id: "m2", icon: Zap, title: "Speed", value: "Rapid" },
|
||||
{ id: "m3", icon: Award, title: "Wonder", value: "Infinite" },
|
||||
{ id: "m4", icon: Shield, title: "Technology", value: "Future" },
|
||||
]}
|
||||
title="Our Philosophy"
|
||||
description="The values that drive NeoTheory."
|
||||
@@ -252,46 +132,11 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "Creative Lead",
|
||||
company: "GlobalDesign",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Tech Director",
|
||||
company: "InnovateCore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-front-painting_23-2150771171.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Volkov",
|
||||
role: "CEO",
|
||||
company: "FuturePath",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821393.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Park",
|
||||
role: "Product Designer",
|
||||
company: "DigitalLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
role: "Marketing Head",
|
||||
company: "BrandReach",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interactive-contact_1098-14664.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Chen", role: "Creative Lead", company: "GlobalDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "Tech Director", company: "InnovateCore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-front-painting_23-2150771171.jpg" },
|
||||
{ id: "t3", name: "Elena Volkov", role: "CEO", company: "FuturePath", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821393.jpg" },
|
||||
{ id: "t4", name: "David Park", role: "Product Designer", company: "DigitalLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346546.jpg" },
|
||||
{ id: "t5", name: "Lisa Wang", role: "Marketing Head", company: "BrandReach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interactive-contact_1098-14664.jpg" },
|
||||
]}
|
||||
title="Client Insights"
|
||||
description="What industry leaders say about our work."
|
||||
@@ -301,16 +146,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Let's create something impossible. Contact us at hello@neotheory.kz"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@neotheory.kz",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@neotheory.kz" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -318,49 +156,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="NeoTheory"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Behance",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Behance", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 NeoTheory. Creative Digital Experiences • Almaty / Shymkent"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user