diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FeatureCard.tsx | 28 | ||||
| -rw-r--r-- | src/components/StatsCard.tsx | 26 | ||||
| -rw-r--r-- | src/components/ThreeBackground.tsx | 72 |
3 files changed, 0 insertions, 126 deletions
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" - /> - ); -}; |
