Merge version_2 into main #3
@@ -48,7 +48,7 @@ export default function AboutPage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80"
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=9"
|
||||
imageAlt="About Portfolio3D"
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "/" },
|
||||
@@ -71,11 +71,11 @@ export default function AboutPage() {
|
||||
animationType="scale-rotate"
|
||||
features={[
|
||||
{
|
||||
title: "Cutting-Edge Technology", description: "We leverage the latest in 3D graphics, real-time rendering, and interactive systems to create experiences that push boundaries.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "cutting edge technology"},
|
||||
title: "Cutting-Edge Technology", description: "We leverage the latest in 3D graphics, real-time rendering, and interactive systems to create experiences that push boundaries.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=10", imageAlt: "cutting edge technology"},
|
||||
{
|
||||
title: "Creative Excellence", description: "Our team combines artistic vision with technical expertise to deliver visually stunning and emotionally engaging experiences.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "creative excellence"},
|
||||
title: "Creative Excellence", description: "Our team combines artistic vision with technical expertise to deliver visually stunning and emotionally engaging experiences.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=11", imageAlt: "creative excellence"},
|
||||
{
|
||||
title: "Client-Focused", description: "We work closely with our clients to understand their goals and create custom solutions that exceed expectations and drive results.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "client focused approach"},
|
||||
title: "Client-Focused", description: "We work closely with our clients to understand their goals and create custom solutions that exceed expectations and drive results.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=12", imageAlt: "client focused approach"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
|
||||
@@ -48,7 +48,7 @@ export default function ContactPage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80"
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=20"
|
||||
imageAlt="Contact us"
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "/" },
|
||||
@@ -75,7 +75,7 @@ export default function ContactPage() {
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=600&h=600&fit=crop"
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=600&h=600&fit=crop&_wi=2"
|
||||
imageAlt="3D portfolio showcase"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
|
||||
@@ -51,7 +51,7 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
videoSrc="https://assets.codepen.io/754385/rotate.mp4"
|
||||
videoSrc="https://assets.codepen.io/754385/rotate.mp4?_wi=1"
|
||||
videoAriaLabel="3D interactive showcase"
|
||||
buttons={[
|
||||
{ text: "Explore Projects", href: "#projects" },
|
||||
@@ -74,13 +74,13 @@ export default function HomePage() {
|
||||
animationType="scale-rotate"
|
||||
features={[
|
||||
{
|
||||
title: "3D Product Configurator", description: "Interactive 3D product visualization with real-time customization, material selection, and dynamic lighting.", videoSrc: "https://assets.codepen.io/754385/rotate.mp4", videoAriaLabel: "3D product configurator demo"},
|
||||
title: "3D Product Configurator", description: "Interactive 3D product visualization with real-time customization, material selection, and dynamic lighting.", videoSrc: "https://assets.codepen.io/754385/rotate.mp4?_wi=2", videoAriaLabel: "3D product configurator demo"},
|
||||
{
|
||||
title: "Immersive Brand Experience", description: "Full-screen 3D brand experience with scroll-triggered animations, gesture controls, and spatial design.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "immersive brand experience"},
|
||||
title: "Immersive Brand Experience", description: "Full-screen 3D brand experience with scroll-triggered animations, gesture controls, and spatial design.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=1", imageAlt: "immersive brand experience"},
|
||||
{
|
||||
title: "Interactive Data Visualization", description: "Complex 3D data visualization with real-time updates, interactive filtering, and immersive exploration.", videoSrc: "https://assets.codepen.io/754385/rotate.mp4", videoAriaLabel: "3D data visualization"},
|
||||
title: "Interactive Data Visualization", description: "Complex 3D data visualization with real-time updates, interactive filtering, and immersive exploration.", videoSrc: "https://assets.codepen.io/754385/rotate.mp4?_wi=3", videoAriaLabel: "3D data visualization"},
|
||||
{
|
||||
title: "AR Experience Platform", description: "Augmented reality integration combining 3D models with real-world environments for mobile and web.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "AR experience platform"},
|
||||
title: "AR Experience Platform", description: "Augmented reality integration combining 3D models with real-world environments for mobile and web.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=2", imageAlt: "AR experience platform"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,17 +99,17 @@ export default function HomePage() {
|
||||
animationType="depth-3d"
|
||||
features={[
|
||||
{
|
||||
title: "Three.js & Babylon.js", description: "Expert-level 3D graphics programming with advanced shaders, particle systems, and real-time rendering optimization.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "3D graphics programming"},
|
||||
title: "Three.js & Babylon.js", description: "Expert-level 3D graphics programming with advanced shaders, particle systems, and real-time rendering optimization.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=3", imageAlt: "3D graphics programming"},
|
||||
{
|
||||
title: "WebGL & WebGPU", description: "Cutting-edge GPU-accelerated graphics for ultra-high-performance 3D applications and visualizations.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "WebGL GPU programming"},
|
||||
title: "WebGL & WebGPU", description: "Cutting-edge GPU-accelerated graphics for ultra-high-performance 3D applications and visualizations.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=4", imageAlt: "WebGL GPU programming"},
|
||||
{
|
||||
title: "Motion Design & Animation", description: "Sophisticated animation systems with GSAP, Framer Motion, and custom physics engines for fluid interactions.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "motion design and animation"},
|
||||
title: "Motion Design & Animation", description: "Sophisticated animation systems with GSAP, Framer Motion, and custom physics engines for fluid interactions.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=5", imageAlt: "motion design and animation"},
|
||||
{
|
||||
title: "AR/VR Development", description: "Full-stack augmented and virtual reality experiences using WebXR, Three.js, and mobile platforms.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "AR VR development"},
|
||||
title: "AR/VR Development", description: "Full-stack augmented and virtual reality experiences using WebXR, Three.js, and mobile platforms.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=6", imageAlt: "AR VR development"},
|
||||
{
|
||||
title: "Performance Optimization", description: "Advanced optimization techniques ensuring 60fps animations and smooth interactions across all devices.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "performance optimization"},
|
||||
title: "Performance Optimization", description: "Advanced optimization techniques ensuring 60fps animations and smooth interactions across all devices.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=7", imageAlt: "performance optimization"},
|
||||
{
|
||||
title: "Interactive Experiences", description: "Custom-built interactive systems combining user input, real-time data, and immersive 3D environments.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "interactive experiences"},
|
||||
title: "Interactive Experiences", description: "Custom-built interactive systems combining user input, real-time data, and immersive 3D environments.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=8", imageAlt: "interactive experiences"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -119,17 +119,17 @@ export default function HomePage() {
|
||||
<TeamCardFive
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Alex Chen", role: "Creative Director", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop", imageAlt: "Alex Chen - Creative Director"},
|
||||
id: "1", name: "Alex Chen", role: "Creative Director", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=1", imageAlt: "Alex Chen - Creative Director"},
|
||||
{
|
||||
id: "2", name: "Maya Rodriguez", role: "3D Developer", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop", imageAlt: "Maya Rodriguez - 3D Developer"},
|
||||
id: "2", name: "Maya Rodriguez", role: "3D Developer", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=1", imageAlt: "Maya Rodriguez - 3D Developer"},
|
||||
{
|
||||
id: "3", name: "Jordan Lee", role: "Motion Designer", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop", imageAlt: "Jordan Lee - Motion Designer"},
|
||||
{
|
||||
id: "4", name: "Sam Taylor", role: "UI/UX Designer", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop", imageAlt: "Sam Taylor - UI/UX Designer"},
|
||||
{
|
||||
id: "5", name: "Chris Park", role: "WebGL Specialist", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop", imageAlt: "Chris Park - WebGL Specialist"},
|
||||
id: "5", name: "Chris Park", role: "WebGL Specialist", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=2", imageAlt: "Chris Park - WebGL Specialist"},
|
||||
{
|
||||
id: "6", name: "Emma Wilson", role: "AR/VR Developer", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop", imageAlt: "Emma Wilson - AR/VR Developer"},
|
||||
id: "6", name: "Emma Wilson", role: "AR/VR Developer", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=2", imageAlt: "Emma Wilson - AR/VR Developer"},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
title="Meet Our Team"
|
||||
@@ -184,7 +184,7 @@ export default function HomePage() {
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=600&h=600&fit=crop"
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=600&h=600&fit=crop&_wi=1"
|
||||
imageAlt="3D portfolio showcase"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
|
||||
@@ -48,7 +48,7 @@ export default function ServicesPage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80"
|
||||
imageSrc="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=13"
|
||||
imageAlt="Our Services"
|
||||
buttons={[
|
||||
{ text: "View Projects", href: "/" },
|
||||
@@ -71,17 +71,17 @@ export default function ServicesPage() {
|
||||
animationType="depth-3d"
|
||||
features={[
|
||||
{
|
||||
title: "3D Modeling & Animation", description: "Professional 3D modeling, texturing, rigging, and animation for product visualization and interactive content.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "3D modeling and animation"},
|
||||
title: "3D Modeling & Animation", description: "Professional 3D modeling, texturing, rigging, and animation for product visualization and interactive content.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=14", imageAlt: "3D modeling and animation"},
|
||||
{
|
||||
title: "Interactive Web Experiences", description: "Custom-built interactive websites with 3D graphics, animations, and immersive user interfaces.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "interactive web experiences"},
|
||||
title: "Interactive Web Experiences", description: "Custom-built interactive websites with 3D graphics, animations, and immersive user interfaces.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=15", imageAlt: "interactive web experiences"},
|
||||
{
|
||||
title: "WebGL Development", description: "Advanced WebGL programming for high-performance 3D graphics and real-time rendering applications.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "WebGL development"},
|
||||
title: "WebGL Development", description: "Advanced WebGL programming for high-performance 3D graphics and real-time rendering applications.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=16", imageAlt: "WebGL development"},
|
||||
{
|
||||
title: "AR/VR Solutions", description: "Augmented and virtual reality experiences for web, mobile, and specialized VR platforms.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "AR VR solutions"},
|
||||
title: "AR/VR Solutions", description: "Augmented and virtual reality experiences for web, mobile, and specialized VR platforms.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=17", imageAlt: "AR VR solutions"},
|
||||
{
|
||||
title: "Motion Design & Animation", description: "Sophisticated motion graphics, transitions, and animation systems for seamless user interactions.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "motion design and animation"},
|
||||
title: "Motion Design & Animation", description: "Sophisticated motion graphics, transitions, and animation systems for seamless user interactions.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=18", imageAlt: "motion design and animation"},
|
||||
{
|
||||
title: "Performance Optimization", description: "Comprehensive optimization ensuring smooth 60fps performance across all devices and browsers.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80", imageAlt: "performance optimization"},
|
||||
title: "Performance Optimization", description: "Comprehensive optimization ensuring smooth 60fps performance across all devices and browsers.", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&q=80&_wi=19", imageAlt: "performance optimization"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user