From 53c9c25c8db7675cba754f39a00feae1f0410be3 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 22:21:01 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 279 ++++++++++------------------------------------- 1 file changed, 56 insertions(+), 223 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d366b51..bf95937 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,41 +33,25 @@ export default function LandingPage() { @@ -77,39 +61,23 @@ export default function LandingPage() { description="Building hyper-interactive digital experiences with cutting-edge AI automation. Elevating brands to Apple, Stripe, and Linear-level presence." buttons={[ { - text: "Explore Services", - href: "#services", - }, + text: "Explore Services", href: "#services"}, { - text: "Get a Quote", - href: "#contact", - }, + text: "Get a Quote", href: "#contact"}, ]} slides={[ { - imageSrc: "asset://ai-core-1", - imageAlt: "Fluid 3D AI Core with Electric Blue glow", - }, + imageSrc: "asset://ai-core-1", imageAlt: "Fluid 3D AI Core with Electric Blue glow"}, { - imageSrc: "asset://ai-core-2", - imageAlt: "Morphing 3D Torus Knot with Deep Hyper-Purple aura", - }, + imageSrc: "asset://ai-core-2", imageAlt: "Morphing 3D Torus Knot with Deep Hyper-Purple aura"}, { - imageSrc: "asset://ai-core-3", - imageAlt: "Dynamic Mesh Sphere with reactive light trails", - }, + imageSrc: "asset://ai-core-3", imageAlt: "Dynamic Mesh Sphere with reactive light trails"}, { - imageSrc: "asset://ai-core-4", - imageAlt: "Abstract AI Brain model in a cybernetic style", - }, + imageSrc: "asset://ai-core-4", imageAlt: "Abstract AI Brain model in a cybernetic style"}, { - imageSrc: "asset://ai-core-5", - imageAlt: "Networked 3D data visualization with blue and purple hues", - }, + imageSrc: "asset://ai-core-5", imageAlt: "Networked 3D data visualization with blue and purple hues"}, { - imageSrc: "asset://ai-core-6", - imageAlt: "Interactive 3D particle cloud representing AI processing", - }, + imageSrc: "asset://ai-core-6", imageAlt: "Interactive 3D particle cloud representing AI processing"}, ]} autoplayDelay={4000} showDimOverlay={true} @@ -124,47 +92,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "1", - name: "Custom Web Development", - price: "Tailored Solutions", - imageSrc: "asset://web-dev-3d", - imageAlt: "Floating 3D wireframe grid representing web development", - }, + id: "1", name: "Custom Web Development", price: "Tailored Solutions", imageSrc: "asset://web-dev-3d", imageAlt: "Floating 3D wireframe grid representing web development"}, { - id: "2", - name: "AI Agents & Automation", - price: "Intelligent Systems", - imageSrc: "asset://ai-agents-3d", - imageAlt: "Dense constellation particle system representing AI neural networks", - }, + id: "2", name: "AI Agents & Automation", price: "Intelligent Systems", imageSrc: "asset://ai-agents-3d", imageAlt: "Dense constellation particle system representing AI neural networks"}, { - id: "3", - name: "Premium Maintenance", - price: "24/7 Support", - imageSrc: "asset://maintenance-3d", - imageAlt: "Glowing 3D mechanical ring structure for system maintenance", - }, + id: "3", name: "Premium Maintenance", price: "24/7 Support", imageSrc: "asset://maintenance-3d", imageAlt: "Glowing 3D mechanical ring structure for system maintenance"}, { - id: "4", - name: "Digital Transformation", - price: "Strategic Roadmaps", - imageSrc: "asset://digital-transform-3d", - imageAlt: "Abstract 3D data flow visualization for digital transformation", - }, + id: "4", name: "Digital Transformation", price: "Strategic Roadmaps", imageSrc: "asset://digital-transform-3d", imageAlt: "Abstract 3D data flow visualization for digital transformation"}, { - id: "5", - name: "Cloud Infrastructure", - price: "Scalable Deployments", - imageSrc: "asset://cloud-infra-3d", - imageAlt: "Interconnected 3D network nodes for cloud infrastructure", - }, + id: "5", name: "Cloud Infrastructure", price: "Scalable Deployments", imageSrc: "asset://cloud-infra-3d", imageAlt: "Interconnected 3D network nodes for cloud infrastructure"}, { - id: "6", - name: "Data Analytics & Insights", - price: "Actionable Intelligence", - imageSrc: "asset://data-analytics-3d", - imageAlt: "Complex 3D graph representing data streams and analytics", - }, + id: "6", name: "Data Analytics & Insights", price: "Actionable Intelligence", imageSrc: "asset://data-analytics-3d", imageAlt: "Complex 3D graph representing data streams and analytics"}, ]} title="Our Core Services" description="Unlock unparalleled digital prowess with our bespoke web development and intelligent AI automation solutions." @@ -179,19 +117,13 @@ export default function LandingPage() { description="We are an elite team of creative technologists and engineers, dedicated to crafting bespoke web solutions and intelligent AI automations that redefine industry standards. Our passion lies in engineering seamless, high-performance digital experiences." bulletPoints={[ { - title: "Innovation-Driven", - description: "Constantly pushing boundaries with new technologies and creative approaches.", - icon: Sparkles, + title: "Innovation-Driven", description: "Constantly pushing boundaries with new technologies and creative approaches.", icon: Sparkles, }, { - title: "Client-Centric", - description: "Tailoring every solution to meet unique business goals and exceed expectations.", - icon: Users, + title: "Client-Centric", description: "Tailoring every solution to meet unique business goals and exceed expectations.", icon: Users, }, { - title: "Unrivaled Quality", - description: "Delivering robust, scalable, and secure applications with pixel-perfect precision.", - icon: CheckCircle, + title: "Unrivaled Quality", description: "Delivering robust, scalable, and secure applications with pixel-perfect precision.", icon: CheckCircle, }, ]} imageSrc="asset://about-futuristic-desk" @@ -206,29 +138,13 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Real-time 3D Graphics", - description: "Immersive WebGL experiences with Three.js and React Three Fiber for captivating visuals.", - imageSrc: "asset://feature-3d-graphics", - imageAlt: "Abstract 3D graphic rendering on a dark background", - }, + title: "Real-time 3D Graphics", description: "Immersive WebGL experiences with Three.js and React Three Fiber for captivating visuals.", imageSrc: "asset://feature-3d-graphics", imageAlt: "Abstract 3D graphic rendering on a dark background"}, { - title: "Framer Motion Animations", - description: "Fluid, scroll-driven, and magnetic animations that bring interfaces to life.", - imageSrc: "asset://feature-framer-motion", - imageAlt: "Animated UI elements flowing across a screen", - }, + title: "Framer Motion Animations", description: "Fluid, scroll-driven, and magnetic animations that bring interfaces to life.", imageSrc: "asset://feature-framer-motion", imageAlt: "Animated UI elements flowing across a screen"}, { - title: "Optimized AI Workflows", - description: "Seamless integration of AI agents and automation for intelligent business processes.", - imageSrc: "asset://feature-ai-workflow", - imageAlt: "Diagram showing optimized AI workflow with data points", - }, + title: "Optimized AI Workflows", description: "Seamless integration of AI agents and automation for intelligent business processes.", imageSrc: "asset://feature-ai-workflow", imageAlt: "Diagram showing optimized AI workflow with data points"}, { - title: "Robust Next.js Architecture", - description: "Scalable and high-performance applications built on the leading React framework.", - imageSrc: "asset://feature-nextjs", - imageAlt: "Next.js logo integrated with code snippets", - }, + title: "Robust Next.js Architecture", description: "Scalable and high-performance applications built on the leading React framework.", imageSrc: "asset://feature-nextjs", imageAlt: "Next.js logo integrated with code snippets"}, ]} title="Advanced Interaction & Performance" description="Experience websites that are not just visually stunning, but also incredibly fast, secure, and intuitive. We integrate the latest technologies for unmatched user engagement." @@ -241,50 +157,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - title: "Revolutionary Web Presence", - quote: "Our new website is a masterpiece. The interactive 3D elements and smooth animations have captivated our audience and significantly boosted engagement. Truly a game-changer!", - name: "Dr. Elena Petrova", - role: "CEO, Quantum Dynamics", - imageSrc: "asset://testimonial-1", - imageAlt: "Portrait of Dr. Elena Petrova", - }, + id: "1", title: "Revolutionary Web Presence", quote: "Our new website is a masterpiece. The interactive 3D elements and smooth animations have captivated our audience and significantly boosted engagement. Truly a game-changer!", name: "Dr. Elena Petrova", role: "CEO, Quantum Dynamics", imageSrc: "asset://testimonial-1", imageAlt: "Portrait of Dr. Elena Petrova"}, { - id: "2", - title: "Seamless AI Integration", - quote: "The AI automation solutions provided by the agency have streamlined our operations beyond expectation. Efficiency is up, costs are down, and our team is more productive than ever.", - name: "Markus Jensen", - role: "CTO, Synapse Innovations", - imageSrc: "asset://testimonial-2", - imageAlt: "Portrait of Markus Jensen", - }, + id: "2", title: "Seamless AI Integration", quote: "The AI automation solutions provided by the agency have streamlined our operations beyond expectation. Efficiency is up, costs are down, and our team is more productive than ever.", name: "Markus Jensen", role: "CTO, Synapse Innovations", imageSrc: "asset://testimonial-2", imageAlt: "Portrait of Markus Jensen"}, { - id: "3", - title: "Unmatched Design & Speed", - quote: "We needed a website that stood out, and they delivered. The attention to detail, the performance, and the unique interactive features are truly next-level.", - name: "Sophia Rodriguez", - role: "Head of Marketing, Apex Solutions", - imageSrc: "asset://testimonial-3", - imageAlt: "Portrait of Sophia Rodriguez", - }, + id: "3", title: "Unmatched Design & Speed", quote: "We needed a website that stood out, and they delivered. The attention to detail, the performance, and the unique interactive features are truly next-level.", name: "Sophia Rodriguez", role: "Head of Marketing, Apex Solutions", imageSrc: "asset://testimonial-3", imageAlt: "Portrait of Sophia Rodriguez"}, { - id: "4", - title: "Exceptional Partnership", - quote: "From concept to launch, the team was brilliant. Their expertise in both web development and AI is evident in every aspect of our new platform. Highly recommended!", - name: "David Chen", - role: "Founder, FutureForge", - imageSrc: "asset://testimonial-4", - imageAlt: "Portrait of David Chen", - }, + id: "4", title: "Exceptional Partnership", quote: "From concept to launch, the team was brilliant. Their expertise in both web development and AI is evident in every aspect of our new platform. Highly recommended!", name: "David Chen", role: "Founder, FutureForge", imageSrc: "asset://testimonial-4", imageAlt: "Portrait of David Chen"}, { - id: "5", - title: "Truly Transformative", - quote: "The new digital experience has transformed how our clients interact with us. It's intuitive, visually stunning, and has set a new benchmark for our industry.", - name: "Amelia White", - role: "Director of Product, InnovateX", - imageSrc: "asset://testimonial-5", - imageAlt: "Portrait of Amelia White", - }, + id: "5", title: "Truly Transformative", quote: "The new digital experience has transformed how our clients interact with us. It's intuitive, visually stunning, and has set a new benchmark for our industry.", name: "Amelia White", role: "Director of Product, InnovateX", imageSrc: "asset://testimonial-5", imageAlt: "Portrait of Amelia White"}, ]} title="Client Success Stories" description="Hear directly from industry leaders who have experienced the transformative power of our digital solutions." @@ -296,14 +177,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "GlobalTech Solutions", - "AI Innovations Hub", - "Digital Future Labs", - "Quantum Computing Inc.", - "Cybernetic Systems", - "DataStream Analytics", - "NeuralNet Ventures", - ]} + "GlobalTech Solutions", "AI Innovations Hub", "Digital Future Labs", "Quantum Computing Inc.", "Cybernetic Systems", "DataStream Analytics", "NeuralNet Ventures"]} title="Trusted by Industry Leaders" description="Our innovative solutions are adopted by forward-thinking companies across various sectors." /> @@ -315,30 +189,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What technologies do you specialize in for web development?", - content: "We primarily specialize in Next.js, React, Node.js, and modern frontend frameworks, ensuring robust, scalable, and high-performance web applications. We also integrate serverless architectures and cloud services like AWS and Vercel.", - }, + id: "q1", title: "What technologies do you specialize in for web development?", content: "We primarily specialize in Next.js, React, Node.js, and modern frontend frameworks, ensuring robust, scalable, and high-performance web applications. We also integrate serverless architectures and cloud services like AWS and Vercel."}, { - id: "q2", - title: "How do your AI automation solutions work?", - content: "Our AI solutions leverage machine learning, natural language processing, and advanced algorithms to automate complex tasks, optimize workflows, and provide data-driven insights. We build custom AI agents tailored to your specific business needs.", - }, + id: "q2", title: "How do your AI automation solutions work?", content: "Our AI solutions leverage machine learning, natural language processing, and advanced algorithms to automate complex tasks, optimize workflows, and provide data-driven insights. We build custom AI agents tailored to your specific business needs."}, { - id: "q3", - title: "What is the typical timeline for a custom web project?", - content: "Project timelines vary based on complexity and scope. A typical custom web development project can range from 8 to 20 weeks, including discovery, design, development, testing, and deployment. We provide a detailed roadmap after our initial consultation.", - }, + id: "q3", title: "What is the typical timeline for a custom web project?", content: "Project timelines vary based on complexity and scope. A typical custom web development project can range from 8 to 20 weeks, including discovery, design, development, testing, and deployment. We provide a detailed roadmap after our initial consultation."}, { - id: "q4", - title: "Do you offer post-launch support and maintenance?", - content: "Absolutely. We offer comprehensive post-launch support and maintenance packages, including bug fixes, security updates, performance monitoring, and ongoing feature development to ensure your digital assets remain cutting-edge and secure.", - }, + id: "q4", title: "Do you offer post-launch support and maintenance?", content: "Absolutely. We offer comprehensive post-launch support and maintenance packages, including bug fixes, security updates, performance monitoring, and ongoing feature development to ensure your digital assets remain cutting-edge and secure."}, { - id: "q5", - title: "What sets your agency apart from competitors?", - content: "Our unique blend of artistic creativity and technical mastery, especially in interactive 3D WebGL experiences and bespoke AI automation, sets us apart. We don't just build websites; we craft immersive digital ecosystems that captivate and convert.", - }, + id: "q5", title: "What sets your agency apart from competitors?", content: "Our unique blend of artistic creativity and technical mastery, especially in interactive 3D WebGL experiences and bespoke AI automation, sets us apart. We don't just build websites; we craft immersive digital ecosystems that captivate and convert."}, ]} title="Frequently Asked Questions" description="Find answers to common inquiries about our web development and AI automation services." @@ -350,8 +209,7 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1