aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/FeatureCard.tsx28
-rw-r--r--src/components/StatsCard.tsx26
-rw-r--r--src/components/ThreeBackground.tsx72
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"
- />
- );
-};