Portfolio

} ); }; const Process = () => { const headerRef = useRef(null); const isHeaderInView = useInView(headerRef, { once: true }); return (

How We Work

Our Process

From concept to delivery in just 7 days. Here's how we bring your vision to life.

{steps.map((step, index) => )}

); }; export default Process; import { motion, useInView } from "framer-motion"; import { useRef } from "react"; import { Check, ArrowRight } from "lucide-react"; const plans = [ { name: "Starter", price: "$1,500", description: "Perfect for single product visuals", features: ["1 Product Render", "3 Angles/Variations", "High-resolution output", "7-day delivery", "1 revision round"], highlighted: false }, { name: "Professional", price: "$3,500", description: "Most popular for brand launches", features: ["3 Product Renders", "6 Angles/Variations each", "High-resolution + 4K", "5-day delivery", "3 revision rounds", "Animation loop included"], highlighted: true }, { name: "Enterprise", price: "Custom", description: "Full-scale CGI production", features: ["Unlimited renders", "Full 360° views", "8K resolution", "Priority delivery", "Unlimited revisions", "Full animation package", "Dedicated support"], highlighted: false }, ]; const PricingCard = ({ plan, index }: { plan: typeof plans[0]; index: number }) => { const ref = useRef(null); const isInView = useInView(ref, { once: true, margin: "-50px" }); return ( {plan.highlighted &&

Most Popular

}

{plan.name}

{plan.description}

{plan.price} {plan.price !== "Custom" && / project}

{plan.features.map((feature, i) => (
• {feature}
))}

Get Started ); }; const Pricing = () => { const headerRef = useRef(null); const isHeaderInView = useInView(headerRef, { once: true }); return (

Pricing

Simple, Transparent Pricing

Choose the plan that fits your needs. All plans include our 7-day delivery guarantee.

{plans.map((plan, index) => )}

); }; export default Pricing; import { motion, useInView } from "framer-motion"; import { useRef } from "react"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"; const faqs = [ { question: "What is CGI and how can it help my brand?", answer: "CGI (Computer Generated Imagery) creates photorealistic 3D visuals of your products without expensive photo shoots. It offers unlimited creative possibilities, perfect lighting, and consistent quality across all your marketing materials." }, { question: "How long does a typical project take?", answer: "Most projects are completed within 7 days or less. For larger or more complex projects, we'll provide a custom timeline during our discovery call. We prioritize quality while maintaining fast turnaround times." }, { question: "What do I need to provide to get started?", answer: "We typically need reference photos of your product from multiple angles, brand guidelines (if available), and any specific creative direction you have in mind. Don't worry if you don't have everything – we'll guide you through the process." }, { question: "Can I request revisions?", answer: "Absolutely! Each plan includes revision rounds. We work closely with you to ensure the final result exceeds your expectations. Additional revisions beyond your plan's allocation are available at a reasonable rate." }, { question: "What file formats do you deliver?", answer: "We deliver in all major formats including PNG, JPEG, TIFF for images, and MP4, MOV for animations. 4K and 8K resolutions are available depending on your plan. We can also provide custom formats upon request." }, { question: "Do you offer ongoing partnerships?", answer: "Yes! Many of our clients work with us on a retainer basis for consistent content creation. Our Enterprise plan is designed for brands that need regular CGI content. Contact us to discuss a custom arrangement." }, ]; const FAQ = () => { const headerRef = useRef(null); const contentRef = useRef(null); const isHeaderInView = useInView(headerRef, { once: true }); const isContentInView = useInView(contentRef, { once: true, margin: "-50px" }); return (

FAQ

Frequently Asked Questions

Everything you need to know about our CGI services.

{faqs.map((faq, index) => ( {faq.question} {faq.answer} ))}

); }; export default FAQ; import { motion, useInView } from "framer-motion"; import { useRef } from "react"; import { ArrowRight, Mail, MapPin } from "lucide-react"; const Footer = () => { const ctaRef = useRef(null); const isCtaInView = useInView(ctaRef, { once: true }); return ( ); }; export default Footer;