import React, { useState } from 'react';
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Button } from '@/components/ui/button';
import { Textarea } from '@/components/ui/textarea';
import { Camera, Video, Image, Copy, Eye } from 'lucide-react';
const FilmContentCreator = () => {
const [contentTitle, setContentTitle] = useState("The Power of the Insert Shot: Creating Emotional Impact");
const [visualContent] = useState({
type: "video",
placeholder: "/api/placeholder/640/360",
description: "A side-by-side comparison showing two versions of the same scene: one with and one without insert shots"
});
const [unifiedContent, setUnifiedContent] = useState({
hook: "Ever notice how small details can hit harder than big moments? Let's break down the art of the insert shot - your secret weapon for emotional storytelling.",
mainContent: `In my latest short film, I faced a challenge: how to show a character's grief without dialogue or exposition. The solution came through a simple insert shot of worn piano keys.
KEY TECHNIQUES DEMONSTRATED:
1. Motivated Camera Movement
2. Lighting for Texture
3. Timing & Pacing
4. Sound Design Integration
TECHNICAL BREAKDOWN:
• Camera: 85mm lens at f/2.8
• Movement: Slow dolly push
• Lighting: Single source, 45° angle
• Duration: 2.5 seconds
STORYTELLING IMPACT:
This technique transforms ordinary objects into emotional anchors. The worn keys tell a story of repetition, dedication, and loss - all without a word spoken.
PRO TIP: When planning insert shots, ask yourself:
- What's the emotional subtext?
- How does this detail relate to character?
- What's the perfect moment for revelation?`,
callToAction: "🎬 YOUR TURN: Share a meaningful object from your current project. How might you film it to maximize emotional impact?",
hashtags: "#FilmmakingTips #VisualStorytelling #DirectorMasterclass #FilmEducation",
references: "Films Referenced:\n- Whiplash (Chazelle, 2014)\n- Phantom Thread (Anderson, 2017)\n- Vertigo (Hitchcock, 1958)"
});
const platformSpecificFormatting = {
twitter: {
format: (content) => {
// Break into thread-sized chunks
const chunks = content.mainContent.split('\n\n');
return chunks.map((chunk, i) => `${chunk}\n${i === chunks.length-1 ? content.callToAction : ''}\n[${i+1}/${chunks.length}]`);
}
},
instagram: {
format: (content) => {
return `${content.hook}\n\n${content.mainContent}\n\n${content.callToAction}\n\n.\n.\n.\n${content.hashtags}`;
}
},
linkedin: {
format: (content) => {
return `${content.hook}\n\n${content.mainContent}\n\n${content.references}\n\n${content.callToAction}`;
}
}
};
const PreviewPanel = ({ platform, content }) => (
);
return (
{visualContent.description}
{platformSpecificFormatting[platform].format(content)}