import React from "react";
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
import { Globe, MousePointer2, LayoutTemplate, ArrowRight, MousePointer } from "lucide-react";

const FEATURES = [
  { title: "Native Web", desc: "Built for modern browsers", icon: <Globe size={24} color="#0066cc" /> },
  { title: "Interactive", desc: "Engaging scroll effects", icon: <MousePointer2 size={24} color="#0066cc" /> },
  { title: "Templates", desc: "High conversion layouts", icon: <LayoutTemplate size={24} color="#0066cc" /> },
];

export const WebPromo: React.FC = () => {
  const frame = useCurrentFrame();