[V0_FILE]typescriptreact:file="components/slide-layout.tsx" import type React from "react" import { motion } from "framer-motion" interface SlideLayoutProps { title: string children: React.ReactNode } export function SlideLayout({ title, children }: SlideLayoutProps) { return (

{title}

{children}

) } [V0_FILE]typescriptreact:file="slides/member-composition.tsx" import { SlideLayout } from "../components/slide-layout" export function MemberComposition() { return (

BX推進部

丹下さん
畑

商品開発部

近藤さん

プロセス改革本部の本部長、教育指導部の部長

松本さん

役員

川名さん

) } [V0_FILE]typescriptreact:file="slides/user-concerns.tsx" import { SlideLayout } from "../components/slide-layout" import { motion } from "framer-motion" export function UserConcerns() { return (

ユーザーの心の声：
「こんな事を聞いている、と思われたらどうしよう...」

✓ 見る人も極めて、限定的です。

✓ 評価に、関係する事はありません。
(仕事に関する事に使う場合に限る)

) } [V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { AnimatePresence } from "framer-motion" import { MemberComposition } from "../slides/member-composition" import { UserConcerns } from "../slides/user-concerns" import { ChevronLeft, ChevronRight } from "lucide-react" export default function Presentation() { const [currentSlide, setCurrentSlide] = useState(0) const slides = [MemberComposition, UserConcerns] const nextSlide = () => setCurrentSlide((prev) => (prev + 1) % slides.length) const prevSlide = () => setCurrentSlide((prev) => (prev - 1 + slides.length) % slides.length) const CurrentSlide = slides[currentSlide] return (

) }