ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 3 Pull Requests Projects Releases Activity

feat: add video previews and text components to agent showcase sections

Browse Source
This commit is contained in:
sasha-astiadi
2025-10-22 18:14:41 +02:00
parent 31f5e53a71
commit 48979de1c7
4 changed files with 36 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/agents/GallerySection.tsx
View File

@@ -5,7 +5,7 @@ import { useResponsiveCarousel } from '@/hooks/useResponsiveCarousel';
import { motion, AnimatePresence } from 'framer-motion'
import { wrap } from 'popmotion'
import { Button } from '@/components/Button';
import { SectionHeader, P, Eyebrow } from '@/components/Texts';
import { SectionHeader, P, Eyebrow, CP } from '@/components/Texts';
import { TypeAnimation } from 'react-type-animation'
import { FadeIn } from '@/components/FadeIn';
@@ -139,7 +139,7 @@ export function GallerySection() {
{/* Foreground pill (Desktop) */}
<div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-[60] hidden md:block">
<div className="flex items-center justify-between w-[1040px] gap-6 rounded-2xl bg-gray-100/80 shadow-[0_8px_40px_rgba(0,0,0,0.15)] px-12 backdrop-blur">
<P as="h4" className="max-w-[820px] h-[72px] flex items-center" color="dark">
<CP as="h4" className="max-w-[820px] h-[72px] flex items-center" color="dark">
<TypeAnimation
key={active}
sequence={[galleryItems[active].text]}
@@ -147,7 +147,7 @@ export function GallerySection() {
speed={50}
repeat={0}
/>
</P>
</CP>
<Button href="#" color="cyan" className="text-sm px-4 py-2 lg:text-base whitespace-nowrap">
Start
</Button>
@@ -158,7 +158,7 @@ export function GallerySection() {
{/* Text box (Mobile) */}
<div className="md:hidden w-full px-4 -mt-12 mb-16">
<div className="flex flex-row items-center justify-between w-full gap-x-4 rounded-2xl bg-gray-100/80 p-4 backdrop-blur-md">
<P as="h4" className="w-full text-left h-[72px] leading-tight flex items-center" color="dark">
<CP as="h4" className="w-full text-left h-[72px] leading-tight flex items-center" color="dark">
<TypeAnimation
key={active}
sequence={[galleryItems[active].text]}
@@ -166,7 +166,7 @@ export function GallerySection() {
speed={50}
repeat={0}
/>
</P>
</CP>
<Button href="#" color="cyan" className="text-xs px-3 py-1.5 whitespace-nowrap">
Start
</Button>