Hugging Face's logo

Spaces:
barathm111
/
intely-3d-showcase-spectacle
Running

App Files Community
barathm111 commited on
Commit
eeecc04
·
verified ·
1 Parent(s): 3d747b8

can u remove all the 3d elements and make eve more professional

Browse files
Files changed (3) hide show
  1. index.html +2 -90
  2. script.js +0 -11
  3. style.css +0 -19
index.html CHANGED
@@ -8,8 +8,6 @@
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
  <script src="https://unpkg.com/feather-icons"></script>
11
- <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
12
- <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.min.js"></script>
13
  </head>
14
  <body class="bg-black text-white overflow-x-hidden">
15
  <custom-navbar></custom-navbar>
@@ -17,9 +15,9 @@
17
  <main class="relative z-10">
18
  <!-- Hero Section -->
19
  <section class="min-h-screen flex flex-col justify-center items-center relative overflow-hidden">
20
- <div id="3d-container" class="absolute inset-0 w-full h-full z-0"></div>
21
  <div class="relative z-10 text-center px-4 max-w-6xl mx-auto">
22
- <h1 class="text-5xl md:text-7xl font-bold mb-6 text-white">
23
  Intely Software Solutions
24
  </h1>
25
  <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">
@@ -257,92 +255,6 @@ Request Demo
257
  <script src="script.js"></script>
258
  <script>
259
  feather.replace();
260
-
261
- // Initialize 3D floating cubes with company colors
262
- document.addEventListener('DOMContentLoaded', function() {
263
- // Hero 3D Scene
264
- const heroContainer = document.getElementById('3d-container');
265
- const scene = new THREE.Scene();
266
- const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
267
- const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
268
- renderer.setSize(window.innerWidth, window.innerHeight);
269
- heroContainer.appendChild(renderer.domElement);
270
-
271
- // Add lights
272
- const ambientLight = new THREE.AmbientLight(0x404040);
273
- scene.add(ambientLight);
274
-
275
- const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
276
- directionalLight.position.set(1, 1, 1);
277
- scene.add(directionalLight);
278
-
279
- // Add floating objects
280
- const geometry = new THREE.IcosahedronGeometry(1, 0);
281
- const colors = [
282
- { color: 0xffffff, emissive: 0xaaaaaa }, // White
283
- { color: 0xdddddd, emissive: 0x888888 }, // Light Gray
284
- { color: 0xcccccc, emissive: 0x666666 }, // Medium Gray
285
- { color: 0x999999, emissive: 0x444444 } // Dark Gray
286
- ];
287
- const materials = colors.map(c => new THREE.MeshPhongMaterial({
288
- color: c.color,
289
- emissive: c.emissive,
290
- emissiveIntensity: 0.3,
291
- shininess: 80
292
- }));
293
- const objects = [];
294
- for (let i = 0; i < 15; i++) {
295
- const mesh = new THREE.Mesh(geometry, materials[i % materials.length]);
296
- mesh.position.x = Math.random() * 20 - 10;
297
- mesh.position.y = Math.random() * 20 - 10;
298
- mesh.position.z = Math.random() * 20 - 10;
299
- mesh.scale.setScalar(Math.random() * 0.5 + 0.5);
300
- scene.add(mesh);
301
- objects.push(mesh);
302
- }
303
-
304
- camera.position.z = 5;
305
-
306
- // Animation loop
307
- function animate() {
308
- requestAnimationFrame(animate);
309
-
310
- objects.forEach(obj => {
311
- obj.rotation.x += 0.005;
312
- obj.rotation.y += 0.01;
313
- });
314
-
315
- renderer.render(scene, camera);
316
- }
317
- animate();
318
-
319
- // Handle window resize
320
- window.addEventListener('resize', function() {
321
- camera.aspect = window.innerWidth / window.innerHeight;
322
- camera.updateProjectionMatrix();
323
- renderer.setSize(window.innerWidth, window.innerHeight);
324
- });
325
- // Create floating company logo
326
- const logoGeometry = new THREE.TextGeometry('INTELY', {
327
- size: 0.5,
328
- height: 0.2,
329
- curveSegments: 12,
330
- bevelEnabled: true,
331
- bevelThickness: 0.03,
332
- bevelSize: 0.02,
333
- bevelOffset: 0,
334
- bevelSegments: 5
335
- });
336
- const logoMaterial = new THREE.MeshPhongMaterial({
337
- color: 0xffffff,
338
- emissive: 0xcccccc,
339
- emissiveIntensity: 0.4,
340
- shininess: 90
341
- });
342
- const logoMesh = new THREE.Mesh(logoGeometry, logoMaterial);
343
- logoMesh.position.set(0, 0, 0);
344
- scene.add(logoMesh);
345
- });
346
  </script>
347
  <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
348
  </body>
 
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
  <script src="https://unpkg.com/feather-icons"></script>
 
 
11
  </head>
12
  <body class="bg-black text-white overflow-x-hidden">
13
  <custom-navbar></custom-navbar>
 
15
  <main class="relative z-10">
16
  <!-- Hero Section -->
17
  <section class="min-h-screen flex flex-col justify-center items-center relative overflow-hidden">
18
+ <div class="absolute inset-0 w-full h-full z-0 bg-gradient-to-br from-gray-900 to-black opacity-90"></div>
19
  <div class="relative z-10 text-center px-4 max-w-6xl mx-auto">
20
+ <h1 class="text-5xl md:text-7xl font-bold mb-6 text-white">
21
  Intely Software Solutions
22
  </h1>
23
  <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">
 
255
  <script src="script.js"></script>
256
  <script>
257
  feather.replace();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
258
  </script>
259
  <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
260
  </body>
script.js CHANGED
@@ -35,17 +35,6 @@ document.addEventListener('DOMContentLoaded', () => {
35
  });
36
  }
37
  });
38
-
39
- // Parallax effect for hero section
40
- window.addEventListener('scroll', () => {
41
- const scrollPosition = window.scrollY;
42
- const heroSection = document.querySelector('main > section:first-child');
43
-
44
- if (heroSection) {
45
- heroSection.style.backgroundPositionY = `${scrollPosition * 0.5}px`;
46
- }
47
- });
48
-
49
  // Animate elements when they come into view
50
  const animateOnScroll = () => {
51
  const elements = document.querySelectorAll('.feature-card, section h2, section h3');
 
35
  });
36
  }
37
  });
 
 
 
 
 
 
 
 
 
 
 
38
  // Animate elements when they come into view
39
  const animateOnScroll = () => {
40
  const elements = document.querySelectorAll('.feature-card, section h2, section h3');
style.css CHANGED
@@ -63,25 +63,6 @@ section img:hover {
63
  -webkit-background-clip: text;
64
  color: transparent;
65
  }
66
-
67
- /* 3D container positioning */
68
- #3d-container {
69
- position: absolute;
70
- top: 0;
71
- left: 0;
72
- width: 100%;
73
- height: 100%;
74
- z-index: 0;
75
- opacity: 0.7;
76
- }
77
-
78
- /* Responsive adjustments */
79
- @media (max-width: 768px) {
80
- #3d-container {
81
- opacity: 0.4;
82
- }
83
- }
84
-
85
  /* Button hover effects */
86
  .btn-gradient {
87
  transition: all 0.3s ease;
 
63
  -webkit-background-clip: text;
64
  color: transparent;
65
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66
  /* Button hover effects */
67
  .btn-gradient {
68
  transition: all 0.3s ease;