bender/054b2aaa-dc5f-4527-a702-53eac437ba2c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 13:53:39 +00:00
parent a17cc8cbb5
commit 6fe28efd9f
1 changed files with 54 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Globe, Lightbulb, Sparkles } from "lucide-react";
import { Globe, Lightbulb, Sparkles, Component, RefreshCw, Grid3X3, Infinity } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#manifesto",
},
name: "About", id: "#manifesto"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Work",
id: "#work",
},
name: "Work", id: "#work"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="ar_studios"
/>
@@ -66,45 +54,23 @@ export default function LandingPage() {
description="Where Vision Meets Dimension"
buttons={[
{
text: "Know More",
href: "#manifesto",
},
text: "Know More", href: "#manifesto"},
{
text: "Visit Websites",
href: "#work",
},
text: "Visit Websites", href: "#work"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg?_wi=1",
imageAlt: "Rotating 3D brand name 'ar_studios'",
videoAriaLabel: "3D brand name animation",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg", imageAlt: "Rotating 3D brand name 'ar_studios'", videoAriaLabel: "3D brand name animation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-23710.jpg?_wi=1",
imageAlt: "Abstract floating icosahedron shapes",
videoAriaLabel: "Abstract geometric animation",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-23710.jpg", imageAlt: "Abstract floating icosahedron shapes", videoAriaLabel: "Abstract geometric animation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-cyber-modern-particle-design_1048-12503.jpg",
imageAlt: "Dynamic particle system",
videoAriaLabel: "Dynamic particle animation",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-cyber-modern-particle-design_1048-12503.jpg", imageAlt: "Dynamic particle system", videoAriaLabel: "Dynamic particle animation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/artistic-3d-modern-sphere-art_23-2150937580.jpg",
imageAlt: "Reflective chrome sphere",
videoAriaLabel: "Chrome sphere animation",
},
imageSrc: "http://img.b2bpic.net/free-photo/artistic-3d-modern-sphere-art_23-2150937580.jpg", imageAlt: "Reflective chrome sphere", videoAriaLabel: "Chrome sphere animation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599251.jpg",
imageAlt: "Glass crystal prism",
videoAriaLabel: "Glass prism light refraction",
},
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599251.jpg", imageAlt: "Glass crystal prism", videoAriaLabel: "Glass prism light refraction"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-43487.jpg",
imageAlt: "Infinite grid floor fading into perspective",
videoAriaLabel: "Infinite grid animation",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-43487.jpg", imageAlt: "Infinite grid floor fading into perspective", videoAriaLabel: "Infinite grid animation"},
]}
autoplayDelay={4000}
showDimOverlay={false}
@@ -122,7 +88,7 @@ export default function LandingPage() {
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/halves-rings-geometric-shapes-background_23-2148772513.jpg"
imageAlt="Morphing organic blob with perlin noise displacement"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
/>
</div>
@@ -132,10 +98,7 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Dynamic Geometry",
description: "Crafting bespoke 3D shapes and interactive models for unique digital experiences.",
bentoComponent: "orbiting-icons",
centerIcon: Lightbulb,
title: "Dynamic Geometry", description: "Crafting bespoke 3D shapes and interactive models for unique digital experiences.", bentoComponent: "orbiting-icons", centerIcon: Lightbulb,
items: [
{
icon: Component,
@@ -143,7 +106,7 @@ export default function LandingPage() {
duration: 5,
},
{
icon: Orbit,
icon: RefreshCw,
ring: 2,
duration: 6,
},
@@ -153,42 +116,28 @@ export default function LandingPage() {
duration: 7,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-triangular-prism-with-dark-shadow-white-background_23-2147948840.jpg",
imageAlt: "3d rotating crystal icon white",
imageAlt: "3d rotating crystal icon white"
},
{
title: "Spatial Architectures",
description: "Designing intricate wireframe environments and volumetric structures that captivate.",
bentoComponent: "3d-card-grid",
items: [
title: "Spatial Architectures", description: "Designing intricate wireframe environments and volumetric structures that captivate.", bentoComponent: "3d-card-grid", items: [
{
name: "Wireframes",
icon: Grid3X3,
name: "Wireframes", icon: Grid3X3,
},
{
name: "Volumetric",
icon: Infinity,
name: "Volumetric", icon: Infinity,
},
{
name: "Environments",
icon: Globe,
name: "Environments", icon: Globe,
},
{
name: "Structures",
icon: Component,
name: "Structures", icon: Component,
},
],
centerIcon: Lightbulb,
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg?_wi=2",
imageAlt: "3d rotating crystal icon white",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg", imageAlt: "3d rotating crystal icon white"},
{
title: "Immersive Particles",
description: "Creating vast, noise-driven particle systems for atmospheric depth and visual wonder.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-23710.jpg?_wi=2",
imageAlt: "3d rotating crystal icon white",
title: "Immersive Particles", description: "Creating vast, noise-driven particle systems for atmospheric depth and visual wonder.", bentoComponent: "reveal-icon", icon: Sparkles,
imageAlt: "3d rotating crystal icon white"
},
]}
title="Core Expertise"
@@ -202,14 +151,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Innovate Labs",
"Quantum UI",
"Data Flow",
"Visionary Corp",
"Sphere Tech",
"Pixel Forge",
"Horizon Digital",
]}
"Innovate Labs", "Quantum UI", "Data Flow", "Visionary Corp", "Sphere Tech", "Pixel Forge", "Horizon Digital"]}
title="Partners & Collaborations"
description="Trusted by creative agencies and innovative startups to bring their visions to life in three dimensions."
tag="Clients"
@@ -221,49 +163,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "project-1",
name: "Interactive DataViz",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/glitter-aesthetic-background_23-2151910353.jpg",
imageAlt: "Interactive Data Visualization Project",
},
id: "project-1", name: "Interactive DataViz", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/glitter-aesthetic-background_23-2151910353.jpg", imageAlt: "Interactive Data Visualization Project"},
{
id: "project-2",
name: "Procedural Landscape",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-pattern-with-smoke-texture-white-grid_53876-133420.jpg",
imageAlt: "Procedural Landscape Generation",
},
id: "project-2", name: "Procedural Landscape", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-pattern-with-smoke-texture-white-grid_53876-133420.jpg", imageAlt: "Procedural Landscape Generation"},
{
id: "project-3",
name: "Product Configurator",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/colored-waterdrops-falling-water_23-2147748937.jpg",
imageAlt: "3D Product Configurator",
},
id: "project-3", name: "Product Configurator", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/colored-waterdrops-falling-water_23-2147748937.jpg", imageAlt: "3D Product Configurator"},
{
id: "project-4",
name: "Virtual Art Gallery",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/metaverse-concept-collage_23-2149417473.jpg",
imageAlt: "Virtual Art Gallery Experience",
},
id: "project-4", name: "Virtual Art Gallery", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/metaverse-concept-collage_23-2149417473.jpg", imageAlt: "Virtual Art Gallery Experience"},
{
id: "project-5",
name: "Real-time Simulation",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-travel-future-time_23-2151160540.jpg",
imageAlt: "Real-time 3D Simulation",
},
id: "project-5", name: "Real-time Simulation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-travel-future-time_23-2151160540.jpg", imageAlt: "Real-time 3D Simulation"},
{
id: "project-6",
price: "Custom",
name: "Brand Experience",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737866.jpg",
imageAlt: "Dynamic 3D Brand Experience",
},
id: "project-6", price: "Custom", name: "Brand Experience", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-background_23-2150737866.jpg", imageAlt: "Dynamic 3D Brand Experience"},
]}
title="Featured Projects"
description="Explore a selection of my latest 3D web experiences, from interactive installations to cinematic virtual worlds."
@@ -275,47 +188,18 @@ export default function LandingPage() {
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Ava Chen",
handle: "Founder, Innovate Labs",
testimonial: "ar_studios delivered an unparalleled 3D experience that exceeded all our expectations. Truly a visionary in web development.",
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",
imageAlt: "Ava Chen, Founder of Innovate Labs",
},
id: "1", name: "Ava Chen", handle: "Founder, Innovate Labs", testimonial: "ar_studios delivered an unparalleled 3D experience that exceeded all our expectations. Truly a visionary in web development.", imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg", imageAlt: "Ava Chen, Founder of Innovate Labs"},
{
id: "2",
name: "Ben Carter",
handle: "Lead Designer, Quantum UI",
testimonial: "The attention to detail and creative problem-solving from ar_studios transformed our abstract idea into a stunning interactive reality.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg",
imageAlt: "Ben Carter, Lead Designer at Quantum UI",
},
id: "2", name: "Ben Carter", handle: "Lead Designer, Quantum UI", testimonial: "The attention to detail and creative problem-solving from ar_studios transformed our abstract idea into a stunning interactive reality.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg", imageAlt: "Ben Carter, Lead Designer at Quantum UI"},
{
id: "3",
name: "Chloe Davis",
handle: "CTO, Data Flow",
testimonial: "Working with ar_studios was seamless; their technical prowess in Three.js brought our complex data visualizations to life beautifully.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg",
imageAlt: "Chloe Davis, CTO of Data Flow",
},
id: "3", name: "Chloe Davis", handle: "CTO, Data Flow", testimonial: "Working with ar_studios was seamless; their technical prowess in Three.js brought our complex data visualizations to life beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg", imageAlt: "Chloe Davis, CTO of Data Flow"},
{
id: "4",
name: "Daniel Evans",
handle: "Marketing Head, Visionary Corp",
testimonial: "The immersive portfolio experience designed by ar_studios perfectly captured our brand's futuristic essence, engaging users like never before.",
imageSrc: "http://img.b2bpic.net/free-photo/boss-drawing-graph-training-smiling-colleagues_1262-1686.jpg",
imageAlt: "Daniel Evans, Marketing Head at Visionary Corp",
},
id: "4", name: "Daniel Evans", handle: "Marketing Head, Visionary Corp", testimonial: "The immersive portfolio experience designed by ar_studios perfectly captured our brand's futuristic essence, engaging users like never before.", imageSrc: "http://img.b2bpic.net/free-photo/boss-drawing-graph-training-smiling-colleagues_1262-1686.jpg", imageAlt: "Daniel Evans, Marketing Head at Visionary Corp"},
{
id: "5",
name: "Ella White",
handle: "Product Manager, Sphere Tech",
testimonial: "ar_studios stands out with their ability to blend high-performance 3D graphics with intuitive web interactions, a rare find.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashion-elegant-long-haired-young-man-attractive-handsome-male-model-black-suit-with-mustache-street-night_158538-13776.jpg",
imageAlt: "Ella White, Product Manager at Sphere Tech",
},
id: "5", name: "Ella White", handle: "Product Manager, Sphere Tech", testimonial: "ar_studios stands out with their ability to blend high-performance 3D graphics with intuitive web interactions, a rare find.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashion-elegant-long-haired-young-man-attractive-handsome-male-model-black-suit-with-mustache-street-night_158538-13776.jpg", imageAlt: "Ella White, Product Manager at Sphere Tech"},
]}
title="What Clients Say"
description="Hear from partners and collaborators about the impact of our immersive 3D solutions."
@@ -327,8 +211,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
tag="Connect"
title="Ready to Build Your Future in 3D?"
description="Let's collaborate on your next groundbreaking project. Reach out to discuss possibilities and bring your wildest ideas to life."
@@ -343,54 +226,33 @@ export default function LandingPage() {
logoText="ar_studios"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About",
href: "#manifesto",
},
label: "About", href: "#manifesto"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Work",
href: "#work",
},
label: "Work", href: "#work"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}