Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="V-Infinite"
|
||||
/>
|
||||
@@ -52,73 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Shaping How Ideas Are Experienced"
|
||||
description="V-Infinite transforms digital perception into reality through spatial storytelling, immersive AR/VR platforms, and high-fidelity 3D visualization."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Immersive Projects",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Spatial Support",
|
||||
},
|
||||
{
|
||||
value: "50k",
|
||||
label: "Virtual Interactions",
|
||||
},
|
||||
{ value: "100+", label: "Immersive Projects" },
|
||||
{ value: "24/7", label: "Spatial Support" },
|
||||
{ value: "50k", label: "Virtual Interactions" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-with-vr-glasses-experiencing-metaverse_23-2150904754.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-with-vr-glasses-experiencing-metaverse_23-2150904754.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428466.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428487.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/kid-with-vr-glasses-experiencing-metaverse_23-2150904774.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-hands-up-wearing-vr-set_23-2148513459.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-with-vr-glasses-experiencing-metaverse_23-2150904754.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ innovators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Holographic Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spatial Computing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AR Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Immersive Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Virtual Worlds",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,7 +61,7 @@ export default function LandingPage() {
|
||||
title="Elevating Great Ideas"
|
||||
description="At V-Infinite, we bridge the gap between imagination and physical reality. We are specialists in immersive architecture, brand visualization, and software solutions designed for the next digital era."
|
||||
subdescription="Our vision is to build interfaces that feel as natural as the world around us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Grid}
|
||||
/>
|
||||
@@ -139,56 +71,24 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Architectural Visualization",
|
||||
description: "We bring unbuilt architecture to life using cutting-edge spatial engine technology.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900783.jpg",
|
||||
imageAlt: "AR architecture holographic UI",
|
||||
title: "Architectural Visualization", description: "We bring unbuilt architecture to life using cutting-edge spatial engine technology.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
{
|
||||
title: "Product Platform",
|
||||
description: "Powerful AR visuals that persuade and inspire potential clients instantly.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-vr-glasses-experiencing-metaverse_23-2150904754.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tracking-software-displayed-monitor-industry-40-industrial-plant_482257-120661.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-virtual-reality-headset_1170-1878.jpg",
|
||||
},
|
||||
title: "Product Platform", description: "Powerful AR visuals that persuade and inspire potential clients instantly.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-with-vr-glasses-experiencing-metaverse_23-2150904754.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tracking-software-displayed-monitor-industry-40-industrial-plant_482257-120661.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-using-virtual-reality-headset_1170-1878.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg?_wi=2",
|
||||
imageAlt: "AR architecture holographic UI",
|
||||
},
|
||||
{
|
||||
title: "Training Steps",
|
||||
description: "AR/VR-driven solutions tailored for safety, efficiency, and high-retention learning.",
|
||||
bentoComponent: "3d-task-list",
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Safety Simulation",
|
||||
time: "Immersive",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Skill Assessment",
|
||||
time: "Precision",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certification",
|
||||
time: "Verified",
|
||||
},
|
||||
title: "Training Steps", description: "AR/VR-driven solutions tailored for safety, efficiency, and high-retention learning.", bentoComponent: "3d-task-list", title: "Process Milestones", items: [
|
||||
{ icon: Zap, label: "Safety Simulation", time: "Immersive" },
|
||||
{ icon: Target, label: "Skill Assessment", time: "Precision" },
|
||||
{ icon: Award, label: "Certification", time: "Verified" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428466.jpg",
|
||||
imageAlt: "AR architecture holographic UI",
|
||||
},
|
||||
]}
|
||||
title="Immersive Services"
|
||||
@@ -203,10 +103,7 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Chen, CEO of InnovateCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-young-man-testing-virtual-reality-headset_74855-4047.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-young-man-testing-virtual-reality-headset_74855-4047.jpg", alt: "Sarah Chen" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -216,16 +113,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to step into the digital universe? Let's discuss your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Holographic Console",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Holographic Console", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,16 +124,8 @@ export default function LandingPage() {
|
||||
logoText="V-Infinite"
|
||||
copyrightText="© 2025 V-Infinite | Immersive Worlds"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user