bender/62fdcb9a-2cbb-4d33-9bfe-833ed4e8e475
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Added glassmorphic Active Now tags to team images

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-07 19:47:48 +00:00
parent 191c56ec88
commit 327d7eeeda
1 changed files with 65 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/pages/HomePage/sections/Team.tsx
View File

@@ -1,37 +1,76 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "team" section.
import React from 'react';
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import Tag from '@/components/ui/Tag';
import ImageOrVideo from '@/components/ui/ImageOrVideo';
import ScrollReveal from '@/components/ui/ScrollReveal';
export default function TeamSection() {
const members = [
{
name: "Chef Marco",
role: "Head Pizzaiolo",
imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14121.jpg",
},
{
name: "Sophia Rodriguez",
role: "Assistant Chef",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-girl-red-uniform-cap-holding-pizza-packages_141793-31534.jpg",
},
{
name: "David Kim",
role: "Operations Manager",
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110825.jpg",
},
];
export default function TeamSection(): React.JSX.Element {
return (
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamStackedCards
<div id="team" data-webild-section="team">
<div className="hidden">
<TeamStackedCards
tag="Meet the Maestros"
title="Our Passionate Pizza Crew"
description="Behind every delicious pizza is a dedicated team committed to quality and a warm dining experience."
members={[
{
name: "Chef Marco",
role: "Head Pizzaiolo",
imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14121.jpg",
},
{
name: "Sophia Rodriguez",
role: "Assistant Chef",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-girl-red-uniform-cap-holding-pizza-packages_141793-31534.jpg",
},
{
name: "David Kim",
role: "Operations Manager",
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110825.jpg",
},
]}
members={members}
/>
</SectionErrorBoundary>
</div>
<div className="py-24 bg-background">
<div className="max-w-6xl mx-auto px-6">
<ScrollReveal>
<div className="text-center mb-16">
<Tag text="Meet the Maestros" className="mb-4" />
<h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Our Passionate Pizza Crew</h2>
<p className="text-lg text-muted-foreground max-w-2xl mx-auto">
Behind every delicious pizza is a dedicated team committed to quality and a warm dining experience.
</p>
</div>
</ScrollReveal>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
{members.map((member, index) => (
<ScrollReveal key={index} delay={index * 0.1}>
<div className="group relative rounded-2xl overflow-hidden bg-card border border-border">
<div className="relative aspect-[4/5] overflow-hidden">
<ImageOrVideo
imageSrc={member.imageSrc}
className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
/>
<div className="absolute top-4 left-4 z-10">
<div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/20 backdrop-blur-md border border-white/30 shadow-sm">
<span className="w-2 h-2 rounded-full bg-green-400 animate-pulse"></span>
<span className="text-xs font-medium text-white drop-shadow-md">Active now</span>
</div>
</div>
</div>
<div className="p-6 text-center">
<h3 className="text-xl font-bold text-foreground mb-1">{member.name}</h3>
<p className="text-sm text-muted-foreground">{member.role}</p>
</div>
</div>
</ScrollReveal>
))}
</div>
</div>
</div>
</div>
);
}