From 7e65d4965ebc4715c10f7f6edc7aebdd342aca53 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 13:05:18 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 301 ++++++++++------------------------------------- 1 file changed, 62 insertions(+), 239 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 85cd551..bc0019a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,25 +32,15 @@ export default function LandingPage() { @@ -114,17 +87,11 @@ export default function LandingPage() { description="At Cinematic 3D, we blend artistic prowess with technical innovation to create compelling visual narratives. Our team of expert animators, modelers, and VFX artists are dedicated to pushing the boundaries of what's possible in the world of 3D. From concept to final render, we meticulously craft every detail to deliver unparalleled immersive experiences for film, games, and interactive media." bulletPoints={[ { - title: "Advanced 3D Modeling", - description: "Intricate characters, environments, and props with unparalleled detail.", - }, + title: "Advanced 3D Modeling", description: "Intricate characters, environments, and props with unparalleled detail."}, { - title: "Dynamic VFX Integration", - description: "Seamless visual effects that enhance realism and cinematic impact.", - }, + title: "Dynamic VFX Integration", description: "Seamless visual effects that enhance realism and cinematic impact."}, { - title: "Immersive Story Development", - description: "Crafting narratives that captivate audiences in every frame.", - }, + title: "Immersive Story Development", description: "Crafting narratives that captivate audiences in every frame."}, ]} imageSrc="http://img.b2bpic.net/free-photo/portrait-elderly-man-working-still-object-masterpiece-drawing-artistic-workshop-retired-artist-sketching-creative-vase-model-using-pencil-white-canvas-wooden-easel-fine-art-studio_482257-35558.jpg" imageAlt="3D Artist working on a cinematic project" @@ -139,57 +106,21 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - title: "Character Animation", - author: "Fluid Motion, Expressive Performance", - description: "Bringing lifelike characters to screen with advanced rigging, keyframe animation, and motion capture techniques for unparalleled realism.", - tags: [ - "Rigging", - "Mo-Cap", - "Realism", - ], - imageSrc: "http://img.b2bpic.net/free-photo/fantasy-troll-character-beautiful-environment_23-2151541233.jpg", - imageAlt: "3D animated character", - }, + id: "f1", title: "Character Animation", author: "Fluid Motion, Expressive Performance", description: "Bringing lifelike characters to screen with advanced rigging, keyframe animation, and motion capture techniques for unparalleled realism.", tags: [ + "Rigging", "Mo-Cap", "Realism"], + imageSrc: "http://img.b2bpic.net/free-photo/fantasy-troll-character-beautiful-environment_23-2151541233.jpg", imageAlt: "3D animated character"}, { - id: "f2", - title: "Visual Effects (VFX)", - author: "Dynamic Simulations, Seamless Integration", - description: "Crafting breathtaking explosions, realistic particle systems, and magical elements that integrate flawlessly into any cinematic scene.", - tags: [ - "Particles", - "Physics", - "Integration", - ], - imageSrc: "http://img.b2bpic.net/free-photo/dynamic-light-painting-background_23-2149679076.jpg", - imageAlt: "3D particle simulation", - }, + id: "f2", title: "Visual Effects (VFX)", author: "Dynamic Simulations, Seamless Integration", description: "Crafting breathtaking explosions, realistic particle systems, and magical elements that integrate flawlessly into any cinematic scene.", tags: [ + "Particles", "Physics", "Integration"], + imageSrc: "http://img.b2bpic.net/free-photo/dynamic-light-painting-background_23-2149679076.jpg", imageAlt: "3D particle simulation"}, { - id: "f3", - title: "Environment Design", - author: "Expansive Worlds, Immersive Details", - description: "Building vast, detailed 3D environments, from futuristic cityscapes to fantastical landscapes, tailored for immersive storytelling.", - tags: [ - "World Building", - "Texturing", - "Lighting", - ], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape_23-2150916322.jpg", - imageAlt: "Photorealistic 3D environment", - }, + id: "f3", title: "Environment Design", author: "Expansive Worlds, Immersive Details", description: "Building vast, detailed 3D environments, from futuristic cityscapes to fantastical landscapes, tailored for immersive storytelling.", tags: [ + "World Building", "Texturing", "Lighting"], + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape_23-2150916322.jpg", imageAlt: "Photorealistic 3D environment"}, { - id: "f4", - title: "Motion Capture", - author: "Precision Movement, Lifelike Action", - description: "Utilizing state-of-the-art motion capture technology to translate human performance into digital animation with exceptional accuracy.", - tags: [ - "Performance", - "Accuracy", - "Data", - ], - imageSrc: "http://img.b2bpic.net/free-photo/black-army-soldier-crying-therapy-session-chroma-key-screen_482257-118703.jpg", - imageAlt: "Motion capture studio", - }, + id: "f4", title: "Motion Capture", author: "Precision Movement, Lifelike Action", description: "Utilizing state-of-the-art motion capture technology to translate human performance into digital animation with exceptional accuracy.", tags: [ + "Performance", "Accuracy", "Data"], + imageSrc: "http://img.b2bpic.net/free-photo/black-army-soldier-crying-therapy-session-chroma-key-screen_482257-118703.jpg", imageAlt: "Motion capture studio"}, ]} title="Our Core Cinematic Capabilities" description="Leveraging advanced techniques and creative artistry, we deliver exceptional 3D services for every aspect of your project." @@ -204,47 +135,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Sci-Fi Short Film: Echoes of Nebula", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/pink-bubbles-dark-water_23-2147798278.jpg", - imageAlt: "Sci-fi short film screenshot", - }, + id: "p1", name: "Sci-Fi Short Film: Echoes of Nebula", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/pink-bubbles-dark-water_23-2147798278.jpg", imageAlt: "Sci-fi short film screenshot"}, { - id: "p2", - name: "Fantasy Animated Series: Whispering Glades", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508424.jpg", - imageAlt: "Fantasy animation screenshot", - }, + id: "p2", name: "Fantasy Animated Series: Whispering Glades", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508424.jpg", imageAlt: "Fantasy animation screenshot"}, { - id: "p3", - name: "Action Game Cinematic: Nitro Pursuit", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-black-sports-car_23-2151955571.jpg", - imageAlt: "3D car chase cinematic", - }, + id: "p3", name: "Action Game Cinematic: Nitro Pursuit", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-black-sports-car_23-2151955571.jpg", imageAlt: "3D car chase cinematic"}, { - id: "p4", - name: "Architectural Walkthrough: Elysian Towers", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/famous-hotel-dieu-building-lyon-france_268835-3662.jpg", - imageAlt: "Architectural visualization", - }, + id: "p4", name: "Architectural Walkthrough: Elysian Towers", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/famous-hotel-dieu-building-lyon-france_268835-3662.jpg", imageAlt: "Architectural visualization"}, { - id: "p5", - name: "VR Experience: Quantum Realm", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-specialist-designing-assembly-lines-virtual-reality_482257-125079.jpg", - imageAlt: "Virtual reality experience", - }, + id: "p5", name: "VR Experience: Quantum Realm", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-specialist-designing-assembly-lines-virtual-reality_482257-125079.jpg", imageAlt: "Virtual reality experience"}, { - id: "p6", - name: "Character Reel: Emotional Depth", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17671.jpg", - imageAlt: "3D character animation reel", - }, + id: "p6", name: "Character Reel: Emotional Depth", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-empty-copyspace_1048-17671.jpg", imageAlt: "3D character animation reel"}, ]} title="Our Masterpiece Projects" description="Explore a selection of our most impactful 3D cinematic works, showcasing our versatility and commitment to visual excellence." @@ -258,31 +159,16 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "10+", - title: "Years of Experience", - items: [ - "A decade of pioneering 3D cinematic excellence.", - "Award-winning team of industry veterans.", - ], + id: "m1", value: "10+", title: "Years of Experience", items: [ + "A decade of pioneering 3D cinematic excellence.", "Award-winning team of industry veterans."], }, { - id: "m2", - value: "500+", - title: "Projects Delivered", - items: [ - "Successfully completed projects across diverse industries.", - "From indie films to AAA game cinematics.", - ], + id: "m2", value: "500+", title: "Projects Delivered", items: [ + "Successfully completed projects across diverse industries.", "From indie films to AAA game cinematics."], }, { - id: "m3", - value: "98%", - title: "Client Satisfaction", - items: [ - "Our dedication to client vision ensures exceptional results.", - "Building long-term partnerships through quality.", - ], + id: "m3", value: "98%", title: "Client Satisfaction", items: [ + "Our dedication to client vision ensures exceptional results.", "Building long-term partnerships through quality."], }, ]} title="Impact & Achievements" @@ -297,53 +183,23 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Ava Sterling", - handle: "@AvaSterling", - testimonial: "Cinematic 3D brought our world to life with incredible detail and emotional depth. Their team's vision and execution are simply unparalleled.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/technician-using-laptop-oversee-server-infrastructure_482257-123099.jpg", - }, + id: "t1", name: "Ava Sterling", handle: "@AvaSterling", testimonial: "Cinematic 3D brought our world to life with incredible detail and emotional depth. Their team's vision and execution are simply unparalleled.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/technician-using-laptop-oversee-server-infrastructure_482257-123099.jpg"}, { - id: "t2", - name: "Ben Carter", - handle: "@BenC_VFX", - testimonial: "The VFX work on our latest project was groundbreaking. Cinematic 3D exceeded every expectation, delivering breathtaking visuals on time and budget.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", - }, + id: "t2", name: "Ben Carter", handle: "@BenC_VFX", testimonial: "The VFX work on our latest project was groundbreaking. Cinematic 3D exceeded every expectation, delivering breathtaking visuals on time and budget.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"}, { - id: "t3", - name: "Chloe Zhao", - handle: "@ChloeGamingDev", - testimonial: "Their character animation for our game was top-tier. The fluidity and expressiveness added so much to the player's immersion. Truly exceptional artists!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-student-using-smartphone-browse-internet-smiling-camera-living-room-young-adult-doing-research-work-school-project-assignment-working-mobile-phone_482257-43331.jpg", - }, + id: "t3", name: "Chloe Zhao", handle: "@ChloeGamingDev", testimonial: "Their character animation for our game was top-tier. The fluidity and expressiveness added so much to the player's immersion. Truly exceptional artists!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-student-using-smartphone-browse-internet-smiling-camera-living-room-young-adult-doing-research-work-school-project-assignment-working-mobile-phone_482257-43331.jpg"}, { - id: "t4", - name: "Daniel Lee", - handle: "@DanielLeeAnim", - testimonial: "As an animation lead myself, I'm highly critical. Cinematic 3D's output is consistently flawless. They're my go-to for complex 3D projects.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134143.jpg", - }, + id: "t4", name: "Daniel Lee", handle: "@DanielLeeAnim", testimonial: "As an animation lead myself, I'm highly critical. Cinematic 3D's output is consistently flawless. They're my go-to for complex 3D projects.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134143.jpg"}, { - id: "t5", - name: "Emily White", - handle: "@EmilyWhiteProd", - testimonial: "From initial concept to final render, their professionalism and creativity shone through. A fantastic partner for any high-stakes cinematic endeavor.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-relaxed-freelance-worker-listening-music-headphones-working-with-laptop-portrait-young-specialists-international-corporation-spending-time-light-cozy-office_197531-3785.jpg", - }, + id: "t5", name: "Emily White", handle: "@EmilyWhiteProd", testimonial: "From initial concept to final render, their professionalism and creativity shone through. A fantastic partner for any high-stakes cinematic endeavor.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-relaxed-freelance-worker-listening-music-headphones-working-with-laptop-portrait-young-specialists-international-corporation-spending-time-light-cozy-office_197531-3785.jpg"}, { - id: "t6", - name: "Frank Davis", - handle: "@FrankD_Studio", - testimonial: "Cinematic 3D has redefined visual storytelling for our studio. Their commitment to quality and innovation makes them an invaluable asset.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/military-officer-reviews-data-from-surveillance-works-tactical-operations_482257-127109.jpg", - }, + id: "t6", name: "Frank Davis", handle: "@FrankD_Studio", testimonial: "Cinematic 3D has redefined visual storytelling for our studio. Their commitment to quality and innovation makes them an invaluable asset.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/military-officer-reviews-data-from-surveillance-works-tactical-operations_482257-127109.jpg"}, ]} showRating={true} title="What Our Clients Say" @@ -358,44 +214,16 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "g1", - groupTitle: "Our Visionaries", - members: [ + id: "g1", groupTitle: "Our Visionaries", members: [ { - id: "m1", - title: "Alex Vance", - subtitle: "3D Director", - detail: "Over 15 years experience in cinematic direction and cutting-edge 3D pipeline development.", - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg", - imageAlt: "Alex Vance", - }, + id: "m1", title: "Alex Vance", subtitle: "3D Director", detail: "Over 15 years experience in cinematic direction and cutting-edge 3D pipeline development.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg", imageAlt: "Alex Vance"}, { - id: "m2", - title: "Maya Chen", - subtitle: "Lead Animator", - detail: "Specializing in character performance and bringing nuanced emotions to life through animation.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-gfirl-is-making-creative-sketces-he-new-puppet-show_613910-12980.jpg", - imageAlt: "Maya Chen", - }, + id: "m2", title: "Maya Chen", subtitle: "Lead Animator", detail: "Specializing in character performance and bringing nuanced emotions to life through animation.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-gfirl-is-making-creative-sketces-he-new-puppet-show_613910-12980.jpg", imageAlt: "Maya Chen"}, { - id: "m3", - title: "Ethan Cross", - subtitle: "VFX Supervisor", - detail: "Master of dynamic simulations, particle effects, and seamless visual integration.", - imageSrc: "http://img.b2bpic.net/free-photo/man-work-office-using-computer-looking-aside_171337-6822.jpg", - imageAlt: "Ethan Cross", - }, + id: "m3", title: "Ethan Cross", subtitle: "VFX Supervisor", detail: "Master of dynamic simulations, particle effects, and seamless visual integration.", imageSrc: "http://img.b2bpic.net/free-photo/man-work-office-using-computer-looking-aside_171337-6822.jpg", imageAlt: "Ethan Cross"}, { - id: "m4", - title: "Sophia Ray", - subtitle: "Concept Artist", - detail: "The creative force behind our unique world-building and character designs.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", - imageAlt: "Sophia Ray", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/night-cityscape-with-skyscrapers-water-reflection-architecture-generative-ai_188544-8847.jpg?_wi=2", - imageAlt: "male 3d director portrait cinematic", + id: "m4", title: "Sophia Ray", subtitle: "Concept Artist", detail: "The creative force behind our unique world-building and character designs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", imageAlt: "Sophia Ray"}, + ] }, ]} title="Meet the Minds Behind the Magic" @@ -407,8 +235,7 @@ export default function LandingPage() {