From 4596bc7e36bd5544ab89b8375bdc2017fd7d0362 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 18:56:39 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 83 +++++++++++++++++++++++++++++++----------------- 1 file changed, 54 insertions(+), 29 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6b95721..f539528 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -36,7 +36,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Explore My Work", href: "#portfolio"}} + text: "Explore My Work", href: "#portfolio" + }} /> @@ -67,27 +68,33 @@ export default function LandingPage() { title: "3D Brand Experience", description: "Complete brand identity system with animated motion graphics and cinematic storytelling for luxury clients", icon: Sparkles, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-showcase-of-a-cutting-edge-3d-brand-id-1772650473192-050d48c0.png?_wi=1", imageAlt: "3D brand identity showcase"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-showcase-of-a-cutting-edge-3d-brand-id-1772650473192-050d48c0.png", imageAlt: "3D brand identity showcase" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/an-immersive-3d-animated-video-productio-1772650473254-b82105f5.png?_wi=1", imageAlt: "Motion graphics demonstration"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/an-immersive-3d-animated-video-productio-1772650473254-b82105f5.png", imageAlt: "Motion graphics demonstration" + }, ], }, { title: "Cinematic Production", description: "High-end video production combining 3D animation, visual effects, and creative direction for commercial campaigns", icon: Film, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/an-immersive-3d-animated-video-productio-1772650473254-b82105f5.png?_wi=2", imageAlt: "Cinematic video production"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/an-immersive-3d-animated-video-productio-1772650473254-b82105f5.png", imageAlt: "Cinematic video production" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-professional-ai-powered-visual-design--1772650472225-b0339b10.png?_wi=1", imageAlt: "Visual effects showcase"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-professional-ai-powered-visual-design--1772650472225-b0339b10.png", imageAlt: "Visual effects showcase" + }, ], }, { title: "AI Creative Technology", description: "Innovative visual production using artificial intelligence and generative design for cutting-edge client experiences", icon: Zap, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-professional-ai-powered-visual-design--1772650472225-b0339b10.png?_wi=2", imageAlt: "AI design generation"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-professional-ai-powered-visual-design--1772650472225-b0339b10.png", imageAlt: "AI design generation" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-showcase-of-a-cutting-edge-3d-brand-id-1772650473192-050d48c0.png?_wi=2", imageAlt: "Generative art showcase"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/a-showcase-of-a-cutting-edge-3d-brand-id-1772650473192-050d48c0.png", imageAlt: "Generative art showcase" + }, ], }, ]} @@ -103,9 +110,11 @@ export default function LandingPage() { description="Proven track record in delivering high-impact creative projects that drive client acquisition and establish industry presence" metrics={[ { - id: "1", value: "50+", title: "Projects Delivered", description: "Complex 3D animations and brand experiences across industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/showcase-of-creative-process-with-multip-1772650473170-a12d1c93.png?_wi=1", imageAlt: "Creative studio workspace"}, + id: "1", value: "50+", title: "Projects Delivered", description: "Complex 3D animations and brand experiences across industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/showcase-of-creative-process-with-multip-1772650473170-a12d1c93.png", imageAlt: "Creative studio workspace" + }, { - id: "2", value: "8 Years", title: "Industry Experience", description: "Proven expertise in design, animation, and creative technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/showcase-of-creative-process-with-multip-1772650473170-a12d1c93.png?_wi=2", imageAlt: "Creative portfolio showcase"}, + id: "2", value: "8 Years", title: "Industry Experience", description: "Proven expertise in design, animation, and creative technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/showcase-of-creative-process-with-multip-1772650473170-a12d1c93.png", imageAlt: "Creative portfolio showcase" + }, ]} animationType="slide-up" textboxLayout="default" @@ -119,11 +128,14 @@ export default function LandingPage() { description="Comprehensive creative solutions spanning brand design, 3D animation, motion graphics, and cutting-edge production technology" products={[ { - id: "1", name: "Brand & Identity Design", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/high-end-3d-brand-identity-creation-show-1772650473430-1a3a0145.png", imageAlt: "Branding design service showcase"}, + id: "1", name: "Brand & Identity Design", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/high-end-3d-brand-identity-creation-show-1772650473430-1a3a0145.png", imageAlt: "Branding design service showcase" + }, { - id: "2", name: "3D Animation & Motion", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-3d-animation-and-motion-gra-1772650472592-3c51e8f1.png", imageAlt: "Animation service showcase"}, + id: "2", name: "3D Animation & Motion", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-3d-animation-and-motion-gra-1772650472592-3c51e8f1.png", imageAlt: "Animation service showcase" + }, { - id: "3", name: "Production & VFX", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/complete-creative-production-workflow-sh-1772650482532-da0c60eb.png", imageAlt: "Production service showcase"}, + id: "3", name: "Production & VFX", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/complete-creative-production-workflow-sh-1772650482532-da0c60eb.png", imageAlt: "Production service showcase" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -138,13 +150,17 @@ export default function LandingPage() { description="What creative directors, brand strategists, and clients say about working with experienced creative talent" testimonials={[ { - id: "1", name: "Alexandra Martinez", role: "Creative Director", testimonial: "Exceptional technical skill combined with genuine creative vision. The 3D animations and motion design elevated our entire campaign beyond expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-creative-dire-1772650472407-2612cfd9.png", imageAlt: "Alexandra Martinez"}, + id: "1", name: "Alexandra Martinez", role: "Creative Director", testimonial: "Exceptional technical skill combined with genuine creative vision. The 3D animations and motion design elevated our entire campaign beyond expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-creative-dire-1772650472407-2612cfd9.png", imageAlt: "Alexandra Martinez" + }, { - id: "2", name: "Marcus Chen", role: "Brand Strategist", testimonial: "Working with this portfolio demonstrated mastery of both technical execution and creative storytelling. Truly sets a high bar for production quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-brand-strateg-1772650472474-6239869c.png", imageAlt: "Marcus Chen"}, + id: "2", name: "Marcus Chen", role: "Brand Strategist", testimonial: "Working with this portfolio demonstrated mastery of both technical execution and creative storytelling. Truly sets a high bar for production quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-brand-strateg-1772650472474-6239869c.png", imageAlt: "Marcus Chen" + }, { - id: "3", name: "Sophie Laurent", role: "CEO", testimonial: "The cinematic quality of work, combined with innovative use of AI and creative technology, delivered measurable business impact. Highly recommended for premium productions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-tech-entrepre-1772650472724-0fc63d73.png", imageAlt: "Sophie Laurent"}, + id: "3", name: "Sophie Laurent", role: "CEO", testimonial: "The cinematic quality of work, combined with innovative use of AI and creative technology, delivered measurable business impact. Highly recommended for premium productions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-tech-entrepre-1772650472724-0fc63d73.png", imageAlt: "Sophie Laurent" + }, { - id: "4", name: "James Patterson", role: "Marketing Director", testimonial: "Brought our brand vision to life with stunning 3D animations and motion graphics. Professional, responsive, and creatively excellent throughout the entire process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-marketing-exe-1772650471918-930f175b.png", imageAlt: "James Patterson"}, + id: "4", name: "James Patterson", role: "Marketing Director", testimonial: "Brought our brand vision to life with stunning 3D animations and motion graphics. Professional, responsive, and creatively excellent throughout the entire process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/professional-headshot-of-a-marketing-exe-1772650471918-930f175b.png", imageAlt: "James Patterson" + }, ]} animationType="slide-up" textboxLayout="default" @@ -158,17 +174,19 @@ export default function LandingPage() { description="Talented designers, animators, and technologists dedicated to delivering world-class creative experiences" team={[ { - id: "1", name: "Creative Lead", role: "3D Design & Animation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-3d-animator-in-creative-wo-1772650472627-9fdffe22.png", imageAlt: "3D animator and designer"}, + id: "1", name: "Creative Lead", role: "3D Design & Animation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-3d-animator-in-creative-wo-1772650472627-9fdffe22.png", imageAlt: "3D animator and designer" + }, { - id: "2", name: "Motion Director", role: "Motion Graphics & VFX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-motion-designer-in-creativ-1772650471983-0708794a.png", imageAlt: "Motion graphics expert"}, + id: "2", name: "Motion Director", role: "Motion Graphics & VFX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-motion-designer-in-creativ-1772650471983-0708794a.png", imageAlt: "Motion graphics expert" + }, { - id: "3", name: "Tech Creative", role: "Creative Technology & AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-creative-technologist-in-m-1772650473642-8340a1ed.png", imageAlt: "Creative technologist"}, + id: "3", name: "Tech Creative", role: "Creative Technology & AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-creative-technologist-in-m-1772650473642-8340a1ed.png", imageAlt: "Creative technologist" + }, { - id: "4", name: "Production Manager", role: "Visual Effects & Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-visual-effects-artist-in-c-1772650472530-34d59f7d.png", imageAlt: "VFX and production specialist"}, + id: "4", name: "Production Manager", role: "Visual Effects & Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP2qknECGM5bPhp5691PLlYfgV/portrait-of-a-visual-effects-artist-in-c-1772650472530-34d59f7d.png", imageAlt: "VFX and production specialist" + }, ]} animationType="slide-up" - title="Creative Team" - description="Talented designers, animators, and technologists dedicated to delivering world-class creative experiences" textboxLayout="default" useInvertedBackground={false} /> @@ -179,17 +197,22 @@ export default function LandingPage() { ctaTitle="Let's Create Something Extraordinary" ctaDescription="Ready to elevate your brand with immersive 3D experiences and cinematic motion design? Start a conversation about your next creative project." ctaButton={{ - text: "Schedule a Consultation", href: "mailto:hello@portfolio.com"}} + text: "Schedule a Consultation", href: "mailto:hello@portfolio.com" + }} ctaIcon={MessageCircle} faqs={[ { - id: "1", title: "What types of projects do you specialize in?", content: "I specialize in brand design, 3D animation, motion graphics, cinematic video production, and creative technology integration. My work spans luxury brands, tech startups, agencies, and innovative campaigns across diverse industries."}, + id: "1", title: "What types of projects do you specialize in?", content: "I specialize in brand design, 3D animation, motion graphics, cinematic video production, and creative technology integration. My work spans luxury brands, tech startups, agencies, and innovative campaigns across diverse industries." + }, { - id: "2", title: "What's your typical project timeline?", content: "Project timelines vary based on scope and complexity. Simple animations start at 2-3 weeks, while comprehensive brand experiences typically run 6-12 weeks. I'll provide a detailed timeline during our initial consultation."}, + id: "2", title: "What's your typical project timeline?", content: "Project timelines vary based on scope and complexity. Simple animations start at 2-3 weeks, while comprehensive brand experiences typically run 6-12 weeks. I'll provide a detailed timeline during our initial consultation." + }, { - id: "3", title: "Do you work with agencies and studios?", content: "Yes, I actively collaborate with design agencies, animation studios, and production companies. I offer flexible engagement models including freelance projects, retainers, and contract work."}, + id: "3", title: "Do you work with agencies and studios?", content: "Yes, I actively collaborate with design agencies, animation studios, and production companies. I offer flexible engagement models including freelance projects, retainers, and contract work." + }, { - id: "4", title: "How do you approach creative collaboration?", content: "I believe in transparent communication and iterative feedback. Expect regular progress updates, multiple revision rounds, and active involvement in shaping the final creative direction."}, + id: "4", title: "How do you approach creative collaboration?", content: "I believe in transparent communication and iterative feedback. Expect regular progress updates, multiple revision rounds, and active involvement in shaping the final creative direction." + }, ]} useInvertedBackground={true} animationType="slide-up" @@ -200,9 +223,11 @@ export default function LandingPage() { -- 2.49.1