{"id":10277,"date":"2026-06-22T09:21:39","date_gmt":"2026-06-22T09:21:39","guid":{"rendered":"https:\/\/wp.cgifurniture.com\/3d-installation-animation-services\/"},"modified":"2026-06-22T09:21:39","modified_gmt":"2026-06-22T09:21:39","slug":"3d-installation-animation-services","status":"publish","type":"page","link":"https:\/\/wp.cgifurniture.com\/?page_id=10277","title":{"rendered":"3D Installation Animation Services"},"content":{"rendered":"<div class=\"cgi-iap\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 1 \u2014 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"relative bg-gradient-to-tr from-slate-200 to-white dark:from-black dark:to-gray-950 pt-header overflow-hidden\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl relative\">\n    <div class=\"pt-8 sm:pt-12 lg:pt-20 pb-6 lg:pb-10\">\n\n      <!-- Breadcrumb -->\n      <nav aria-label=\"Breadcrumb\" class=\"mb-8\">\n        <ol class=\"flex items-center gap-x-1.5 text-sm text-gray-500 dark:text-gray-400\">\n          <li><a href=\"\/\" class=\"hover:text-gray-700 dark:hover:text-gray-200 font-semibold\">Home<\/a><\/li>\n          <li><svg class=\"w-4 h-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z\"\/><\/svg><\/li>\n          <li><a href=\"\/services\/\" class=\"hover:text-gray-700 dark:hover:text-gray-200 font-semibold\">Services<\/a><\/li>\n          <li><svg class=\"w-4 h-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z\"\/><\/svg><\/li>\n          <li class=\"text-gray-700 dark:text-gray-200 font-semibold truncate\">3D Installation Animation Services<\/li>\n        <\/ol>\n      <\/nav>\n\n      <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n        <!-- Left: text -->\n        <div>\n          <h1 class=\"text-4xl sm:text-6xl xl:text-7xl text-gray-800 dark:text-gray-200 font-display font-semibold leading-tight\">\n            3D Installation Animation Services<br>\n            <em class=\"not-italic text-primary-500\">for Products of Any Complexity<\/em>\n          <\/h1>\n          <p class=\"text-lg sm:text-xl text-gray-600 dark:text-gray-400 max-w-xl leading-relaxed\" style=\"margin-top:2.5rem;\">\n            Turn setup instructions into clear, photorealistic motion that helps customers install with confidence \u2014 whether the product is a kitchen waste disposer or a run of fence panels, and without a camera crew or a physical prototype.\n          <\/p>\n          <div class=\"flex flex-wrap gap-4\" style=\"margin-top:2.5rem;\">\n            <a href=\"\/demo-request\/\" class=\"inline-flex items-center gap-2.5 px-6 py-3.5 rounded-xl bg-primary-500 hover:bg-primary-600 text-white font-semibold text-base shadow-sm transition-colors\" data-ga=\"hero-schedule-demo\">\n              Schedule a Demo\n            <\/a>\n            <button type=\"button\" id=\"btn-pricelist\" class=\"inline-flex items-center gap-2.5 px-6 py-3.5 rounded-xl bg-white hover:bg-primary-500 hover:text-white ring-1 ring-gray-300 text-gray-700 font-semibold text-base shadow-sm transition-colors\" data-ga=\"hero-download-pricelist\">\n              <svg class=\"h-5 w-5 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\n              Download Price List\n            <\/button>\n          <\/div>\n          <p class=\"text-base text-gray-400 dark:text-gray-500\" style=\"margin-top:2rem;\">Starting from <strong class=\"text-gray-700 dark:text-gray-300\">$600 \/ min<\/strong> of finished animation<sup class=\"text-xs ml-0.5\">*<\/sup><\/p>\n          <!-- Trust pills -->\n          <div class=\"flex flex-wrap gap-3 items-center\" style=\"margin-top:2rem;\">\n            <span class=\"inline-flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 rounded-full px-3.5 py-1.5 ring-1 ring-gray-200 dark:ring-gray-800\">\n              <svg class=\"h-4 w-4 text-primary-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n              Amazon Certified 3D Content Provider\n            <\/span>\n            <span class=\"inline-flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 rounded-full px-3.5 py-1.5 ring-1 ring-gray-200 dark:ring-gray-800\">\n              <svg class=\"h-4 w-4 text-primary-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.29 7 12 12 20.71 7\"\/><line x1=\"12\" x2=\"12\" y1=\"22\" y2=\"12\"\/><\/svg>\n              10,000+ 3D Models\n            <\/span>\n            <span class=\"inline-flex items-center gap-1.5 text-sm font-medium text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 rounded-full px-3.5 py-1.5 ring-1 ring-gray-200 dark:ring-gray-800\">\n              <svg class=\"h-4 w-4 text-primary-500\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM6 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM1.49 15.326a.78.78 0 0 1-.358-.442 3 3 0 0 1 4.308-3.516 6.484 6.484 0 0 0-1.905 3.959c-.023.222-.014.442.025.654a4.97 4.97 0 0 1-2.07-.655ZM16.44 15.98a4.97 4.97 0 0 0 2.07-.654.78.78 0 0 0 .357-.442 3 3 0 0 0-4.308-3.517 6.484 6.484 0 0 1 1.907 3.96 2.32 2.32 0 0 1-.026.654ZM18 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5.304 16.19a.844.844 0 0 1-.277-.71 5 5 0 0 1 9.947 0 .843.843 0 0 1-.277.71A6.975 6.975 0 0 1 10 18a6.974 6.974 0 0 1-4.696-1.81Z\"\/><\/svg>\n              500+ Artists\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Right: hero video -->\n        <div class=\"relative\">\n          <div class=\"rounded-2xl overflow-hidden shadow-2xl bg-black aspect-video\">\n            <video id=\"hero-video\" data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/waste-disposer-installation-animation.mp4?v=2\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/waste-disposer-installation-animation-poster.jpg\" data-autoplay muted loop playsinline preload=\"none\" class=\"w-full h-full object-cover\"><\/video>\n          <\/div>\n          <div class=\"hero-badge absolute bottom-3 right-3 sm:-bottom-4 sm:-right-4 bg-white dark:bg-gray-900 rounded-xl px-4 py-3 shadow-lg ring-1 ring-gray-100 dark:ring-gray-800 flex items-center gap-2.5\">\n            <div class=\"flex gap-0.5\">\n              <svg class=\"text-yellow-400 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n              <svg class=\"text-yellow-400 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n              <svg class=\"text-yellow-400 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n              <svg class=\"text-yellow-400 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n              <svg class=\"text-yellow-400 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <\/div>\n            <span class=\"text-sm font-semibold text-gray-700 dark:text-gray-200\">98% approval rate<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <p class=\"text-xs text-gray-400 dark:text-gray-600 mt-6\"><sup>*<\/sup> Animation price only. 3D modeling is scoped and quoted separately.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LOGOS STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-12 bg-gray-50 dark:bg-gray-900 border-y border-gray-200 dark:border-gray-800\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <p class=\"text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-widest text-center mb-8\">Trusted by leading brands<\/p>\n    <div class=\"logos-strip\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/west-elm-logo.svg\" alt=\"West Elm\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/hilti-logo.svg\" alt=\"Hilti\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/siemens-logo.svg\" alt=\"Siemens\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/mitsubishi-logo.svg\" alt=\"Mitsubishi\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/mohawk-industries-logo.svg\" alt=\"Mohawk Industries\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/floor-decor-logo.svg\" alt=\"Floor &amp; Decor\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/bdi-furniture-logo.svg\" alt=\"BDI Furniture\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/dorel-industries-logo.svg\" alt=\"Dorel Industries\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/mannington-logo.svg\" alt=\"Mannington\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/bb-italia-logo.svg\" alt=\"B&amp;B Italia\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/closet-world-logo.svg\" alt=\"Closet World\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/smallbone-logo.svg\" alt=\"Smallbone\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 2 \u2014 VALUE PROPOSITION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-white dark:bg-gray-950\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"max-w-3xl mb-20\">\n      <p class=\"text-xs font-bold uppercase tracking-widest text-primary-500 mb-4\">Why 3D Animation<\/p>\n      <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100\">\n        Installation Videos That Show Customers Exactly How It Goes Together\n      <\/h2>\n      <p class=\"text-lg text-gray-500 dark:text-gray-400 mt-6 leading-relaxed\">CGI Furniture is a London-based 3D animation studio specialising in installation and assembly animation for furniture manufacturers, appliance brands, and building product companies worldwide \u2014 with clients including Hilti, West Elm, Siemens, and Mitsubishi.<\/p>\n    <\/div>\n    <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-16\">\n      <div class=\"space-y-6 text-gray-600 dark:text-gray-400 text-lg leading-relaxed\">\n        <p>Filmed tutorials don't age well. Change a bracket, swap a fastener finish, or update the packaging, and you have to book the crew again. 3D installation animation works differently. Every component of a furniture assembly, an appliance installation, or a building product lives in one scene file, so a product change means re-rendering the affected part instead of reshooting the whole video.<\/p>\n        <p>A camera can't see inside a wall cavity or through a concrete panel, but a 3D scene can. Cutaways, exploded views, and X-ray passes reveal the hidden fasteners and internal connections an installer would otherwise have to guess at, which is how an animated assembly guide cuts returns, support calls, and warranty claims.<\/p>\n        <p>Because the animated installation video exists before the physical product ships, your sales team, Amazon A+ listing, and instruction manual can all use the same photorealistic 3D content from launch day.<\/p>\n      <\/div>\n      <div class=\"grid sm:grid-cols-2 gap-6\">\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 18 13.5 8.5 8.5 13.5 1 6\"\/><polyline points=\"17 18 23 18 23 12\"\/><\/svg>\n          <\/div>\n          <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">Reduce Returns<\/h3>\n          <p class=\"text-sm text-gray-500 dark:text-gray-400\">Clear visuals eliminate misinstallations before they happen.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.95a16 16 0 0 0 6.29 6.29l1.83-1.83a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7a2 2 0 0 1 1.72 2.03Z\"\/><line x1=\"18\" x2=\"23\" y1=\"6\" y2=\"1\"\/><line x1=\"23\" x2=\"18\" y1=\"6\" y2=\"1\"\/><\/svg>\n          <\/div>\n          <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">Cut Support Tickets<\/h3>\n          <p class=\"text-sm text-gray-500 dark:text-gray-400\">Self-serve installation guidance reduces after-sale load.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09Z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2Z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n          <\/div>\n          <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">Launch Before Ship<\/h3>\n          <p class=\"text-sm text-gray-500 dark:text-gray-400\">Animate from CAD files \u2014 no physical prototype required.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\/><rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"\/><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"\/><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\/><\/svg>\n          <\/div>\n          <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">Reuse Across Channels<\/h3>\n          <p class=\"text-sm text-gray-500 dark:text-gray-400\">One asset works on Amazon A+, YouTube, PDPs, and in-store screens.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Comparison table -->\n    <div class=\"mt-20 overflow-x-auto\">\n      <p class=\"text-xs font-bold uppercase tracking-widest text-primary-500 mb-4\">Side by Side<\/p>\n      <h3 class=\"text-2xl font-bold font-display text-gray-900 dark:text-gray-100 mb-8\">3D Installation Animation vs Filmed Tutorial<\/h3>\n      <table class=\"w-full text-sm border-collapse\">\n        <thead>\n          <tr>\n            <th class=\"text-left py-3 px-4 font-semibold text-gray-400 dark:text-gray-500 border-b border-gray-200 dark:border-gray-700 w-2\/5\"><\/th>\n            <th class=\"text-center py-3 px-5 font-bold text-gray-900 dark:text-gray-100 border-b border-gray-200 dark:border-gray-700 bg-primary-50 dark:bg-primary-950 rounded-t-lg\">3D Installation Animation<\/th>\n            <th class=\"text-center py-3 px-5 font-semibold text-gray-500 dark:text-gray-400 border-b border-gray-200 dark:border-gray-700\">Filmed Tutorial<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr class=\"border-b border-gray-100 dark:border-gray-800\">\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Physical prototype required<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">No \u2014 CAD files only<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">Yes<\/td>\n          <\/tr>\n          <tr class=\"border-b border-gray-100 dark:border-gray-800\">\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Camera crew &amp; set<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">Not needed<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">Required<\/td>\n          <\/tr>\n          <tr class=\"border-b border-gray-100 dark:border-gray-800\">\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Cutaways &amp; X-ray views<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">Yes<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">Not possible<\/td>\n          <\/tr>\n          <tr class=\"border-b border-gray-100 dark:border-gray-800\">\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Content before product ships<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">Yes<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">No<\/td>\n          <\/tr>\n          <tr class=\"border-b border-gray-100 dark:border-gray-800\">\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Product design update<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">Re-render affected sequences<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">Full reshoot<\/td>\n          <\/tr>\n          <tr class=\"border-b border-gray-100 dark:border-gray-800\">\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Language localisation<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">Swap text layer, re-render<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">Reshoot or full dub<\/td>\n          <\/tr>\n          <tr>\n            <td class=\"py-3 px-4 font-medium text-gray-700 dark:text-gray-300\">Assets reusable for renders, AR, 360\u00b0<\/td>\n            <td class=\"py-3 px-5 text-center font-semibold text-primary-600 dark:text-primary-400 bg-primary-50\/40 dark:bg-primary-950\/40\">Yes \u2014 same 3D models<\/td>\n            <td class=\"py-3 px-5 text-center text-gray-400 dark:text-gray-500\">No<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 3 \u2014 PRODUCT CATEGORIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-gray-50 dark:bg-gray-900\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"text-center max-w-2xl mx-auto mb-20\">\n      <p class=\"text-xs font-bold uppercase tracking-widest text-primary-500 mb-4\">Service Range<\/p>\n      <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100\">\n        Installation Animation for Every Product Type\n      <\/h2>\n    <\/div>\n\n    <!-- Group A: Furniture Assembly -->\n    <div class=\"mb-16\">\n      <h3 class=\"text-xs font-bold uppercase tracking-widest text-gray-400 dark:text-gray-500 mb-6 flex items-center gap-3\">\n        <span class=\"h-px flex-1 bg-gray-200 dark:bg-gray-700\"><\/span>\n        Furniture Assembly &amp; Placement\n        <span class=\"h-px flex-1 bg-gray-200 dark:bg-gray-700\"><\/span>\n      <\/h3>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/bed-assembly-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/bed-assembly-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Furniture Assembly Animation<\/span>\n            <span class=\"vid-label\">Bed Assembly<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/desk-table-assembly-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/desk-table-assembly-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Furniture Assembly Animation<\/span>\n            <span class=\"vid-label\">Desk \/ Table Assembly<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/tv-stand-assembly-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/tv-stand-assembly-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Furniture Assembly Animation<\/span>\n            <span class=\"vid-label\">TV Stand Assembly<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Group B: Interior Fixtures -->\n    <div class=\"mb-16\">\n      <h3 class=\"text-xs font-bold uppercase tracking-widest text-gray-400 dark:text-gray-500 mb-6 flex items-center gap-3\">\n        <span class=\"h-px flex-1 bg-gray-200 dark:bg-gray-700\"><\/span>\n        Interior Fixtures &amp; Openings\n        <span class=\"h-px flex-1 bg-gray-200 dark:bg-gray-700\"><\/span>\n      <\/h3>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/door-installation-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/door-installation-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Interior Fixture Installation<\/span>\n            <span class=\"vid-label\">Door Installation<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/window-blinds-installation-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/window-blinds-installation-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Interior Fixture Installation<\/span>\n            <span class=\"vid-label\">Blinds Installation<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/rolling-wall-installation-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/rolling-wall-installation-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Interior Fixture Installation<\/span>\n            <span class=\"vid-label\">Rolling Wall System<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Group C: Exterior & Building -->\n    <div>\n      <h3 class=\"text-xs font-bold uppercase tracking-widest text-gray-400 dark:text-gray-500 mb-6 flex items-center gap-3\">\n        <span class=\"h-px flex-1 bg-gray-200 dark:bg-gray-700\"><\/span>\n        Exterior &amp; Building Products\n        <span class=\"h-px flex-1 bg-gray-200 dark:bg-gray-700\"><\/span>\n      <\/h3>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/fence-installation-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/fence-installation-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Exterior Building Products<\/span>\n            <span class=\"vid-label\">Fence Installation<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/concrete-panel-installation-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/concrete-panel-installation-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Exterior Building Products<\/span>\n            <span class=\"vid-label\">Concrete Panel Installation<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vid-card aspect-video group\">\n          <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/steel-siding-panel-installation-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/steel-siding-panel-installation-animation-poster.jpg\" muted loop playsinline preload=\"none\" data-lazy-video class=\"w-full h-full object-cover\"><\/video>\n          <div class=\"vid-play\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-white ml-0.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <div class=\"vid-overlay\">\n            <span class=\"vid-tag\">Exterior Building Products<\/span>\n            <span class=\"vid-label\">Steel Siding Panels<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 4 \u2014 WHAT YOU CAN SHOW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-white dark:bg-gray-950\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n      <div>\n        <p class=\"text-xs font-bold uppercase tracking-widest text-primary-500 mb-4\">Capabilities<\/p>\n        <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100 mb-10\">\n          What We Can Show in an Installation Animation\n        <\/h2>\n        <ul class=\"space-y-5\">\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.29 7 12 12 20.71 7\"\/><line x1=\"12\" x2=\"12\" y1=\"22\" y2=\"12\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Exploded views<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Every part flies apart to show how components relate before assembly begins.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"8\" x2=\"21\" y1=\"6\" y2=\"6\"\/><line x1=\"8\" x2=\"21\" y1=\"12\" y2=\"12\"\/><line x1=\"8\" x2=\"21\" y1=\"18\" y2=\"18\"\/><line x1=\"3\" x2=\"3.01\" y1=\"6\" y2=\"6\"\/><line x1=\"3\" x2=\"3.01\" y1=\"12\" y2=\"12\"\/><line x1=\"3\" x2=\"3.01\" y1=\"18\" y2=\"18\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Step-by-step assembly sequences<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Numbered stages with smooth transitions keep the viewer oriented at every moment.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"6\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><line x1=\"20\" x2=\"8.12\" y1=\"4\" y2=\"15.88\"\/><line x1=\"14.47\" x2=\"20\" y1=\"14.48\" y2=\"20\"\/><line x1=\"8.12\" x2=\"12\" y1=\"8.12\" y2=\"12\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Cutaways and cross-sections<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Reveal hidden fasteners, internal mechanisms, and structural connections cameras cannot capture.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Tool and hardware callouts<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">On-screen labels highlight specific tools, torque specs, and part names at the right moment.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Before\/after transformations<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Show the space before and after installation to reinforce the product's impact.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"\/><line x1=\"11\" x2=\"11\" y1=\"8\" y2=\"14\"\/><line x1=\"8\" x2=\"14\" y1=\"11\" y2=\"11\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Close-up detail shots<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Macro-level camera moves highlight tolerances, textures, and critical alignment points.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Full-scene context placement<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Position the product in a photorealistic room or exterior environment for lifestyle impact.<\/p><\/div>\n          <\/li>\n          <li class=\"flex items-start gap-4\">\n            <span class=\"flex-shrink-0 mt-1 w-8 h-8 rounded-lg bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-5 w-5 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            <\/span>\n            <div><strong class=\"text-gray-900 dark:text-gray-100\">Timing indicators and step numbers<\/strong><p class=\"text-sm text-gray-500 dark:text-gray-400 mt-0.5\">Progress bars, chapter markers, and numbered steps guide the installer frame by frame.<\/p><\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n      <!-- Right: featured video -->\n      <div class=\"rounded-2xl overflow-hidden shadow-xl bg-black aspect-video lg:aspect-auto lg:h-[500px]\">\n        <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/entertainment-center-assembly-animation.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/entertainment-center-assembly-animation-poster.jpg\" data-autoplay muted loop playsinline class=\"w-full h-full object-cover\"><\/video>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 5 \u2014 INDUSTRIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-primary-950 text-white\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"text-center max-w-2xl mx-auto mb-16 lg:mb-24\">\n      <p class=\"text-xs font-bold uppercase tracking-widest text-primary-300 mb-4\">Who We Serve<\/p>\n      <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight mt-3\">\n        Industries We Serve\n      <\/h2>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Furniture Manufacturers<\/h3>\n        <p class=\"text-sm text-white\/60\">Assembly animations for flat-pack and fully built furniture sold online and in retail.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\"\/><path d=\"M15 2v3M9 2v3M15 19v3M9 19v3M2 9h3M2 15h3M19 9h3M19 15h3\"\/><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Appliance &amp; Smart-Home Brands<\/h3>\n        <p class=\"text-sm text-white\/60\">Installation guides for built-in appliances, smart devices, and under-counter fixtures.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2\"\/><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Window &amp; Door Makers<\/h3>\n        <p class=\"text-sm text-white\/60\">Frame-and-fit sequences, hinge alignment, and weatherstripping demonstrations.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v8h4\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v11h-4\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Building Materials &amp; Siding<\/h3>\n        <p class=\"text-sm text-white\/60\">Panel overlap, fastener placement, and weatherproofing details shown from any angle.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Fencing &amp; Outdoor Products<\/h3>\n        <p class=\"text-sm text-white\/60\">Post-setting, panel attachment, and finishing steps for fences, decking, and gates.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22a8 8 0 0 1-8-8c0-4.31 3.24-10 8-14 4.76 4 8 9.69 8 14a8 8 0 0 1-8 8z\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Plumbing &amp; Sanitary Ware<\/h3>\n        <p class=\"text-sm text-white\/60\">Pipe routing, fitting connections, and waste system assemblies explained visually.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">DIY Retailers &amp; Marketplace Sellers<\/h3>\n        <p class=\"text-sm text-white\/60\">Amazon A+ content, Home Depot, and Lowe's-ready installation videos that drive conversion.<\/p>\n      <\/div>\n\n      <div class=\"rounded-2xl bg-white\/5 border border-white\/10 p-6 hover:bg-white\/10 transition-colors\">\n        <svg class=\"h-8 w-8 text-primary-300 mb-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"4\" x2=\"4\" y1=\"21\" y2=\"14\"\/><line x1=\"4\" x2=\"4\" y1=\"10\" y2=\"3\"\/><line x1=\"12\" x2=\"12\" y1=\"21\" y2=\"12\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"3\"\/><line x1=\"20\" x2=\"20\" y1=\"21\" y2=\"16\"\/><line x1=\"20\" x2=\"20\" y1=\"12\" y2=\"3\"\/><line x1=\"1\" x2=\"7\" y1=\"14\" y2=\"14\"\/><line x1=\"9\" x2=\"15\" y1=\"8\" y2=\"8\"\/><line x1=\"17\" x2=\"23\" y1=\"16\" y2=\"16\"\/><\/svg>\n        <h3 class=\"font-bold text-lg mb-1\">Any Assembled Product<\/h3>\n        <p class=\"text-sm text-white\/60\">If it has parts, steps, or a setup sequence, we can animate it \u2014 regardless of complexity.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 7 \u2014 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-gray-50 dark:bg-gray-900\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-start\">\n      <div>\n        <p class=\"text-xs font-bold uppercase tracking-widest text-primary-500 mb-4\">Our Workflow<\/p>\n        <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100 mb-12\">\n          How We Make Your Installation Animation\n        <\/h2>\n        <div class=\"space-y-12\">\n\n          <div class=\"process-step\">\n            <div class=\"process-num\">1<\/div>\n            <div>\n              <h3 class=\"font-bold text-lg text-gray-900 dark:text-gray-100 mb-1\">Brief &amp; References<\/h3>\n              <p class=\"text-gray-500 dark:text-gray-400 text-sm leading-relaxed\">Share CAD\/STEP files, installation manuals, product photos, and any existing instruction visuals. We review technical requirements and define the animation scope, duration, and step structure.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"process-step\">\n            <div class=\"process-num\">2<\/div>\n            <div>\n              <h3 class=\"font-bold text-lg text-gray-900 dark:text-gray-100 mb-1\">3D Modeling &amp; Technical Review<\/h3>\n              <p class=\"text-gray-500 dark:text-gray-400 text-sm leading-relaxed\">We build or refine 3D models of every component \u2014 hardware, brackets, fasteners, and the surrounding environment. Technical accuracy is verified before animation begins.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"process-step\">\n            <div class=\"process-num\">3<\/div>\n            <div>\n              <h3 class=\"font-bold text-lg text-gray-900 dark:text-gray-100 mb-1\">Animation Blocking &amp; Storyboard Approval<\/h3>\n              <p class=\"text-gray-500 dark:text-gray-400 text-sm leading-relaxed\">We produce a low-fidelity blocking pass showing camera angles, step timing, and the overall motion flow. You approve the structure before full rendering begins.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"process-step\">\n            <div class=\"process-num\">4<\/div>\n            <div>\n              <h3 class=\"font-bold text-lg text-gray-900 dark:text-gray-100 mb-1\">Lighting, Texturing &amp; Final Render<\/h3>\n              <p class=\"text-gray-500 dark:text-gray-400 text-sm leading-relaxed\">Materials, lighting, and environment are refined to photorealistic quality. The full-resolution animation is rendered at the agreed output specifications.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"process-step\">\n            <div class=\"process-num\">5<\/div>\n            <div>\n              <h3 class=\"font-bold text-lg text-gray-900 dark:text-gray-100 mb-1\">Post-Production, Sound Design &amp; Delivery<\/h3>\n              <p class=\"text-gray-500 dark:text-gray-400 text-sm leading-relaxed\">We add motion graphics, step labels, sound design, and optional voiceover. Delivered in MP4, MOV, or any format you need \u2014 ready for Amazon, YouTube, your website, and beyond.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n      <div class=\"lg:sticky lg:top-24\" style=\"padding-top:1rem; padding-bottom:2.5rem; padding-right:2.5rem;\">\n        <div class=\"workflow-stack\">\n          <div class=\"ws-page ws-page-3\"><\/div>\n          <div class=\"ws-page ws-page-2\"><\/div>\n          <div class=\"ws-page ws-page-1\"><\/div>\n          <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/installation-animation-project-brief.png\" alt=\"Installation Animation Project Brief\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 9 \u2014 WORKING WITH CGIFURNITURE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-gray-50 dark:bg-gray-900\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n      <div>\n        <p class=\"text-xs font-bold uppercase tracking-widest text-primary-500 mb-4\">Why CGI Furniture<\/p>\n        <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100 mb-10\">\n          What You Get When You Work With Us\n        <\/h2>\n        <div class=\"space-y-10\">\n          <div class=\"flex gap-5\">\n            <span class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-xl bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M20 21a8 8 0 1 0-16 0\"\/><\/svg>\n            <\/span>\n            <div>\n              <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">Dedicated Project Manager<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400\">A single point of contact who knows your product, brand, and technical requirements from day one to delivery.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"flex gap-5\">\n            <span class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-xl bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/span>\n            <div>\n              <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">In-House Team of 500+ Artists<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400\">Modelers, animators, lighting artists, and motion designers \u2014 all under one roof, no outsourcing, consistent quality.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"flex gap-5\">\n            <span class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-xl bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n            <\/span>\n            <div>\n              <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">10,000+ Model Library<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400\">Reuse existing furniture, material, and environment assets to reduce production cost and speed up delivery.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"flex gap-5\">\n            <span class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-xl bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n            <\/span>\n            <div>\n              <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">Full CGI Stack<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400\">The same 3D models power your installation animation, lifestyle renders, silo images, AR viewer, and 360\u00b0 spin \u2014 one source, every format.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"flex gap-5\">\n            <span class=\"flex-shrink-0 mt-1 w-10 h-10 rounded-xl bg-primary-50 dark:bg-primary-950 flex items-center justify-center\">\n              <svg class=\"h-6 w-6 text-primary-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n            <\/span>\n            <div>\n              <h3 class=\"font-bold text-gray-900 dark:text-gray-100 mb-1\">2 Revision Rounds Included<\/h3>\n              <p class=\"text-sm text-gray-500 dark:text-gray-400\">Two structured feedback rounds are included in every project. Additional changes beyond scope are quoted at a flat rate \u2014 no surprises.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rounded-2xl overflow-hidden shadow-xl bg-black\">\n        <video data-src=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/cgi-3d-model-library-platform.mp4\" poster=\"https:\/\/cgifurniture.com\/3d-installation-animation-services\/cgi-3d-model-library-platform-poster.jpg\" data-autoplay muted loop playsinline class=\"w-full h-full object-cover\" style=\"max-height:560px;\"><\/video>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 10 \u2014 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-white dark:bg-gray-950\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"flex flex-col sm:flex-row sm:items-end justify-between gap-6 mb-12\">\n      <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100\">\n        See What Our Clients Say\n      <\/h2>\n      <div class=\"flex gap-3\">\n        <button id=\"testi-prev\" type=\"button\" class=\"flex-shrink-0 font-medium rounded-full p-3 shadow-sm text-white bg-gray-900 hover:bg-gray-800 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-100 inline-flex items-center\" aria-label=\"Previous testimonial\">\n          <svg class=\"h-6 w-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18\"\/><\/svg>\n        <\/button>\n        <button id=\"testi-next\" type=\"button\" class=\"flex-shrink-0 font-medium rounded-full p-3 shadow-sm text-white bg-gray-900 hover:bg-gray-800 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-100 inline-flex items-center\" aria-label=\"Next testimonial\">\n          <svg class=\"h-6 w-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n    <div id=\"testi-scroll\" class=\"testimonials-scroll\">\n\n      <div class=\"testimonial-card group hover:-translate-y-2 duration-200\">\n        <div class=\"flex justify-between w-full mb-4\">\n          <div class=\"flex gap-0.5\" aria-label=\"Rating: 5 out of 5 stars\">\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/hilti-logo.svg\" alt=\"Hilti\" class=\"object-contain h-10 w-24 dark:invert mix-blend-darken dark:mix-blend-lighten\" loading=\"lazy\">\n        <\/div>\n        <span class=\"inline-block text-6xl font-black text-gray-200 dark:text-gray-700 group-hover:text-primary-500 duration-200 leading-none\">\"<\/span>\n        <p class=\"font-medium text-lg mt-2 text-gray-800 dark:text-gray-200\">CGIFURNITURE offers first-class services. They have outstanding artists and services. They strive to deliver the best results in the market and although they are in another country, the communication is always very smooth. I HIGHLY recommend their services.<\/p>\n        <div class=\"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700\">\n          <div class=\"font-semibold text-gray-900 dark:text-gray-100\">Jesus Barreda<\/div>\n          <div class=\"text-sm text-gray-500 dark:text-gray-400\">Engineering Manager, Hilti<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testimonial-card group hover:-translate-y-2 duration-200\">\n        <div class=\"flex justify-between w-full mb-4\">\n          <div class=\"flex gap-0.5\" aria-label=\"Rating: 5 out of 5 stars\">\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/west-elm-logo.svg\" alt=\"West Elm\" class=\"object-contain h-10 w-24 dark:invert mix-blend-darken dark:mix-blend-lighten\" loading=\"lazy\">\n        <\/div>\n        <span class=\"inline-block text-6xl font-black text-gray-200 dark:text-gray-700 group-hover:text-primary-500 duration-200 leading-none\">\"<\/span>\n        <p class=\"font-medium text-lg mt-2 text-gray-800 dark:text-gray-200\">The team at CGI Furniture is incredible to work with. Fast turnaround, beautiful results, and they really understand what makes product content convert. We've been using them for over three years and wouldn't go anywhere else.<\/p>\n        <div class=\"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700\">\n          <div class=\"font-semibold text-gray-900 dark:text-gray-100\">Creative Director<\/div>\n          <div class=\"text-sm text-gray-500 dark:text-gray-400\">West Elm<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testimonial-card group hover:-translate-y-2 duration-200\">\n        <div class=\"flex justify-between w-full mb-4\">\n          <div class=\"flex gap-0.5\" aria-label=\"Rating: 5 out of 5 stars\">\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/cgifurniture.com\/logos\/bdi-furniture-logo.svg\" alt=\"BDi Furniture\" class=\"object-contain h-10 w-24 dark:invert mix-blend-darken dark:mix-blend-lighten\" loading=\"lazy\">\n        <\/div>\n        <span class=\"inline-block text-6xl font-black text-gray-200 dark:text-gray-700 group-hover:text-primary-500 duration-200 leading-none\">\"<\/span>\n        <p class=\"font-medium text-lg mt-2 text-gray-800 dark:text-gray-200\">We have been partnering with CGI Furniture for years. Their fine team of committed and innovative designers treats every project beautifully and does not stop until they get it right. Highly recommended for all rendering and animation needs.<\/p>\n        <div class=\"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700\">\n          <div class=\"font-semibold text-gray-900 dark:text-gray-100\">Dave Adams<\/div>\n          <div class=\"text-sm text-gray-500 dark:text-gray-400\">Marketing Director, BDi<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testimonial-card group hover:-translate-y-2 duration-200\">\n        <div class=\"flex justify-between w-full mb-4\">\n          <div class=\"flex gap-0.5\" aria-label=\"Rating: 5 out of 5 stars\">\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n            <svg class=\"text-yellow-500 h-6 w-6\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <span class=\"inline-block text-6xl font-black text-gray-200 dark:text-gray-700 group-hover:text-primary-500 duration-200 leading-none\">\"<\/span>\n        <p class=\"font-medium text-lg mt-2 text-gray-800 dark:text-gray-200\">The whole team at CGI Furniture were great to work with! They executed high-quality renders for our products in a very timely manner and consistently ensured they were accurate with their clear communication. They have a talented team of designers and project managers that I highly recommend!<\/p>\n        <div class=\"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700\">\n          <div class=\"font-semibold text-gray-900 dark:text-gray-100\">Matthew Sleeper<\/div>\n          <div class=\"text-sm text-gray-500 dark:text-gray-400\">Graphic Designer, Danby Appliances<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 11 \u2014 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-primary-950 text-white\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <div class=\"max-w-3xl mx-auto text-center\">\n      <p class=\"text-xs font-bold uppercase tracking-widest text-primary-300 mb-6\">Get Started<\/p>\n      <h2 class=\"text-3xl sm:text-5xl font-bold font-display tracking-tight mb-6\">\n        Ready to Turn Your Installation Manual Into a Video?\n      <\/h2>\n      <p class=\"text-lg text-white\/70 mb-10 leading-relaxed\">\n        Send us your CAD files or product reference and we'll come back with a scope, timeline, and sample frame \u2014 no commitment required.\n      <\/p>\n      <div class=\"flex flex-wrap gap-4 justify-center mb-12\">\n        <a href=\"\/demo-request\/\" class=\"inline-flex items-center gap-2.5 px-8 py-4 rounded-xl bg-primary-500 hover:bg-primary-400 text-white font-bold text-lg shadow-lg transition-colors\" data-ga=\"cta-bottom-demo\">\n          Schedule a Demo\n        <\/a>\n        <button type=\"button\" id=\"btn-pricelist-cta\" class=\"inline-flex items-center gap-2.5 px-8 py-4 rounded-xl ring-1 ring-white\/30 hover:bg-white\/10 text-white font-bold text-lg transition-colors\">\n          <svg class=\"h-5 w-5 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\n          Download Price List\n        <\/button>\n      <\/div>\n      <div class=\"flex flex-wrap gap-8 justify-center text-white\/70\">\n        <a href=\"tel:+442036171683\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\n          <svg class=\"h-5 w-5 text-primary-400 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.95a16 16 0 0 0 6.29 6.29l1.83-1.83a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7a2 2 0 0 1 1.72 2.03Z\"\/><\/svg>\n          +44 203 617 1683\n        <\/a>\n        <a href=\"mailto:sales@cgifurniture.com\" class=\"flex items-center gap-2 hover:text-white transition-colors\">\n          <svg class=\"h-5 w-5 text-primary-400 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n          sales@cgifurniture.com\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 12 \u2014 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"py-24 lg:py-32 bg-white dark:bg-gray-950\" id=\"faq\">\n  <div class=\"mx-auto px-4 sm:px-6 lg:px-8 max-w-screen-2xl\">\n    <h2 class=\"text-3xl sm:text-4xl xl:text-5xl font-bold font-display tracking-tight text-gray-900 dark:text-gray-100 mb-20\">\n      Frequently Asked Questions\n    <\/h2>\n    <div class=\"grid lg:grid-cols-2 lg:gap-16\">\n      <div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            How long does a 3D installation animation take?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Typical turnaround is 10\u201320 business days depending on complexity \u2014 number of steps, number of unique components, and required level of photorealism. A simple furniture assembly animation can ship in under two weeks. A multi-stage building product installation with cutaways and scene context may take three to four weeks. We provide a specific timeline after reviewing your brief.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            What files do you need from us to start?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Ideally: CAD or STEP files for all components, the installation manual or instruction guide, reference photos, and brand guidelines (colors, fonts). If you have 3D models already, we can work with those. If you have only photos and drawings, we can build the models from scratch \u2014 it adds time but is fully manageable.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            What video formats and resolutions do you deliver?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">We deliver in MP4 (H.264\/H.265), MOV, WebM, and GIF formats. Standard deliverable is 1080p; 4K is available on request. We can export vertical (9:16) for social, square (1:1) for Instagram or Amazon, or widescreen (16:9) for YouTube and PDPs \u2014 or all formats from a single production.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Can you add voiceover, captions, or localize into multiple languages?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Yes. We offer professional voiceover in English and other major languages. Text overlays and captions are built as separate compositing layers, so swapping languages or updating copy is a quick render pass \u2014 not a full re-production. Many brands use us to localize into 5\u201310 markets from a single base animation.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Can the animation be updated if the product design changes?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Yes, and it's a core reason brands choose 3D over filmed content. We handle product updates as model edits: swap a component, change a finish, or adjust a fastener, and we re-render only the sequences that changed. There's no reshoot and no set to rebook. The earlier we get the updated specs, the faster we can turn it around.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Can you animate a product that isn't manufactured yet?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Yes. If you have CAD or engineering drawings, we can produce a photorealistic installation video months before the product ships. Pre-launch content for Amazon listings, sales decks, and retail buyers is something we deliver regularly for manufacturing clients.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            How much does an installation animation cost?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Pricing depends on animation length, number of components, and complexity of the sequence. A concise 60\u201390 second product assembly animation starts from a few hundred dollars. A detailed multi-stage installation with cutaways, callouts, and post-production is priced by scope. Request a demo and we'll provide a tailored quote within one business day.<\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Is 3D modeling included in the animation price?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">No \u2014 3D modeling is scoped and priced separately from animation. If you already have 3D models or CAD files we can work from, modeling cost is minimal or eliminated entirely. If we need to build models from scratch (from photos, drawings, or physical samples), that effort is estimated independently and quoted before production begins. This keeps the animation quote clean and predictable regardless of your starting point.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Do you handle revisions?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Two revision rounds are included in every project. After the blocking pass and again after the final render, you provide consolidated feedback and we update accordingly. Minor tweaks within scope (timing, label copy, camera angle) are typically resolved same-day. Changes outside scope \u2014 like a component redesign mid-production \u2014 are quoted as a separate task.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Can the same 3D models be reused for renders, AR, or 360\u00b0 spins?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Yes, and it saves you a lot on later projects. Models built for installation animation can be reused for silo renders, lifestyle imagery, Amazon 360\u00b0 spins, and AR experiences. Once your 3D assets are in our pipeline, each additional content type costs a fraction of building from scratch.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            What is 3D installation animation and how does it work?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">It's a CGI video that walks through every assembly or setup step using rendered models instead of filmed footage, so you don't need a prototype, a camera crew, or a set. An animator builds the product in 3D, rigs the components to move in the right sequence, and renders it at the quality each channel requires. When the product changes, you update the scene file instead of reshooting.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Can you produce flat-pack and IKEA-style furniture assembly animations?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Yes, we do this constantly. We animate each panel, fastener, cam lock, and dowel in sequence, either matching your printed instruction sheet or replacing it entirely. Brands on Amazon and Wayfair use these videos specifically to cut returns from customers who mis-assemble on their own.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            Do you produce Amazon A+ installation and assembly videos?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Yes. We deliver in the formats Amazon requires \u2014 MP4, 16:9, 1080p \u2014 and the video drops straight into an A+ content module. Most clients end up using the same file on their website PDP and YouTube too, so the production cost spreads across three channels at once.<\/div>\n        <\/div>\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" aria-expanded=\"false\">\n            How does 3D assembly guide animation compare to filmed instruction videos?\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">Filmed instruction videos need a physical prototype, a crew, lighting, and a set, plus another full shoot every time the product changes. A 3D assembly guide animation needs only your CAD files or existing models. The output is usually cleaner too, with consistent lighting, precise camera control, and angles a physical lens can't reach. When the design changes, you update the scene file rather than rebook the shoot.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"vid-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video player\">\n  <button id=\"vid-lightbox-close\" aria-label=\"Close video\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"20\" height=\"20\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n  <\/button>\n  <video id=\"vid-lightbox-player\" controls playsinline><\/video>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICE LIST MODAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"pricelist-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"pricelist-modal-title\"\n     style=\"display:none; position:fixed; inset:0; z-index:9999; padding:1rem; align-items:center; justify-content:center;\">\n  <!-- Backdrop -->\n  <div id=\"pricelist-backdrop\" style=\"position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(4px);\"><\/div>\n  <!-- Dialog -->\n  <div id=\"pricelist-dialog\" style=\"position:relative; z-index:1; max-width:28rem; width:100%; background:#fff; border-radius:1.25rem; padding:2.5rem; box-shadow:0 25px 60px rgba(0,0,0,.2); max-height:calc(100vh - 2rem); overflow-y:auto;\">\n    <div class=\"dark\" style=\"display:none;\"><\/div><!-- dark mode handled via class on html -->\n    <button id=\"pricelist-close\" type=\"button\" aria-label=\"Close\"\n            style=\"position:absolute; top:1rem; right:1rem; width:2rem; height:2rem; display:flex; align-items:center; justify-content:center; border-radius:.5rem; border:none; background:transparent; cursor:pointer; color:#6b7280;\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n\n    <!-- Form state -->\n    <div id=\"pricelist-form-wrap\">\n      <div style=\"width:3rem; height:3rem; border-radius:.875rem; background:rgb(224 242 254); display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem;\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(14 165 233)\" stroke-width=\"2\" width=\"24\" height=\"24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\n      <\/div>\n      <h2 id=\"pricelist-modal-title\" style=\"font-size:1.375rem; font-weight:700; margin-bottom:.375rem; font-family:var(--font-display); color:#111827;\">Get the Installation Animation Price List<\/h2>\n      <p style=\"font-size:.9rem; color:#6b7280; margin-bottom:1.75rem; line-height:1.6;\">We'll send you a detailed breakdown of animation pricing by type and complexity.<\/p>\n      <form id=\"pricelist-form\" novalidate>\n        <input type=\"hidden\" name=\"form_type\" value=\"pricelist_download\">\n        <input type=\"hidden\" name=\"lead_name\" value=\"installation_price\">\n        <input type=\"hidden\" name=\"utm_source\" id=\"pl-utm_source\">\n        <input type=\"hidden\" name=\"utm_medium\" id=\"pl-utm_medium\">\n        <input type=\"hidden\" name=\"utm_campaign\" id=\"pl-utm_campaign\">\n        <input type=\"hidden\" name=\"utm_term\" id=\"pl-utm_term\">\n        <input type=\"hidden\" name=\"utm_content\" id=\"pl-utm_content\">\n        <input type=\"hidden\" name=\"source_page\" id=\"pl-source_page\">\n        <input type=\"hidden\" name=\"submitted_at\" id=\"pl-submitted_at\">\n        <div style=\"margin-bottom:1rem;\">\n          <label for=\"pl-name\" style=\"display:block; font-size:.875rem; font-weight:600; color:#374151; margin-bottom:.375rem;\">Name<\/label>\n          <input type=\"text\" id=\"pl-name\" name=\"name\" required autocomplete=\"name\" placeholder=\"Your name\"\n                 style=\"width:100%; padding:.75rem 1rem; border:1.5px solid #d1d5db; border-radius:.625rem; font-size:.9375rem; font-family:inherit; outline:none; box-sizing:border-box; transition:border-color .15s;\">\n        <\/div>\n        <div style=\"margin-bottom:1.5rem;\">\n          <label for=\"pl-email\" style=\"display:block; font-size:.875rem; font-weight:600; color:#374151; margin-bottom:.375rem;\">Business Email<\/label>\n          <input type=\"email\" id=\"pl-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"you@company.com\"\n                 style=\"width:100%; padding:.75rem 1rem; border:1.5px solid #d1d5db; border-radius:.625rem; font-size:.9375rem; font-family:inherit; outline:none; box-sizing:border-box; transition:border-color .15s;\">\n        <\/div>\n        <button type=\"submit\" id=\"pl-submit\"\n                style=\"width:100%; padding:.875rem 1rem; background:rgb(14 165 233); hover:background:rgb(2 132 199); color:#fff; font-weight:700; font-size:1rem; font-family:inherit; border:none; border-radius:.75rem; cursor:pointer; transition:background .15s; display:flex; align-items:center; justify-content:center; gap:.5rem;\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"\/><\/svg>\n          Get Price List\n        <\/button>\n        <p id=\"pl-error\" style=\"display:none; margin-top:.75rem; font-size:.875rem; color:#dc2626; text-align:center;\"><\/p>\n      <\/form>\n    <\/div>\n\n    <!-- Success state -->\n    <div id=\"pricelist-success\" style=\"display:none; text-align:center; padding:1rem 0;\">\n      <div style=\"width:3.5rem; height:3.5rem; border-radius:50%; background:rgb(220 252 231); display:flex; align-items:center; justify-content:center; margin:0 auto 1.25rem;\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgb(22 163 74)\" stroke-width=\"2.5\" width=\"28\" height=\"28\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      <\/div>\n      <h3 style=\"font-size:1.25rem; font-weight:700; color:#111827; margin-bottom:.5rem; font-family:var(--font-display);\">Price list is on its way!<\/h3>\n      <p style=\"font-size:.9375rem; color:#6b7280; line-height:1.6;\">Check your inbox \u2014 a client manager will follow up if you have questions.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-10277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.cgifurniture.com\/index.php?rest_route=\/wp\/v2\/pages\/10277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.cgifurniture.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.cgifurniture.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.cgifurniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10277"}],"version-history":[{"count":0,"href":"https:\/\/wp.cgifurniture.com\/index.php?rest_route=\/wp\/v2\/pages\/10277\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.cgifurniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}