diff --git a/src/components/sections/other/TeamPets.tsx b/src/components/sections/other/TeamPets.tsx new file mode 100644 index 0000000..e881a05 --- /dev/null +++ b/src/components/sections/other/TeamPets.tsx @@ -0,0 +1,84 @@ +import Card from "@/components/ui/Card"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ScrollReveal from "@/components/ui/ScrollReveal"; + +type Pet = { + name: string; + imageSrc: string; +}; + +type TeamPetsProps = { + tag?: string; + title?: string; + description?: string; + pets?: Pet[]; +}; + +const defaultPets: Pet[] = [ + { + name: "Barnaby", + imageSrc: "https://images.unsplash.com/photo-1583511655857-d19b40a7a54e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxkb2d8ZW58MXwwfHx8MTc3NzM4NDkyMXww&ixlib=rb-4.1.0&q=80&w=1080", + }, + { + name: "Luna", + imageSrc: "https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxjYXR8ZW58MXwwfHx8MTc3NzM4NDkyMnww&ixlib=rb-4.1.0&q=80&w=1080", + }, + { + name: "Cooper", + imageSrc: "https://images.unsplash.com/photo-1552053831-71594a27632d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHxkb2d8ZW58MXwwfHx8MTc3NzM4NDkyM3ww&ixlib=rb-4.1.0&q=80&w=1080", + }, + { + name: "Milo", + imageSrc: "https://images.unsplash.com/photo-1573865526739-10659fec78a5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHxjYXR8ZW58MXwwfHx8MTc3NzM4NDkyNHww&ixlib=rb-4.1.0&q=80&w=1080", + } +]; + +export default function TeamPets({ + tag = "Our Companions", + title = "Meet the Team Pets", + description = "The furry friends that keep our bakery running with joy and tail wags.", + pets = defaultPets +}: TeamPetsProps) { + return ( +
+
+
+ {tag} + + + + +
+ + +
+ {pets.map((pet, index) => ( + +
+ +
+

{pet.name}

+
+ ))} +
+
+
+
+ ); +} \ No newline at end of file diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 53e0a73..a31b068 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -7,6 +7,7 @@ import HeroBrand from '@/components/sections/hero/HeroBrand'; import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards'; import ProductVariantCards from '@/components/sections/product/ProductVariantCards'; import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards'; +import TeamPets from '@/components/sections/other/TeamPets'; export default function HomePage() { return ( @@ -145,7 +146,7 @@ export default function HomePage() { { title: "Traditional Methods", description: "Long fermentation times create superior flavor and digestibility.", - avatarSrc: "https://images.unsplash.com/photo-1737700089482-e6ce492f712f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmcmVuY2gl2MHBhc3RyeSUyMGJyZWFrZmFzdHxlbnwxfDB8fHwxNzc3Mzg0OTI4fDA&ixlib=rb-4.1.0&q=80&w=1080", + avatarSrc: "https://images.unsplash.com/photo-1737700089482-e6ce492f712f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmcmVuY2glMjBwYXN0cnklMjBicmVha2Zhc3R8ZW58MXwwfHx8MTc3NzM4NDkyOHww&ixlib=rb-4.1.0&q=80&w=1080", buttonText: "See Methods", imageSrc: "https://images.unsplash.com/photo-1605345746984-8ade72b44e00?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw1Mnx8ZnJlc2glMjBjcm9pc3NhbnRzJTIwc2VsZWN0aW9uJTIwYnV0dGVyeXxlbnwxfDB8fHwxNzc3Mzg0OTI4fDA&ixlib=rb-4.1.0&q=80&w=1080", }, @@ -233,6 +234,10 @@ export default function HomePage() { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xrpk5b" /> + +
+ +
); } \ No newline at end of file