diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 510e15f..45d5aab 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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" /> diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index a1762fb..d84196d 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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" diff --git a/src/app/page.tsx b/src/app/page.tsx index bffd698..bdd8555 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() {