[V0_FILE]typescriptreact:file="components/slides/title-slide.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" export default function TitleSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

星辰科技集团2024年度业绩汇报创新引领未来，数字化驱动增长

张明 | 首席执行官

2024年3月3日

) } [V0_FILE]typescriptreact:file="components/slides/overview-slide.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer } from "recharts" const data = [ { name: "Q1", value: 78 }, { name: "Q2", value: 85 }, { name: "Q3", value: 91 }, { name: "Q4", value: 96 }, ] export default function OverviewSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

公司概览

2024年度关键指标

年度营收增长 32%

较行业平均水平高出12个百分点

客户满意度 96%

NPS评分达到85，创历史新高

市场份额 28%

较去年提升5个百分点，位居行业第二

员工增长率 18%

新增员工320名，其中技术人才占比75%

季度客户满意度评分

[`${value}分`, "满意度评分"]} />

满意度持续提升的关键因素：

产品稳定性提升，故障率同比下降65%
客户支持响应时间缩短至平均15分钟
推出全新的客户成功计划，帮助客户实现业务目标
产品更新迭代速度提升30%，更快响应客户需求

) } [V0_FILE]typescriptreact:file="components/slides/financial-slide.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from "recharts" const data = [ { name: "2020", revenue: 120, profit: 35 }, { name: "2021", revenue: 168, profit: 48 }, { name: "2022", revenue: 210, profit: 65 }, { name: "2023", revenue: 275, profit: 88 }, { name: "2024", revenue: 362, profit: 118 }, ] export default function FinancialSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

财务表现

五年财务趋势（单位：百万元）

[`¥${value}M`, ""]} />

财务亮点：

连续五年保持30%以上的年复合增长率
订阅收入占比从2020年的45%提升至2024年的78%
国际市场收入占比首次突破40%
研发投入占营收比例保持在18%，高于行业平均水平

年度营收

¥362M ↑31.6%

较上一财年增长

超出年初预期目标¥350M

年度利润

¥118M ↑34.1%

较上一财年增长

净利润率创历史新高

经常性收入

¥282M ↑42.6%

占总营收比例78%

客户续约率达到94%

) } [V0_FILE]typescriptreact:file="components/slides/product-slide.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip } from "recharts" const data = [ { name: "星云智能云平台", value: 42 }, { name: "星图数据分析服务", value: 28 }, { name: "星盾安全解决方案", value: 18 }, { name: "其他服务", value: 12 }, ] const COLORS = ["#3b82f6", "#06b6d4", "#8b5cf6", "#64748b"] export default function ProductSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

产品业绩亮点

产品收入占比

`${name} ${(percent * 100).toFixed(0)}%`} > {data.map((entry, index) => ( ))} [`${value}%`, "占比"]} />

产品亮点

星云智能云平台

新一代智能云平台在本年度实现了42%的收入占比，同比增长15%。平台用户数量突破100万，成为行业领先的云服务提供商。

容器化部署自动扩缩容多云管理 AI运维

星图数据分析服务

数据分析服务在本年度贡献了28%的收入，同比增长22%。我们的AI驱动分析工具已被超过500家企业采用，处理数据量同比增长300%。

实时分析预测模型可视化报表大数据处理

星盾安全解决方案

安全解决方案收入占比18%，同比增长40%，是增长最快的业务线。我们的零信任安全架构获得了行业广泛认可，客户保留率达到98%。

零信任架构威胁检测身份验证合规管理

) } [V0_FILE]typescriptreact:file="components/slides/future-slide.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" export default function FutureSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

未来展望

2025战略目标

营收增长

目标实现年营收增长40%，突破5亿元大关，通过扩展国际市场和深化现有客户合作关系。

重点拓展东南亚和欧洲市场，预计新增大客户50家

产品创新

计划推出3款全新AI驱动产品，并对现有产品线进行重大升级，提升用户体验和产品竞争力。

研发投入将增加至营收的20%，新增AI研发团队50人

全球扩张

计划在亚太和欧洲地区新设3个分支机构，扩大全球业务覆盖范围，实现国际收入占比30%的目标。

新加坡、伦敦和柏林将成为新的区域总部

星辰科技2030愿景

成为全球领先的数字化转型解决方案提供商，以创新科技赋能企业未来

持续创新，引领行业技术发展

以客户为中心，提供卓越服务体验

构建全球化团队，拥抱多元文化

践行可持续发展，推动行业绿色转型

) } [V0_FILE]typescriptreact:file="package.json" isFixed="true" isQuickEdit="true" isMerged="true" { "name": "business-report", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@radix-ui/react-accordion": "^1.2.2", "@radix-ui/react-alert-dialog": "^1.1.4", "@radix-ui/react-aspect-ratio": "^1.1.1", "@radix-ui/react-avatar": "^1.1.2", "@radix-ui/react-checkbox": "^1.1.3", "@radix-ui/react-collapsible": "^1.1.2", "@radix-ui/react-context-menu": "^2.2.4", "@radix-ui/react-dialog": "^1.1.4", "@radix-ui/react-dropdown-menu": "^2.1.4", "@radix-ui/react-hover-card": "^1.1.4", "@radix-ui/react-label": "^2.1.1", "@radix-ui/react-menubar": "^1.1.4", "@radix-ui/react-navigation-menu": "^1.2.3", "@radix-ui/react-popover": "^1.1.4", "@radix-ui/react-progress": "^1.1.1", "@radix-ui/react-radio-group": "^1.2.2", "@radix-ui/react-scroll-area": "^1.2.2", "@radix-ui/react-select": "^2.1.4", "@radix-ui/react-separator": "^1.1.1", "@radix-ui/react-slider": "^1.2.2", "@radix-ui/react-slot": "^1.1.1", "@radix-ui/react-switch": "^1.1.2", "@radix-ui/react-tabs": "^1.1.2", "@radix-ui/react-toast": "^1.2.4", "@radix-ui/react-toggle": "^1.1.1", "@radix-ui/react-toggle-group": "^1.1.1", "@radix-ui/react-tooltip": "^1.1.6", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "framer-motion": "^10.16.4", "input-otp": "1.4.1", "lucide-react": "^0.284.0", "next": "13.5.4", "next-themes": "^0.4.4", "react": "^18", "react-day-picker": "8.10.1", "react-dom": "^18", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "^2.8.0", "sonner": "^1.7.1", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.6", "zod": "^3.24.1" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10", "eslint": "^8", "eslint-config-next": "13.5.4", "postcss": "^8", "tailwindcss": "^3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [], } [V0_FILE]typescriptreact:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind components; :root { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; --radius: 0.5rem; } body { @apply bg-background text-foreground; } @layer base { * { @apply border-border; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import "./globals.css" import type { Metadata } from "next" import { Inter } from "next/font/google" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "业绩汇报演示文稿", description: "创新引领未来，卓越成就梦想", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/slides/innovation-slide.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" export default function InnovationSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

创新与研发

研发投入

研发投入占比 18%

较上年增长2个百分点，高于行业平均水平

研发人员占比 35%

新增研发人员120名，重点扩充AI和安全团队

重点研发方向

新一代AI驱动的智能云平台架构
量子加密技术在云安全中的应用
大规模分布式数据处理引擎优化
边缘计算与5G网络集成解决方案

创新成果

专利申请

2024年度提交专利申请85项，较上年增长40%。其中AI相关专利占比达到60%。

行业合作

与20所高校建立产学研合作，联合实验室增至8个。参与5项国家级重点研发计划。

开源贡献

在GitHub上发布5个重要开源项目，累计获得超过50,000颗星。积极参与多个顶级开源基金会。

) } [V0_FILE]typescriptreact:file="components/slides/csr-slide.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" export default function CSRSlide() { const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) return null return (

企业社会责任

可持续发展目标

碳中和进度 45%

目标2030年实现全面碳中和

绿色能源使用率 60%

较上年提升15个百分点

环境保护行动

数据中心能效提升计划，PUE降至1.2
办公园区太阳能覆盖率达到80%
推动供应链伙伴节能减排，影响范围超过100家企业
发起"科技护林"项目，已种植10万棵树

社会责任项目

数字教育普及

"星火计划"已为1000所农村学校提供免费互联网接入和数字化教学设备，惠及学生超过50万人。

科技助力抗疫

开发并免费提供"健康码"系统，覆盖全国28个省市。为200家医院提供远程医疗解决方案。

员工志愿服务

员工志愿服务时间累计达到10万小时。开展"科技筑梦"公益项目，为500名贫困大学生提供奖学金。

) } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { ChevronLeft, ChevronRight } from "lucide-react" import TitleSlide from "@/components/slides/title-slide" import OverviewSlide from "@/components/slides/overview-slide" import FinancialSlide from "@/components/slides/financial-slide" import ProductSlide from "@/components/slides/product-slide" import FutureSlide from "@/components/slides/future-slide" import InnovationSlide from "@/components/slides/innovation-slide" import CSRSlide from "@/components/slides/csr-slide" export default function PresentationPage() { const [currentSlide, setCurrentSlide] = useState(0) const totalSlides = 7 const nextSlide = () => { if (currentSlide < totalSlides - 1) { setCurrentSlide(currentSlide + 1) } } const prevSlide = () => { if (currentSlide > 0) { setCurrentSlide(currentSlide - 1) } } useEffect(() => { const handleKeyDown = (e: KeyboardEvent) => { if (e.key === "ArrowRight" || e.key === " ") { nextSlide() } else if (e.key === "ArrowLeft") { prevSlide() } } window.addEventListener("keydown", handleKeyDown) return () => window.removeEventListener("keydown", handleKeyDown) }, [nextSlide, prevSlide]) return (

{currentSlide === 0 && } {currentSlide === 1 && } {currentSlide === 2 && } {currentSlide === 3 && } {currentSlide === 4 && } {currentSlide === 5 && } {currentSlide === 6 && }

{Array.from({ length: totalSlides }).map((_, index) => (

{currentSlide + 1} / {totalSlides}

) }

About

About