From cd8aab3a511091ce378ff7ebcaa42bf979f00882 Mon Sep 17 00:00:00 2001
From: LofiSu <linsu269@gmail.com>
Date: Sun, 26 Jan 2025 22:34:40 +0800
Subject: refactor: rewrite

---
 src/components/FeatureCard.tsx     | 28 ---------------
 src/components/StatsCard.tsx       | 26 --------------
 src/components/ThreeBackground.tsx | 72 --------------------------------------
 3 files changed, 126 deletions(-)
 delete mode 100644 src/components/FeatureCard.tsx
 delete mode 100644 src/components/StatsCard.tsx
 delete mode 100644 src/components/ThreeBackground.tsx

(limited to 'src/components')

diff --git a/src/components/FeatureCard.tsx b/src/components/FeatureCard.tsx
deleted file mode 100644
index 5f8a95d..0000000
--- a/src/components/FeatureCard.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import { motion } from 'framer-motion';
-import { Card } from '@nextui-org/react';
-
-interface FeatureCardProps {
-  icon: React.ReactNode;
-  title: string;
-  description: string;
-}
-
-export const FeatureCard: React.FC<FeatureCardProps> = ({ icon, title, description }) => {
-  return (
-    <motion.div
-      whileHover={{ scale: 1.05 }}
-      transition={{ type: "spring", stiffness: 300 }}
-    >
-      <Card className="p-6 bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700">
-        <div className="flex flex-col items-center text-center">
-          <div className="mb-4">
-            {icon}
-          </div>
-          <h3 className="text-xl font-bold mb-2 text-white">{title}</h3>
-          <p className="text-gray-400">{description}</p>
-        </div>
-      </Card>
-    </motion.div>
-  );
-};
diff --git a/src/components/StatsCard.tsx b/src/components/StatsCard.tsx
deleted file mode 100644
index 237f5dc..0000000
--- a/src/components/StatsCard.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import { motion } from 'framer-motion';
-import { Card } from '@nextui-org/react';
-
-interface StatsCardProps {
-  title: string;
-  value: string;
-}
-
-export const StatsCard: React.FC<StatsCardProps> = ({ title, value }) => {
-  return (
-    <motion.div
-      initial={{ opacity: 0, y: 20 }}
-      whileInView={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.5 }}
-      viewport={{ once: true }}
-    >
-      <Card className="p-6 bg-gradient-to-br from-gray-800/50 to-gray-900/50 border border-gray-700">
-        <div className="text-center">
-          <h3 className="text-2xl font-bold text-white mb-2">{value}</h3>
-          <p className="text-gray-400">{title}</p>
-        </div>
-      </Card>
-    </motion.div>
-  );
-};
diff --git a/src/components/ThreeBackground.tsx b/src/components/ThreeBackground.tsx
deleted file mode 100644
index 1a6337c..0000000
--- a/src/components/ThreeBackground.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import * as THREE from 'three';
-
-export const ThreeBackground: React.FC = () => {
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    const scene = new THREE.Scene();
-    const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
-    const renderer = new THREE.WebGLRenderer({ alpha: true });
-    
-    renderer.setSize(window.innerWidth, window.innerHeight);
-    containerRef.current.appendChild(renderer.domElement);
-
-    // Create particles
-    const geometry = new THREE.BufferGeometry();
-    const vertices = [];
-    
-    for (let i = 0; i < 5000; i++) {
-      vertices.push(
-        THREE.MathUtils.randFloatSpread(2000), // x
-        THREE.MathUtils.randFloatSpread(2000), // y
-        THREE.MathUtils.randFloatSpread(2000)  // z
-      );
-    }
-
-    geometry.setAttribute('position', new THREE.Float32BufferAttribute(vertices, 3));
-    
-    const material = new THREE.PointsMaterial({
-      color: 0x88ccff,
-      size: 2,
-      transparent: true,
-      opacity: 0.5
-    });
-
-    const particles = new THREE.Points(geometry, material);
-    scene.add(particles);
-
-    camera.position.z = 1000;
-
-    const animate = () => {
-      requestAnimationFrame(animate);
-      particles.rotation.x += 0.0001;
-      particles.rotation.y += 0.0001;
-      renderer.render(scene, camera);
-    };
-
-    animate();
-
-    const handleResize = () => {
-      camera.aspect = window.innerWidth / window.innerHeight;
-      camera.updateProjectionMatrix();
-      renderer.setSize(window.innerWidth, window.innerHeight);
-    };
-
-    window.addEventListener('resize', handleResize);
-
-    return () => {
-      window.removeEventListener('resize', handleResize);
-      containerRef.current?.removeChild(renderer.domElement);
-    };
-  }, []);
-
-  return (
-    <div 
-      ref={containerRef} 
-      className="fixed top-0 left-0 w-full h-full z-0"
-    />
-  );
-};
-- 
cgit v1.2.3-70-g09d2