Skip to content

Commit 08c7e0c

Browse files
josegomez-devjosegomez-dev
committed
test: remove unused stuff
1 parent 16f5b09 commit 08c7e0c

File tree

1 file changed

+1
-119
lines changed

1 file changed

+1
-119
lines changed

‎app/home/page.tsx‎

Lines changed: 1 addition & 119 deletions
Original file line numberDiff line numberDiff line change
@@ -645,27 +645,6 @@ const DemoSelector = ({
645645
{stats.hasClapped ? 'Clapped!' : 'Clap'}
646646
</div>
647647
</button>
648-
649-
{/* Animated sparks effect */}
650-
{clapAnimations[demo.id] && (
651-
<>
652-
<div className='absolute inset-0 pointer-events-none'>
653-
<div className='absolute top-0 left-1/2 w-1 h-1 bg-yellow-400 rounded-full animate-ping'></div>
654-
<div
655-
className='absolute top-1 left-1/3 w-0.5 h-0.5 bg-orange-400 rounded-full animate-ping'
656-
style={{ animationDelay: '0.1s' }}
657-
></div>
658-
<div
659-
className='absolute top-1 right-1/3 w-0.5 h-0.5 bg-yellow-300 rounded-full animate-ping'
660-
style={{ animationDelay: '0.2s' }}
661-
></div>
662-
<div
663-
className='absolute bottom-0 left-1/2 w-1 h-1 bg-emerald-400 rounded-full animate-ping'
664-
style={{ animationDelay: '0.3s' }}
665-
></div>
666-
</div>
667-
</>
668-
)}
669648
</div>
670649
</div>
671650
);
@@ -688,51 +667,7 @@ const DemoSelector = ({
688667
<>
689668
{/* Epic Legendary Background for Demo Title */}
690669
<div className='relative mb-3'>
691-
{/* Energy Background */}
692-
<div className='absolute inset-0 pointer-events-none'>
693-
{/* Energy Core */}
694-
<div
695-
className='absolute inset-0 rounded-lg blur-sm'
696-
style={{
697-
background: `linear-gradient(to right, var(--demo-color-1)/20, var(--demo-color-2)/25, var(--demo-color-3)/20)`,
698-
}}
699-
></div>
700-
701-
{/* Floating Particles */}
702-
<div
703-
className='absolute top-1 left-1/4 w-1 h-1 rounded-full animate-ping opacity-70'
704-
style={{ backgroundColor: 'var(--demo-color-1)' }}
705-
></div>
706-
<div
707-
className='absolute top-2 right-1/3 w-1 h-1 rounded-full animate-ping opacity-80'
708-
style={{
709-
backgroundColor: 'var(--demo-color-2)',
710-
animationDelay: '0.5s',
711-
}}
712-
></div>
713-
<div
714-
className='absolute bottom-1 left-1/3 w-1 h-1 rounded-full animate-ping opacity-60'
715-
style={{
716-
backgroundColor: 'var(--demo-color-3)',
717-
animationDelay: '1s',
718-
}}
719-
></div>
720-
721-
{/* Energy Streams */}
722-
<div
723-
className='absolute left-0 top-1/2 w-1 h-6 bg-gradient-to-b from-transparent to-transparent animate-pulse opacity-50'
724-
style={{
725-
background: `linear-gradient(to bottom, transparent, var(--demo-color-1)/40, transparent)`,
726-
}}
727-
></div>
728-
<div
729-
className='absolute right-0 top-1/2 w-1 h-4 bg-gradient-to-b from-transparent to-transparent animate-pulse opacity-60'
730-
style={{
731-
background: `linear-gradient(to bottom, transparent, var(--demo-color-2)/40, transparent)`,
732-
}}
733-
></div>
734-
</div>
735-
670+
736671
{/* Demo Title with Enhanced Styling */}
737672
<h3
738673
className={`relative z-10 font-bold text-left text-lg leading-tight drop-shadow-lg group-hover:drop-shadow-2xl transition-all duration-500 ${getDemoCardColors(demo.color, isCompleted).titleColor} ${getDemoCardColors(demo.color, isCompleted).hoverTitleColor}`}
@@ -909,31 +844,6 @@ const DemoSelector = ({
909844
) : (
910845
/* Incomplete Demo - Show launch button */
911846
<div className='relative group'>
912-
{/* Epic Background Glow */}
913-
<div className='absolute inset-0 bg-gradient-to-r from-brand-500/30 via-accent-500/40 to-brand-400/30 rounded-xl blur-xl group-hover:blur-2xl transition-all duration-500 animate-pulse'></div>
914-
915-
{/* Floating Particles */}
916-
<div className='absolute inset-0 overflow-hidden rounded-xl'>
917-
<div className='absolute top-2 left-1/4 w-1 h-1 bg-brand-400 rounded-full animate-ping opacity-70'></div>
918-
<div
919-
className='absolute top-4 right-1/3 w-1 h-1 bg-accent-400 rounded-full animate-ping opacity-80'
920-
style={{ animationDelay: '0.5s' }}
921-
></div>
922-
<div
923-
className='absolute bottom-2 left-1/3 w-1 h-1 bg-brand-300 rounded-full animate-ping opacity-60'
924-
style={{ animationDelay: '1s' }}
925-
></div>
926-
<div
927-
className='absolute bottom-4 right-1/4 w-1 h-1 bg-accent-300 rounded-full animate-ping opacity-90'
928-
style={{ animationDelay: '1.5s' }}
929-
></div>
930-
</div>
931-
932-
{/* Energy Streams */}
933-
<div className='absolute inset-0 overflow-hidden rounded-xl'>
934-
<div className='absolute left-0 top-1/2 w-1 h-8 bg-gradient-to-b from-transparent via-brand-400/50 to-transparent animate-pulse opacity-60'></div>
935-
<div className='absolute right-0 top-1/2 w-1 h-6 bg-gradient-to-b from-transparent via-accent-400/50 to-transparent animate-pulse opacity-70'></div>
936-
</div>
937847
<br />
938848

939849
{/* Main Button */}
@@ -1856,34 +1766,6 @@ export default function HomePageContent() {
18561766
style={{ animationDelay: '2.5s' }}
18571767
></div>
18581768

1859-
{/* Floating Character Images - Left and Right - Repositioned for bottom alignment */}
1860-
1861-
<div className='absolute bottom-12 -left-20 opacity-80 pointer-events-none'>
1862-
<div className='relative w-full h-full'>
1863-
<Image
1864-
src='/images/character/baby-full.png'
1865-
alt='Guide Character Left'
1866-
width={200}
1867-
height={200}
1868-
className='w-full h-full object-contain drop-shadow-2xl animate-float mr-40 -mb-40'
1869-
/>
1870-
{/* Floating sparkles around right character */}
1871-
<div className='absolute top-4 left-4 w-3 h-3 bg-brand-400 rounded-full animate-ping opacity-70'></div>
1872-
<div
1873-
className='absolute top-8 right-6 w-2 h-2 bg-accent-400 rounded-full animate-ping opacity-80'
1874-
style={{ animationDelay: '0.5s' }}
1875-
></div>
1876-
<div
1877-
className='absolute bottom-6 left-8 w-2.5 h-2.5 bg-brand-300 rounded-full animate-ping opacity-60'
1878-
style={{ animationDelay: '1s' }}
1879-
></div>
1880-
<div
1881-
className='absolute bottom-8 right-4 w-2 h-2 bg-accent-300 rounded-full animate-ping opacity-85'
1882-
style={{ animationDelay: '1.5s' }}
1883-
></div>
1884-
</div>
1885-
</div>
1886-
18871769
<div className='mb-12'>
18881770
<h3 className='text-4xl md:text-5xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-brand-400 to-accent-400 mb-6 drop-shadow-2xl'>
18891771
🎓 Tutorial

0 commit comments

Comments
 (0)